/** Shopify CDN: Minification failed

Line 9696:19 Expected identifier but found whitespace
Line 9696:20 Unexpected "var("

**/
@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
   ========================================================================== */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

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

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

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

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

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

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

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

/**
 * Show the overflow in IE.
 */
button {
  overflow: visible;
}

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

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

button,
[type=button],
[type=reset],
[type=submit] {
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Show the overflow in Edge.
 */
input {
  overflow: visible;
}

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

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
   */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

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

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

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

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

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

/*
 * Add the correct display in IE 9-.
 */
menu {
  display: block;
}

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

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

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

.foundation-mq {
  font-family: "small=0em&xxsmall=25em&xsmall=48.125em&medium=52.5em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}

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

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  background: var(--tvg-color-bg-main);
  font-family: var(--font-body);
  font-weight: 300;
  line-height: 1.5;
  color: #303030;
  color: var(--tvg-color-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
}
[data-whatinput=mouse] button {
  outline: 0;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}
.row::before, .row::after {
  display: table;
  content: " ";
}
.row::after {
  clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.row.gutter-small > .column, .row.gutter-small > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.row.gutter-medium > .column, .row.gutter-medium > .columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  width: 8.3333333333%;
}

.small-push-1 {
  position: relative;
  left: 8.3333333333%;
}

.small-pull-1 {
  position: relative;
  left: -8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.6666666667%;
}

.small-push-2 {
  position: relative;
  left: 16.6666666667%;
}

.small-pull-2 {
  position: relative;
  left: -16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  width: 33.3333333333%;
}

.small-push-4 {
  position: relative;
  left: 33.3333333333%;
}

.small-pull-4 {
  position: relative;
  left: -33.3333333333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.6666666667%;
}

.small-push-5 {
  position: relative;
  left: 41.6666666667%;
}

.small-pull-5 {
  position: relative;
  left: -41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  width: 58.3333333333%;
}

.small-push-7 {
  position: relative;
  left: 58.3333333333%;
}

.small-pull-7 {
  position: relative;
  left: -58.3333333333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.6666666667%;
}

.small-push-8 {
  position: relative;
  left: 66.6666666667%;
}

.small-pull-8 {
  position: relative;
  left: -66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  width: 83.3333333333%;
}

.small-push-10 {
  position: relative;
  left: 83.3333333333%;
}

.small-pull-10 {
  position: relative;
  left: -83.3333333333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.6666666667%;
}

.small-push-11 {
  position: relative;
  left: 91.6666666667%;
}

.small-pull-11 {
  position: relative;
  left: -91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.3333333333%;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.6666666667%;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.2857142857%;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.small-collapse .row {
  margin-right: 0;
  margin-left: 0;
}

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.small-centered {
  margin-right: auto;
  margin-left: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  float: left;
  margin-right: 0;
  margin-left: 0;
}
.column-block {
  margin-bottom: 1.25rem;
}
.column-block > :last-child {
  margin-bottom: 0;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1em;
  font-size: inherit;
  line-height: inherit;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 0.8125em;
  line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-header);
  font-style: normal;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  line-height: 0;
  color: #dddedc;
  color: var(--tvg-color-gray-60);
}

h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2 {
  font-size: 1.375rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
a {
  line-height: inherit;
  color: #253746;
  color: var(--tvg-color-text-link);
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #005aac;
  color: var(--tvg-color-text-link-hover);
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 0.0625rem solid #dddedc;
  border-bottom: 0.0625rem solid var(--tvg-color-gray-60);
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1em;
  list-style-position: outside;
  line-height: inherit;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25em;
  list-style-type: disc;
}

ol {
  margin-left: 1.25em;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25em;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1em;
}
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: 0.0625rem solid #a3a3a3;
  border-left: 0.0625rem solid var(--tvg-color-text-secondary);
}
blockquote, blockquote p {
  line-height: inherit;
  color: #a3a3a3;
  color: var(--tvg-color-text-secondary);
}

cite {
  display: block;
  font-size: 0.8125em;
  color: #a3a3a3;
  color: var(--tvg-color-text-secondary);
}
cite:before {
  content: "— ";
}

abbr {
  border-bottom: 0.0625rem dotted #0a0a0a;
  border-bottom: 0.0625rem dotted var(--tvg-color-black);
  color: #303030;
  color: var(--tvg-color-text-primary);
  cursor: help;
}

figure {
  margin: 0;
}

code {
  padding: 0.125em 0.3125em 0.0625em;
  border: 0.0625rem solid #dddedc;
  border: 0.0625rem solid var(--tvg-color-gray-60);
  background-color: var(--c-thread-grey);
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: 300;
  color: #0a0a0a;
  color: var(--tvg-color-black);
}

kbd {
  margin: 0;
  padding: 0.125em 0.25em 0;
  background-color: var(--c-thread-grey);
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
  color: var(--tvg-color-black);
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: 300;
  line-height: 1.4;
  color: #a3a3a3;
  color: var(--tvg-color-gray-40);
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

.no-bullet {
  margin-left: 0;
  list-style: none;
}

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

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

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

.text-justify {
  text-align: justify;
}
.show-for-print {
  display: none !important;
}
[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: inherit;
  line-height: 1.8;
  color: var(--c-harper-dark);
}
label.middle {
  margin: 0 0 1rem;
  padding: 0.625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
  color: var(--tvg-color-black);
}

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}
.input-group > :first-child {
  border-radius: 0 0 0 0;
}
.input-group > :last-child > * {
  border-radius: 0 0 0 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #dddedc;
  border: 1px solid var(--tvg-color-gray-60);
  background: var(--c-thread-grey);
  color: #0a0a0a;
  color: var(--tvg-color-black);
  text-align: center;
  white-space: nowrap;
  width: 1%;
  height: 100%;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  height: 2.75rem;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
  height: 100%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  height: 2.75rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.25rem;
}

.input-group .input-group-button {
  display: table-cell;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 0;
  border: 0.0625rem solid #dddedc;
  border: 0.0625rem solid var(--tvg-color-gray-60);
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
  background: #ffffff;
  background: var(--tvg-color-bg-main);
}

select {
  height: 2.6875rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.125rem solid #dddedc;
  border: 0.125rem solid var(--tvg-color-gray-60);
  border-radius: 0;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  font-family: var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1.25rem;
  line-height: normal;
  color: #303030;
  color: var(--tvg-color-text-primary);
  -webkit-transition: border-color 250ms ease-in-out;
  -o-transition: border-color 250ms ease-in-out;
  transition: border-color 250ms ease-in-out;
}
select:focus {
  outline: none;
  border: 0.125rem solid #a3a3a3;
  border: 0.125rem solid var(--tvg-color-gray-40);
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color 250ms ease-in-out;
  -o-transition: border-color 250ms ease-in-out;
  transition: border-color 250ms ease-in-out;
}
select:disabled {
  background-color: var(--c-thread-grey);
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid #dddedc;
  border: 1px solid var(--tvg-color-gray-60);
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: var(--c-lightest-grey);
  color: #303030;
  color: var(--tvg-color-text-primary);
}

tfoot {
  background: var(--c-lightest-grey);
  color: #303030;
  color: var(--tvg-color-text-primary);
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: var(--c-lightest-grey);
}

table.unstriped tbody {
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
}
table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #dddedc;
  border-bottom: 1px solid var(--tvg-color-gray-60);
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #dddedc;
  background-color: var(--tvg-color-gray-60);
}
table.hover tfoot tr:hover {
  background-color: #dddedc;
  background-color: var(--tvg-color-gray-60);
}
table.hover tbody tr:hover {
  background-color: var(--c-lightest-grey);
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #dddedc;
  background-color: var(--tvg-color-gray-60);
}

.table-scroll {
  overflow-x: auto;
}
.table-scroll table {
  width: auto;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
}
.clearfix::after {
  clear: both;
}

/* overrides */
button,
input,
optgroup,
select,
textarea {
  font-family: var(--font-body);
  font-weight: 300;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #ccc;
}

.pswp__error-msg a {
  color: #ccc;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url("//harperwilde.com/cdn/shop/t/746/assets/photoswipe.png?v=115405504031309184941756193822") 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #fff;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #fff;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #fff;
}

a.pswp__share--pinterest:hover {
  background: #ccc;
  color: #ce272d;
}

a.pswp__share--download:hover {
  background: #ddd;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #fff;
  opacity: 0.75;
  padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #bbb;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #ccc;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url("//harperwilde.com/cdn/shop/t/746/assets/photoswipe-preloader.gif?v=77008736554601496081756193822") 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /* 
  	The idea of animating inner circle is based on Polymer ("material") loading indicator 
  	 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-prev,
.slick-arrow.slick-next {
  z-index: 1;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: var(--font-header);
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 32px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: var(--font-header);
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* ===================================================== */
/* Utility Classes */
/* ===================================================== */
.u-hide {
  display: none !important;
}

.u-vhide {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.visually-hidden {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

[js-scroll-container] {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.rounded {
  border-radius: 0.625rem;
}

h1,
.h1 {
  /* h1 */
  line-height: 1;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 2.5rem;
}

h2,
.h2 {
  /* h1 */
  line-height: 1;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 2.1875rem;
}

h3,
.h3 {
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.875rem;
}

h4,
.h4 {
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.5625rem;
}

h5,
.h5 {
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1.25rem;
}

h6,
.h6 {
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1rem;
}

.subheading {
  /* h1 */
  line-height: 1.3;
  letter-spacing: 0.03125rem;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
}

.body-large {
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
}

.body-base {
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
}

.body-small {
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
}

.body-xsmall {
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
}

.subtitle {
  /* h1 */
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 0.5625rem;
  line-height: 1.4;
}

.product-title {
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.5625rem;
  font-family: var(--font-header);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}

p a,
.text-link {
  display: inline;
  text-decoration: underline;
}
p a:hover,
.text-link:hover {
  color: var(--c-poppy);
}

.cta-large {
  /* h1 */
  font-family: var(--font-header);
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1;
  text-transform: uppercase;
}

.cta-small {
  /* h1 */
  font-family: var(--font-header);
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

/* ===================================================== */
/* General Objects */
/* ===================================================== */
body {
  color: var(--c-harper-dark);
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 300;
}

select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0.375rem;
  font-size: 1rem;
  font-weight: 300;
  color: var(--c-harper-dark);
  border: 0.0625rem solid var(--c-slate);
  border-radius: 0.375rem;
  background-origin: padding-box;
  background-repeat: no-repeat;
  background-size: unset;
  background-position: calc(100% - 20px) calc(1em), calc(100% - 15px) calc(1em), calc(100% - 2.5em) 0.5em;
  background-image: url("data:image/svg+xml;utf8,<svg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M.646.646a.5.5 0 0 1 .708 0L6 5.293 10.646.646a.5.5 0 0 1 .708.708l-5 5a.5.5 0 0 1-.708 0l-5-5a.5.5 0 0 1 0-.708Z' fill='currentColor'/></svg>");
}
select:focus, select:active {
  outline: none;
  border-width: 0.125rem;
}
.CompleteLook select {
  height: 2.625rem;
}

.container {
  padding: 0 0.625rem;
}

.slick-slide {
  outline: none;
}

.o-row {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 0;
}

.o-container {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 0.75rem;
}

.o-ctaoutline {
  border: 0.125rem solid var(--c-harper-dark);
  height: 3.75rem;
  width: 17.75rem;
  max-width: 100%;
  left: 0.25rem;
  position: relative;
}

.o-btnoutline {
  margin-top: -7px;
  margin-left: -7px;
}

.o-shadow {
  background-color: var(--c-harper-dark);
}

.o-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 3.75rem;
  width: 17.5rem;
  border: 0.125rem solid var(--c-harper-dark);
  background-color: var(--c-eggshell);
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: var(--c-harper-dark);
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.0625rem;
  line-height: 0.9375rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0;
  max-width: 100%;
  font-family: var(--font-body);
  font-weight: 600;
  outline: none;
}
.o-button:disabled {
  border-color: #98a4ae;
  background-color: #fffcee;
  color: #98a4ae;
  cursor: not-allowed;
}
.o-button:disabled:hover, .o-button:disabled:focus {
  border-color: #98a4ae;
  background-color: #fffcee;
  color: #98a4ae;
}
.o-button.o-button--full-width {
  width: 100%;
}
.o-button--short {
  height: 3.125rem;
}
.o-button--transparent {
  background-color: transparent;
  border-color: transparent;
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.o-button--transparent:hover, .o-button--transparent:focus {
  background-color: transparent;
  border-color: transparent;
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.o-button--transparent:focus {
  border-color: #dddedc;
  border-color: var(--tvg-color-gray-60);
}
.o-button--transparent:disabled {
  background-color: transparent;
  border-color: transparent;
  color: #a3a3a3;
  color: var(--tvg-color-gray-40);
  cursor: not-allowed;
}
.o-button--transparent:disabled:hover, .o-button--transparent:disabled:focus {
  background-color: transparent;
  border-color: transparent;
  color: #a3a3a3;
  color: var(--tvg-color-gray-40);
}
.o-button--hollow {
  background-color: transparent;
  border-color: #e81818;
  border-color: var(--tvg-color-button-background);
  color: #e81818;
  color: var(--tvg-color-button-background);
}
.o-button--hollow:hover, .o-button--hollow:focus {
  background-color: transparent;
  border-color: #cf000f;
  border-color: var(--tvg-color-button-background-hover);
  color: #cf000f;
  color: var(--tvg-color-button-background-hover);
}
.o-button--hollow:disabled {
  background-color: transparent;
  border-color: #a3a3a3;
  border-color: var(--tvg-color-gray-40);
  color: #a3a3a3;
  color: var(--tvg-color-gray-40);
  cursor: not-allowed;
}
.o-button--hollow:disabled:hover, .o-button--hollow:disabled:focus {
  background-color: transparent;
  border-color: #a3a3a3;
  border-color: var(--tvg-color-gray-40);
  color: #a3a3a3;
  color: var(--tvg-color-gray-40);
}
.o-button--primary {
  position: relative;
}
.o-button--primary .o-button--first {
  z-index: 2;
  position: absolute;
  top: -2px;
  left: -2px;
}
.o-button--primary .o-button--bg {
  z-index: 1;
  position: absolute;
  bottom: -1.5px;
  right: -1.5px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 0.125rem solid var(--c-harper-dark);
}
.o-button--primary:hover .o-button--bg {
  background-color: var(--c-harper-dark);
}
.o-button--secondary {
  background-color: #fff;
}
.o-button--primary-2:hover, .o-button--secondary:hover {
  color: #fff !important;
  background-color: var(--c-harper-dark);
}

.o-cta-bordered {
  display: inline-block;
  position: relative;
}
.o-cta-bordered.is-animated .o-cta-bordered-border {
  -webkit-transform: translate(0.25rem, 0.25rem);
  -ms-transform: translate(0.25rem, 0.25rem);
  transform: translate(0.25rem, 0.25rem);
}
.o-cta-bordered:hover .o-cta-bordered-border {
  background-color: var(--c-harper-dark);
}
.o-cta-bordered-border {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0.125rem solid var(--c-harper-dark);
  -webkit-transition: background-color ease 0.7s, -webkit-transform ease 0.5s;
  transition: background-color ease 0.7s, -webkit-transform ease 0.5s;
  -o-transition: transform ease 0.5s, background-color ease 0.7s;
  transition: transform ease 0.5s, background-color ease 0.7s;
  transition: transform ease 0.5s, background-color ease 0.7s, -webkit-transform ease 0.5s;
}
.o-cta-bordered-cta {
  position: relative;
  z-index: 2;
}
.o-cta-bordered .o-button {
  margin: 0;
}

.o-pageTitle {
  text-transform: uppercase;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
}

.o-pageSubtext {
  padding: 1.5625rem 0;
  font-size: 1.25rem;
  text-align: center;
  color: var(--c-harper-dark);
}

.o-Section {
  margin: 2.44140625rem 0;
}
.o-Section:empty {
  display: none;
}
.o-Section--flush {
  margin: 0;
}

.o-sectionHeading {
  margin: 0 0 1.5625rem 0;
  font-size: 1.25rem;
  text-transform: uppercase;
  text-align: center;
}

.o-sectionSubhead {
  max-width: 50rem;
  margin: 0 auto 1.5625rem auto;
  font-size: 1rem;
  text-align: center;
}
.o-sectionHeading + .o-sectionSubhead {
  margin-top: -1.25rem;
}

/*  */
.o-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 0 100% 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 300ms ease-out 150ms;
  -o-transition: opacity 300ms ease-out 150ms;
  transition: opacity 300ms ease-out 150ms;
}
.o-placeholder.lazyload {
  opacity: 0;
}
.o-placeholder.lazyloaded {
  opacity: 1;
}
.o-placeholder.has-icon::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox=%220%200%201024%201024%22%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M872,192%20L152,192%20C129.88,192%20112,209.88%20112,232%20L112,792%20C112,814.08%20129.88,832%20152,832%20L872,832%20C894.12,832%20912,814.08%20912,792%20L912,232%20C912,209.92%20894.12,192%20872,192%20L872,192%20L872,192%20Z%20M832,752%20L192,752%20L192,272%20L832,272%20L832,752%20L832,752%20L832,752%20Z%20M684.6,547.08%20L555.36,611.28%20L404.56,367.24%20L272,672%20L752,672%20L684.6,547.08%20L684.6,547.08%20L684.6,547.08%20Z%20M642,472%20C669.6,472%20692,449.6%20692,422%20C692,394.4%20669.6,372%20642,372%20C614.4,372%20592,394.4%20592,422%20C592,449.6%20614.4,472%20642,472%20L642,472%20L642,472%20Z%22%20style=%22fill:%20%23efefef;%20fill:%20%23efefef;%22%3E%3C/path%3E%3C/svg%3E');
  opacity: 0;
  -webkit-transition: opacity 150ms ease-out;
  -o-transition: opacity 150ms ease-out;
  transition: opacity 150ms ease-out;
}
.o-placeholder.has-icon.lazyload::before, .o-placeholder.has-icon.lazyloading::before, .o-placeholder.has-icon.lazyloaded.has-noImages::before {
  opacity: 1;
}
.o-placeholder > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #303030;
  fill: var(--tvg-color-text-primary);
}

.o-placeholderSvg {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 0 100% 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--c-thread-grey);
  border: 0.125rem solid #bfbebe;
  border: 0.125rem solid var(--tvg-color-gray-50);
  fill: #a3a3a3;
  fill: var(--tvg-color-gray-40);
}

.o-formErrors {
  max-width: 30rem;
  margin: 1rem auto;
  padding: 1rem;
  font-family: var(--font-header);
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  border: 0.125rem solid #d50430;
  border: 0.125rem solid var(--tvg-color-feedback-alert);
  border-radius: 0;
  text-align: center;
}
.o-formErrors ul {
  margin: 0;
}

.o-formErrors .errors a {
  text-decoration: underline;
  text-underline-position: under;
}

.o-formSuccess {
  max-width: 30rem;
  margin: 1rem auto;
  padding: 1rem;
  font-family: var(--font-header);
  font-size: 1rem;
  font-weight: bold;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  color: #129134;
  color: var(--tvg-color-feedback-success);
  border: 0.0625rem solid #129134;
  border: 0.0625rem solid var(--tvg-color-feedback-success);
  border-radius: 0;
}

/* ===================================================== */
/* User Content (RTE) */
/* ===================================================== */
.o-flexVideo {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.o-flexVideo iframe,
.o-flexVideo object,
.o-flexVideo embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

ul {
  margin-left: 0;
}

.o-rte {
  overflow: hidden;
}
.o-rte::before, .o-rte::after {
  display: table;
  content: " ";
}
.o-rte::after {
  clear: both;
}
.o-rte h1 {
  position: relative;
  margin: 0.5em 0 0.25em 0;
  padding: 0;
  font-size: 1.4em;
  text-transform: uppercase;
}
.o-rte h2 {
  position: relative;
  margin: 0.5em 0 0.25em 0;
  padding: 0;
  font-size: 1.25em;
  text-transform: uppercase;
}
.o-rte h3 {
  position: relative;
  margin: 0.5em 0 0.25em 0;
  padding: 0;
  font-size: 1em;
  text-transform: uppercase;
}
.o-rte h4 {
  position: relative;
  margin: 0.5em 0 0.25em 0;
  padding: 0;
  font-size: 1em;
  text-transform: uppercase;
}
.o-rte h5,
.o-rte h6 {
  position: relative;
  margin: 0.5em 0 0.25em 0;
  padding: 0;
  font-size: 1em;
  text-transform: uppercase;
}
.o-rte img {
  max-width: 100%;
}
.o-rte p {
  font-size: 1em;
  margin-bottom: 0;
  line-height: inherit;
}
.o-rte p:last-child {
  margin-bottom: 0;
}
.o-rte p + p {
  margin-top: -0.25em;
}
.o-rte ul,
.o-rte ol,
.o-rte dl {
  font-size: 1em;
}
.o-rte ul {
  list-style: disc outside none;
  padding-left: 1.8em;
  margin: 0 0 1em 0;
}
.o-rte ul ul {
  list-style: circle outside none;
}
.o-rte ul li {
  list-style: inherit;
}
.o-rte ul li p + p {
  margin-top: -1em;
}
.o-rte ol {
  list-style: decimal outside none;
  padding-left: 1.8em;
  margin: 0 0 1em 0;
}
.o-rte ol ol {
  list-style: decimal outside none;
}
.o-rte ol li {
  list-style: inherit;
}
.o-rte ol li p + p {
  margin-top: -1em;
}
.o-rte blockquote h1,
.o-rte blockquote h2,
.o-rte blockquote h3,
.o-rte blockquote h4,
.o-rte blockquote h5,
.o-rte blockquote h6 {
  line-height: 1.4;
}
.o-rte a:not(.o-button) {
  border-bottom: 0.0625rem solid #253746;
  border-bottom: 0.0625rem solid var(--tvg-color-text-link);
}
.o-rte a:not(.o-button):hover, .o-rte a:not(.o-button):focus {
  border-bottom-color: #005aac;
  border-bottom-color: var(--tvg-color-text-link-hover);
}
.o-rte iframe,
.o-rte object {
  max-width: 100%;
}
.o-rte figure {
  text-align: center;
  margin: 1em 2.5em;
}
.o-rte figcaption {
  margin: 1em 0;
  font-size: 0.8em;
  font-style: italic;
}
.o-rte .figure {
  text-align: center;
  margin: 1em 2.5em;
}
.o-rte .figure > .caption {
  margin: 1em 0;
  font-size: 0.8em;
  font-style: italic;
}

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

ul ul {
  margin: 0;
}

details summary::-webkit-details-marker {
  display: none;
}

summary {
  cursor: pointer;
}

p {
  margin: 0;
}

.Page-content a {
  color: var(--c-harper-dark);
  border-bottom: 1px solid var(--c-harper-dark);
  font-family: var(--font-body);
  font-weight: 600;
}

.o-content a {
  color: var(--c-harper-dark);
  border-bottom: 1px solid var(--c-harper-dark);
  font-family: var(--font-body);
  font-weight: 600;
}

.Page-content a:hover {
  color: var(--c-harper-dark);
}

a,
button {
  cursor: pointer;
  outline: none;
}

.Backinstock-disabled {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 3.75rem;
  width: 17.5rem;
  border: 0.125rem solid var(--c-harper-dark);
  background-color: #fef7d8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--c-harper-dark);
  border-radius: 0;
  max-width: 100%;
  margin: auto;
  font-family: var(--font-body);
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.9375rem;
  letter-spacing: 0.0625rem;
  line-height: 0.9375rem;
  outline: none;
  opacity: 0.5;
}

.o-input {
  position: relative;
  margin-bottom: 0.75rem;
  color: var(--c-harper-dark);
}

.o-input__text-input {
  width: 100%;
  padding: 1rem;
  border: 0.0625rem solid var(--c-slate);
  border-radius: 0.375rem;
  font-family: var(--font-secondary);
  color: var(--c-harper-dark);
}
.o-input__text-input:active, .o-input__text-input:focus, .invalid .o-input__text-input:invalid {
  padding: 1.25rem 1rem 0.625rem;
}
.o-input__text-input:focus {
  outline: 0;
  border: 0.125rem solid var(--c-slate);
}
.o-input__text-input:disabled {
  background: var(--c-eggshell);
}
.o-input__text-input::-webkit-input-placeholder {
  color: var(--c-harper-dark);
}
.o-input__text-input::-moz-placeholder {
  color: var(--c-harper-dark);
}
.o-input__text-input:-ms-input-placeholder {
  color: var(--c-harper-dark);
}
.o-input__text-input::-ms-input-placeholder {
  color: var(--c-harper-dark);
}
.o-input__text-input::placeholder {
  color: var(--c-harper-dark);
}

.o-input__label {
  opacity: 0;
  position: absolute;
  top: 0.5rem;
  left: 1rem;
  font-family: var(--font-secondary);
  font-size: 0.6875rem;
  line-height: 1;
}
.o-input__text-input:active + .o-input__label, .o-input__text-input:focus + .o-input__label, .invalid .o-input__text-input:invalid + .o-input__label {
  opacity: 1;
}
.o-input__text-input:invalid:not(:focus) + .o-input__label {
  color: var(--c-poppy);
}

.o-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.button, .PDPReviews a.jdgm-write-rev-link, .tile__cta, .smpbundle-Controls-addToCartButton {
  position: relative;
  display: inline-block;
  width: 17.5rem;
  max-width: 100%;
  padding: 1.375rem 0.75rem;
  border: 2px solid currentColor;
  /* border-radius: 0.625rem; */
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 1px;
  transition: var(--transition-button-default);
}

.smpbundle-Controls-addToCartButton{
  width: 100%;
}

.button:disabled, 
.PDPReviews a.jdgm-write-rev-link:disabled, 
.tile__cta:disabled, 
.button.disabled, 
.PDPReviews a.disabled.jdgm-write-rev-link, 
.disabled.tile__cta,
.rebuy-product-block .rebuy-product-actions .rebuy-button:disabled,
.smpbundle-Controls-addToCartButton:disabled {
  opacity: 0.6;
  pointer-events: none;
}

.button--narrow {
  padding: 0.78125rem;
}

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

.rebuy-product-block .rebuy-product-actions .rebuy-button,
.button--tertiary, .tile__cta.cta-button--tertiary {
  /* FOR GRISHO */
  /* background-color: var(--c-eggshell);
  color: var(--c-harper-dark); */

  background-color: var(--color-button-sky);
  border-color: var(--color-button-navy);
  outline: 1px solid transparent;
  color: var(--color-button-navy);
}

.js-offcanvas .rebuy-product-block .rebuy-product-actions .rebuy-button {
  margin-bottom: 1px;
}

.rebuy-product-block .rebuy-product-actions .rebuy-button:hover,
.button--tertiary:hover, .tile__cta.cta-button--tertiary:hover {
  outline-color: var(--color-button-navy);
  outline-width: 1px;
}
.button--tertiary::after, .tile__cta.cta-button--tertiary::after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: 2px solid var(--c-harper-dark);
  border-radius: 0.5rem;
  display: none;
}
.button--tertiary:not(:disabled):hover::after, 
.tile__cta.cta-button--tertiary:not(:disabled):hover::after, 
.button--tertiary:not(.disabled):hover::after, 
.tile__cta.cta-button--tertiary:not(.disabled):hover::after {
  background-color: var(--c-harper-dark);
}

.button--primary, 
.PDPReviews a.jdgm-write-rev-link, 
.tile__cta.cta-button--primary,
.smpbundle-Controls-addToCartButton {
  /* FOR GRISHO */
  /* background-color: var(--c-eggshell); 
   color: var(--c-harper-dark); */
  background-color: var(--color-button-navy);
  border-color: var(--color-button-navy);
  color: var(--color-button-white);
}

.rebuy-product-block .rebuy-product-actions .rebuy-button {
  font-weight: 600;
  border-radius: 5px;
  transition: var(--transition-button-default);
}

.button--primary:hover, 
.PDPReviews a.jdgm-write-rev-link:hover, 
.tile__cta.cta-button--primary:hover,
.smpbundle-Controls-addToCartButton:hover {
  /* FOR GRISHO */
  /* background-color: var(--c-harper-dark);
  border-color: var(--c-harper-dark);
  color: var(--c-white); */

  background-color: var(--color-button-sky);
  border-color: var(--color-button-navy);
  color: var(--color-button-navy);
}

.button--secondary, .product-carousel-tabbed .carousel-cta .carousel-btn, .tile__cta.cta-button--secondary, .ProductUpsellCta-button {
  /* FOR GRISHO */
  /* background-color: var(--c-white);
  color: var(--c-harper-dark); */

  background-color: var(--color-button-white);
  border-color: var(--color-button-navy);
  outline: 1px solid transparent;
  color: var(--color-button-navy);
}

.button--secondary:hover, 
.product-carousel-tabbed .carousel-cta .carousel-btn:hover, 
.tile__cta.cta-button--secondary:hover,
.ProductUpsellCta-button:hover {
  /* FOR GRISHO */

  /* background-color: var(--c-harper-dark);
  border-color: var(--c-harper-dark);
  color: var(--c-white); */
  /* border-width: 4px; */
  outline-color: var(--color-button-navy);
  outline-width: 1px;
}


#rebuy-widget-198170 .rebuy-button{
  background-color: var(--color-button-white)!important;
  border-color: var(--color-button-navy)!important;
  outline: 1px solid transparent!important;
  color: var(--color-button-navy)!important;
  transition: var(--transition-button-default);
  border-radius: 5px!important;
}

#rebuy-widget-198170 .rebuy-button:hover{
  outline-color: var(--color-button-navy) !important;
  outline-width: 1px !important;
}

.jdgm-paginate__load-more {
  position: relative!important;
  display: inline-block!important;
  width: 17.5rem!important;
  max-width: 100%!important;
  padding: 1.375rem 0.75rem!important;
  border: 2px solid currentColor!important;
  /* border-radius: 0.625rem!important; */
  border-radius: 5px!important;
  text-transform: uppercase!important;
  text-decoration: none!important;
  text-align: center!important;
  font-family: var(--font-body)!important;
  font-weight: 600!important;
  font-size: 0.9375rem!important;
  line-height: 1!important;
  letter-spacing: 1px!important;
  transition: var(--transition-button-default)!important;

  background-color: var(--color-button-white) !important;
  border-color: var(--color-button-navy) !important;
  outline: 1px solid transparent !important;
  color: var(--color-button-navy) !important;
}

.jdgm-paginate__load-more:hover {
  background-color: var(--color-button-white) !important;
  border-color: var(--color-button-navy) !important;
  outline: 1px solid transparent !important;
  color: var(--color-button-navy) !important;
  outline-color: var(--color-button-navy)!important;
  outline-width: 1px!important;
  opacity: 1 !important;
}

.jdgm-write-rev-link.jdgm-write-rev-link:not([disabled]):hover, 
.jdgm-write-rev-link.jdgm-write-rev-link:focus{
  opacity: 1 !important;
  background-color: var(--color-button-sky) !important;
  border-color: var(--color-button-navy) !important;
  color: var(--color-button-navy) !important;
}

/* ===================================================== */
/* Pagination */
/* ===================================================== */
.Pagination {
  overflow: hidden;
}
.Pagination-items {
  margin: 0;
  padding: 0;
  font-family: var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}
.Pagination-item {
  display: none;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.Pagination-item.is-current {
  display: inline-block;
}
.Pagination-item.is-dimmed {
  display: inline-block;
}
.Pagination-item.is-prev, .Pagination-item.is-next {
  display: inline-block;
}
.Pagination-itemLink {
  display: block;
  min-width: 2.5rem;
  padding: 0.5rem;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  color: #303030;
  color: var(--tvg-color-text-primary);
  border: 0.0625rem solid #dddedc;
  border: 0.0625rem solid var(--tvg-color-gray-60);
  border-radius: 0.25rem;
}
.Pagination-itemLink:hover, .Pagination-itemLink:focus {
  background-color: var(--c-thread-grey);
  color: #303030;
  color: var(--tvg-color-text-primary);
  border-color: #bfbebe;
  border-color: var(--tvg-color-gray-50);
  outline: none;
}
.Pagination-itemLink[aria-hidden] {
  min-width: 0;
  padding: 0.25rem;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  color: #bfbebe;
  color: var(--tvg-color-gray-50);
  border-color: transparent;
  cursor: default;
}
.Pagination-itemLink[aria-hidden]:hover, .Pagination-itemLink[aria-hidden]:focus {
  color: #bfbebe;
  color: var(--tvg-color-gray-50);
}
.Pagination-itemLink[aria-disabled] {
  color: var(--c-thread-grey);
  background-color: #3c3b3b;
  background-color: var(--tvg-color-gray-30);
}
.Pagination-itemLink[aria-disabled]:hover, .Pagination-itemLink[aria-disabled]:focus {
  color: var(--c-thread-grey);
}
.Pagination-arrow {
  display: inline-block;
  vertical-align: middle;
}
.Pagination-arrowLink {
  display: block;
  width: 2.5rem;
  padding: 0.25rem;
}

.Header {
  z-index: calc(30 + 0);
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  top: 0;
  left: 0;
  background: var(--c-harper-dark);
}
.Header-fitQuizIcon {
  cursor: pointer;
  width: 1.35625rem;
  height: 1.345rem;
  position: relative;
}
.Header-menuMobile {
  cursor: pointer;
  width: 1.080625rem;
  height: 0.9175rem;
  position: relative;
}
.Header-menuMobile svg {
  fill: #fff;
}
.Header-sections {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  -ms-flex-align: center;
  align-items: center;
  align-self: center;
}
.Header-section {
  display: -ms-flexbox;
  display: flex;
  gap: 1.4375rem;
}
.Header-section.is-left {
  -ms-flex-pack: left;
  justify-content: left;
  -ms-flex-align: center;
  align-items: center;
}
.Header-section.is-right {
  -ms-flex-pack: right;
  justify-content: right;
  -ms-flex-align: center;
  align-items: center;
  justify-self: right;
}
.Header-icon {
  cursor: pointer;
  width: 0.9375rem;
  height: 1.1875rem;
  position: relative;
}
.Header-icon .o-placeholder {
  padding-bottom: 1.1875rem;
}
.Header-logo {
  max-width: 30rem;
  margin: 0 auto;
  padding: 0.625rem 0;
}
.Header-logo-mobile {
  width: 2.5rem;
  display: block;
}
.Header-logo-desktop {
  display: none;
}
.Header-logoLink {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--font-header);
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  overflow: hidden;
  width: 1.8125rem;
  margin: auto;
}
.Header-logoLink:hover, .Header-logoLink:focus {
  color: var(--c-harper-dark);
}
.Header-logoFallbackText {
  padding: 0.1875rem 0;
  overflow: hidden;
  font-size: 0.875rem;
  text-align: center;
}
.Header-logoImagePlaceholder {
  padding-bottom: 12.85%;
  background-position: center;
  background-size: cover;
  background-size: contain;
}
.Header-iconLink {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: none;
  position: relative;
  vertical-align: middle;
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.Header-iconLink:hover, .Header-iconLink:focus {
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.Header-iconLink.is-cart {
  display: inline-block;
}
.Header-iconLink + .Header-iconLink {
  margin-left: 1.4375rem;
}
.Header-iconText {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  font-family: var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.0625em;
  text-align: center;
  text-transform: uppercase;
}
.Header-cartItemCount {
  display: block;
  position: absolute;
  border-radius: 1rem;
  top: 0;
  left: -0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 0.75rem;
  color: #252f4f;
  color: var(--tvg-color-primary);
  background-color: #ffffff;
}
.Header-cartItemCount[data-item-count="0"] {
  display: none;
}
.Header-right-dropdown {
  position: relative;
  display: inline-block;
  margin: auto 0.625rem;
}
.Header-right-dropdown-content {
  display: none;
  position: absolute;
  min-width: 16.25rem;
  z-index: 1;
  padding-top: 1.375rem;
  color: red;
}
.Header-right-dropdown-content a {
  color: black;
  padding: 0.75rem 1rem;
  text-decoration: none;
  display: block;
}
.Header-right-dropdown-contentwrapper {
  background-color: #fff;
}
.Header-right-dropdown-contentwrapper a {
  color: var(--c-harper-dark);
}
.Header-right-dropbtn {
  padding: 1rem;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  border: none;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  display: none;
}
.Header-left-dropbtn:not([href]) {
  cursor: default;
}
.Header-icon-mobile {
  display: none;
}
.Header-icon-cart {
  text-align: center;
  width: 3rem;
  background: #e4b86c;
  float: right;
  height: 3rem;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 0.625rem;
}

.HeaderMenu {
  overflow: hidden;
  display: none;
}
.HeaderMenu.is-initialized {
  overflow: visible;
}
.HeaderMenu-items {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
  white-space: nowrap;
  display: inline-block;
  display: inline;
}
.HeaderMenu-items-left {
  display: none;
}
.HeaderMenu-items-right {
  display: none;
}
.HeaderMenu-item {
  display: inline-block;
  border-bottom: 0.125rem solid transparent;
  -webkit-transition: border-color 0.15s ease-out;
  -o-transition: border-color 0.15s ease-out;
  transition: border-color 0.15s ease-out;
  border: none;
}
.HeaderMenu-item.has-dropdown:hover, .HeaderMenu-item.has-dropdown:focus {
  border-color: #1d66c7;
}
.HeaderMenu-item-is-mobile {
  display: block;
}
.HeaderMenu-item-isparent {
  margin-right: 0.9375rem;
}
.HeaderMenu-item-isparent::after {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 0.65em;
  position: absolute;
  vertical-align: top;
  width: 0.65em;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  float: right;
  margin-top: 0.25rem;
  font-family: sans-serif;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  margin-left: 0.5rem;
}
.HeaderMenu-item-right {
  color: #fff;
  display: none;
  font-family: var(--font-body);
  font-weight: 600;
}
.HeaderMenu-item-right:hover {
  color: #fff;
}
.HeaderMenu-itemLink {
  display: block;
  margin: 0;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.9375rem;
  letter-spacing: 0.5px;
  line-height: 1.125rem;
  font-family: var(--font-body);
  font-weight: 600;
}
.HeaderMenu-itemLink:hover, .HeaderMenu-itemLink:focus {
  color: #fff;
}
.HeaderMenu-itemLink.is-active {
  padding-right: 3.25rem;
}
.HeaderMenu-itemLink.is-active::after {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 0.65em;
  position: absolute;
  vertical-align: top;
  width: 0.65em;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  float: right;
  margin-top: 0.25rem;
  font-family: sans-serif;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  margin-left: 0.4375rem;
}
.HeaderMenu-itemLinkIcon {
  position: relative;
  top: -0.0625rem;
  margin-left: 0.375rem;
  width: 0;
  height: 0.4375rem;
}
.HeaderMenu-chevron {
  position: relative;
  top: 0.25rem;
  -webkit-transform: translateY(-50%) translateZ(0) rotate(135deg);
  transform: translateY(-50%) translateZ(0) rotate(135deg);
  margin-left: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  background: transparent;
  border-top: 0.1rem solid #fff;
  border-top: 0.1rem solid #fff;
  border-right: 0.1rem solid #fff;
  border-right: 0.1rem solid #fff;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  -o-transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.OffcanvasNav-itemLink.is-expanded .HeaderMenu-chevron {
  -webkit-transform: translateY(-50%) translateZ(0) rotate(135deg);
  transform: translateY(-50%) translateZ(0) rotate(135deg);
}

.IELogo {
  display: none;
}

.Header-logo-desktop,
.Header-logo-mobile {
  color: var(--c-white);
}

.Header-logoLink:hover {
  color: inherit;
}

.Header-logoLink .o-placeholder {
  display: block;
}
/*
NEW DESIGNS
*/
.primary-menu {
  width: 100%;
  position: relative;
  display: none;
  z-index: 1;
}

.secondary-menu {
  position: relative;
  z-index: 1;
}
.secondary-menu:has(#search-modal[open=true]) {
  z-index: calc(50 + 0);
}

.menu-top-link {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.375rem 1.25rem;
  background: var(--c-lightest-grey);
  color: var(--c-harper-dark);
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
}
.facets-mobile-drawer .menu-top-link {
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1.25rem;
  text-transform: capitalize;
}
.menu-top-link.is-expanded {
  padding-bottom: 0.75rem;
  padding-top: 1rem;
  background: #ffffff;
  background: var(--tvg-color-white);
}
.menu-top-link.is-expanded::before {
  opacity: 1 !important;
}
.OffcanvasNav-item:not(:first-of-type) .menu-top-link.is-expanded {
  padding-top: 0.75rem;
  margin-top: 0.5rem;
}
.mobile-menu-divider + .OffcanvasNav-item:not(:first-of-type) .menu-top-link.is-expanded {
  padding-top: 0;
}
.mobile-menu-divider + .OffcanvasNav-item .menu-top-link::before {
  content: "";
  position: absolute;
  top: -19px;
  left: -12px;
  width: calc(100% + 24px);
  height: 19px;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  z-index: 1;
  opacity: 0;
}

.menu-sub-link {
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: none;
}
.menu-sub-link:hover {
  text-decoration: underline;
}

.dropdown-toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.dropdown-toggle .icon-chevron {
  margin-left: 7px;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.dropdown-toggle[aria-expanded=true] .icon-chevron {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header-icons {
  position: absolute;
  top: 0;
  padding-top: 1rem;
  color: #ffffff;
  color: var(--tvg-color-white);
}
.header-icons.header-icons--right {
  right: 0;
  padding-right: 1rem;
}
.header-icons.header-icons--left {
  left: 0;
  padding-left: 1rem;
  z-index: calc(30 + 0);
}

.header-icon {
  cursor: pointer;
  margin-right: 1.25rem;
  width: 0.9375rem;
  height: 1.1875rem;
  position: relative;
  display: inline-block;
}
.header__search .header-icon {
  top: -1px;
}
.header-icon .o-placeholder {
  padding-bottom: 1.1875rem;
}
.header-icon + .header-icon:last-of-type {
  margin-right: 0;
}

.header-links {
  text-align: center;
}

.header-link__container {
  text-align: left;
}

[aria-expanded=false] + [data-dropdown-panel] {
  display: none;
}
[aria-expanded=true] + [data-dropdown-panel] {
  display: block;
}

.header-dropdown,
.megamenu {
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.25));
}

.header-dropdown {
  display: none;
  padding: 1.25rem 1.25rem 1rem;
  position: absolute;
  top: calc(100% - 7px);
  background: #ffffff;
  background: var(--tvg-color-white);
}
.header-dropdown.visible {
  display: block;
}
.header-dropdown.visible::before {
  content: "";
  position: absolute;
  top: -3px;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header-dropdown__item {
  padding-bottom: 0.625rem;
}

.megamenu {
  pointer-events: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.megamenu.visible {
  pointer-events: all;
  opacity: 1;
}

.megamenu-col {
  width: 15rem;
  max-width: 15rem;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 1.875rem;
}
.megamenu-col + .megamenu-col:last-of-type {
  margin-right: 0;
}
.OffcanvasNav-item .megamenu-col {
  display: inline-block;
  margin-right: 1.25rem;
}

.header-image-tile__image-container {
  position: relative;
  width: 100%;
  padding-top: calc(100% / (1.26));
  margin-bottom: 20px;
  overflow: hidden;
}

.header-image-tile__image {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.header-image-tile__text {
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
}

.mobile-menu-divider {
  position: relative;
  margin: 0.1875rem 0;
  padding: 0.75rem 1.25rem;
  background: var(--c-lightest-grey);
}
.mobile-menu-divider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 40px);
  height: 1px;
  background: var(--c-thread-grey);
  margin: 0.75rem 1.25rem;
}

.js-offcanvas-nav-top-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.OffcanvasNav-item:last-of-type .js-offcanvas-nav-top-link:not(.is-expanded) {
  padding-bottom: 1.25rem;
}

.Offcanvas.Offcanvas--left {
  background: #252f4f;
  background: var(--tvg-color-primary);
}

.OffcanvasNav-closeBtnWrapp {
  padding-top: 0.5rem;
  padding-bottom: 0.375rem;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  top: 0;
  background: var(--c-lightest-grey);
}
.Header .OffcanvasNav-closeBtnWrapp {
  padding-bottom: 0.75rem;
}

.OffcanvasNav {
  background: var(--c-lightest-grey);
}
.Header .OffcanvasNav {
  padding-bottom: 0.4375rem;
}

.OffcanvasNav-submenu {
  background: #ffffff;
  background: var(--tvg-color-white);
  padding: 0 1.25rem 0.75rem;
}
.Header .OffcanvasNav-submenu {
  padding-bottom: 0.625rem;
}

.OffcanvasNav-bottom {
  color: #ffffff;
  color: var(--tvg-color-white);
}

.OffcanvasNav-image-tiles {
  position: relative;
  left: -20px;
  width: calc(100% + 40px);
  padding: 1.25rem 1.25rem 0.75rem;
  overflow: scroll;
  white-space: nowrap;
}

.js-offcanvas-trigger {
  color: #ffffff;
  color: var(--tvg-color-white);
}

.extra-item__container {
  display: none;
  position: absolute;
  top: -35px;
  left: 60px;
}
.extra-item__container .extra-item {
  color: var(--c-white);
  text-align: center;
  font-family: "Lexend";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 21px;
}
.extra-item__container .extra-item:hover {
  text-decoration: underline;
}

.cart-upsell-trigger-container {
  display: none;
}

.cart-upsell-product-container {
  display: none;
}

.privacy-note-container {
  margin-top: 0.75rem;
  font-weight: 400;
  font-size: 10px;
}

.search-header__search {
  padding-top: 1rem;
}
.search-header__search.search-header__search--not-performed {
  padding: 0.75rem 0 1.25rem;
}

.search__input-container,
.search-header__toggle {
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -ms-flex-align: center;
  align-items: center;
  background: var(--c-white);
  margin: 0 1.75rem 1.25rem;
  padding: 0.25rem 0.75rem;
  color: var(--c-slate);
}
.search__input-container:focus-within, .search__input-container:focus,
.search-header__toggle:focus-within,
.search-header__toggle:focus {
  outline: 1px solid var(--c-slate);
}
.search-header__search .search__input-container,
.search-header__search .search-header__toggle {
  max-width: 648px;
  margin: 0 auto;
}

.search-header__toggle {
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
}

.field__label[for=Search-In-Modal-1] {
  -ms-flex-positive: 3;
  flex-grow: 3;
}

.predictive-search {
  max-height: none;
  background: var(--c-white);
}
.search-header .predictive-search {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 1.25rem 1.5rem;
}
.predictive-search.predictive-search--header {
  padding: 1.25rem 1.75rem;
}
.predictive-search__results-groups-wrapper.predictive-search__results-groups-wrapper--no-collections {
  display: block;
}

.predictive-search__result-group {
  text-align: left;
}

.predictive-search__results-list.predictive-search__products-list {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 12px));
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  row-gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.predictive-search__products {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid var(--c-thread-grey);
}

.predictive-search-products__label {
  margin-bottom: 1.5rem;
}

.predictive-search__item-heading {
  font-weight: 500;
}

.HeaderDropdown {
  display: none;
  visibility: hidden;
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  z-index: 100;
  opacity: 0;
  -webkit-transition: visibility 0s ease-in-out 0.4s, opacity 0.4s ease-in-out;
  -o-transition: visibility 0s ease-in-out 0.4s, opacity 0.4s ease-in-out;
  transition: visibility 0s ease-in-out 0.4s, opacity 0.4s ease-in-out;
  text-align: left;
  white-space: normal;
  -webkit-transform: translateY(0.125rem);
  -ms-transform: translateY(0.125rem);
  transform: translateY(0.125rem);
  border-left: 0.3125rem solid var(--c-harper-dark);
  border-right: 0.3125rem solid var(--c-harper-dark);
}
.HeaderDropdown ul ul {
  margin-left: 0;
}
.HeaderDropdown li {
  list-style: none;
}
.HeaderDropdown li ul li {
  padding-right: 1.25rem;
}
.HeaderDropdown-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  width: 100%;
}
.HeaderDropdown-itemdetails {
  width: 0%;
  opacity: 0;
  position: relative;
}
.HeaderDropdown-itemdetails-expanded {
  width: 70%;
  opacity: 1;
}
.HeaderDropdown-items {
  padding: 2.5rem 0 2.5rem 2.5rem;
  position: relative;
  left: 0;
  height: 33.375rem;
  width: 100%;
  border-bottom: 0.09375rem solid var(--c-harper-dark);
  border-right: 0.09375rem solid var(--c-harper-dark);
  margin-top: 1.75rem;
  background: #fff;
}
.HeaderDropdown-items-is-expanded {
  -webkit-animation-name: reducetime;
  animation-name: reducetime;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  float: right;
  width: 100%;
}
@-webkit-keyframes reducetime {
  100% {
    width: 100%;
  }
}
@keyframes reducetime {
  100% {
    width: 100%;
  }
}
.HeaderDropdown-items a {
  display: block;
}
.HeaderDropdown-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.HeaderDropdown-shopitem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  width: 100%;
  padding-bottom: 4.375rem;
  color: #98a4ae;
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-family: var(--font-header);
}
.HeaderDropdown-shopitem-container {
  width: 100%;
  background: transparent;
  position: absolute;
  height: 100%;
  top: 0;
  left: -9999em;
  top: auto;
  left: 0;
  z-index: 100;
  opacity: 1;
}
.HeaderDropdown-shopitem-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.HeaderDropdown-shopitem-submenu {
  display: none;
  position: absolute;
  left: 20rem;
  top: 0;
  height: 100%;
  width: calc(100% - 320px);
}
.HeaderDropdown-shopitem-content-center {
  width: 60%;
  border-left: 0.125rem solid var(--c-harper-dark);
}
.HeaderDropdown-shopitem-content-right {
  width: 40%;
  background-color: var(--c-sky-blue);
  border-left: 0.125rem solid var(--c-harper-dark);
}
.HeaderDropdown-shopitem-productwrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 1.4375rem;
  max-width: 31.25rem;
  margin: auto;
  padding-top: 1.875rem;
  grid-row-gap: 1.25rem;
}
.HeaderDropdown-shopitem-product-title {
  font-size: 1.25rem;
  line-height: 1.575rem;
  text-align: center;
  color: var(--c-harper-dark);
}
.HeaderDropdown-shopitem-product-heading {
  font-size: 1.25rem;
  line-height: 1.575rem;
  text-align: center;
  color: var(--c-harper-dark);
}
.HeaderDropdown-shopitem-product-description {
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  text-transform: capitalize;
  color: var(--c-harper-dark);
  font-family: var(--font-body);
}
.HeaderDropdown-shopitem-product-img {
  width: 7.875rem;
  margin: auto;
}
.HeaderDropdown-shopitem-product-cta {
  margin: auto;
  margin-top: 0.3125rem;
}
.HeaderDropdown-shopitem-featured {
  padding: 2.5rem 2.375rem 0 2.375rem;
}
.HeaderDropdown-shopitem-featuredproduct-img {
  max-width: 19rem;
  margin: auto;
  border: 0.125rem solid var(--c-harper-dark);
}
.HeaderDropdown-shopitem-featuredproduct-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 73.5294117647%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.HeaderDropdown-shopitem-featuredproduct-title {
  font-size: 1.875rem;
  line-height: 25.2px;
  text-align: center;
  color: var(--c-harper-dark);
  padding-bottom: 1.125rem;
}
.HeaderDropdown-shopitem-featuredproduct-heading {
  font-size: 1.25rem;
  line-height: 1.575rem;
  text-align: center;
  color: var(--c-harper-dark);
  padding-bottom: 0.625rem;
}
.HeaderDropdown-shopitem-featuredproduct-description {
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  text-transform: capitalize;
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  padding-top: 1.25rem;
}
.HeaderDropdown-category {
  margin-bottom: 1.0625rem;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #003973;
}
.HeaderDropdown-products {
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.HeaderDropdown-productName {
  display: block;
  font-size: 1rem;
  line-height: 1.0625rem;
  font-weight: 600;
  padding-bottom: 0.75rem;
}
.HeaderDropdown-productQuantity {
  margin-top: 0.3125rem;
  font-size: 0.5625rem;
  line-height: 0.6875rem;
  font-weight: 600;
}
.HeaderDropdown-productCollectionLink {
  margin-top: 1.875rem;
}
.HeaderDropdown-nav {
  padding-left: 0.625rem;
}
.HeaderDropdown-productFooter {
  margin-top: 1.875rem;
}
.HeaderDropdown-productFooter p {
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.HeaderDropdown-productFooter a {
  color: #252f4f;
  color: var(--tvg-color-primary);
}
.HeaderMenu-item:hover .HeaderDropdown, .HeaderHamburger:hover .HeaderDropdown, .HeaderHamburger:focus .HeaderDropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.1s, 0s, 0s;
  -o-transition-delay: 0.1s, 0s, 0s;
  transition-delay: 0.1s, 0s, 0s;
}

.HeaderDropdown .HeaderDropdown {
  display: none;
}

.HeaderDropdown-thirdLevel-item {
  font-weight: 400;
  font-size: 1rem;
}

.Header-section-right-links {
  display: none;
  color: #fff;
}
.Header-section-right-links:hover {
  color: #fff;
}

a.Header-section-right-links::hover {
  color: #fff;
}

.HeaderDropdown .HeaderDropdown-wrapper-is-expanded {
  width: 100%;
  position: relative;
}

.HeaderDropdown .HeaderDropdown-wrapper-is-halfexpanded {
  width: 70%;
  position: relative;
  min-width: 56.25rem;
}

.HeaderDropdown-wrapper-is-halfexpanded .HeaderDropdown-shopitem-content-center {
  width: 100%;
}

.Header-right-dropdown:hover .Header-right-dropdown-content {
  display: block;
}

.HeaderDropdown-item::hover > .Header-left-dropbtn {
  color: #253746;
  cursor: pointer;
}

.HeaderDropdown-shopitem a {
  color: #98a4ae;
  z-index: 9999;
}

a.Header-left-dropbtn:hover {
  color: #253746;
}

.HeaderDropdown-shopitem:hover > .HeaderDropdown-shopitem-container {
  visibility: visible;
  position: absolute;
  top: auto;
  z-index: 100;
  opacity: 1;
}

.HeaderDropdown-itemdetails-expanded {
  opacity: 1;
  width: 70%;
}

.MenuMobile {
  width: 100%;
}
.MenuMobile-overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  max-width: 50rem;
}
.MenuMobile-overlay-expanded {
  width: 100%;
}
.MenuMobile-wrapper {
  overflow-y: scroll;
  position: relative;
  min-width: 15.625rem;
}

.js-desktopMenuToggle a::after::hover {
  color: var(--c-harper-dark);
}

.HeaderDropdown-shopitem-submenu .has-contentright {
  width: calc(100% - 320px);
}

.HeaderDropdown-shopitem-submenu .no-contentright {
  width: calc(70% - 320px);
}

.submenu-option:hover > div {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
}

/* ===================================================== */
/* Mobile Tab Bar */
/* ===================================================== */
.MobileTabBar {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  overflow: hidden;
  border-top: 0.0625rem solid var(--c-thread-grey);
}
.MobileTabBar-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  opacity: 0.95;
}
.MobileTabBar-items {
  display: block;
  position: relative;
  width: 100%;
  max-width: 20rem;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.MobileTabBar-item {
  display: inline-block;
  vertical-align: top;
  width: 4rem;
  margin: 0;
  padding: 0.5rem 0;
}
.MobileTabBar-itemLink {
  display: block;
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.MobileTabBar-itemLink:hover, .MobileTabBar-itemLink:focus {
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.MobileTabBar-itemIcon {
  position: relative;
  padding: 0 1rem;
}
.MobileTabBar-itemIcon svg {
  fill: #3c3b3b;
  fill: var(--tvg-color-gray-30);
}
.MobileTabBar-itemText {
  padding: 0.5em 0 0 0;
  font-family: var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
}
.MobileTabBar-cartItemCount {
  display: block;
  position: absolute;
  top: -0.25rem;
  right: 0.75rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #e81818;
  background-color: var(--tvg-color-secondary);
  border-radius: 1rem;
}
.MobileTabBar-cartItemCount[data-item-count="0"] {
  display: none;
}

/* ===================================================== */
/* Footer */
/* ===================================================== */
.Footer {
  overflow: hidden;
  margin: 0;
  font-size: 0.875rem;
  text-align: center;
  background-color: var(--c-harper-dark);
  color: #ffffff;
  color: var(--tvg-color-white);
}
.Footer-container {
  padding: 2.5rem 1.875rem;
  max-width: 90.875rem;
  margin: auto;
}
.Footer-sections {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 23.75rem;
  margin: auto;
}
.Footer-section {
  margin: 0;
  padding: 0 1.25rem;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.Footer-lowerSection {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
}
.Footer-lowerSection-links {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
.Footer-lowerSection-menulink {
  text-align: center;
  color: #fff;
  padding-right: 0;
}
.Footer-lowerSection-menulink:hover {
  color: #fff;
}
.Footer-topbar {
  display: none;
}
.Footer-bottomlogo {
  display: block;
}
.Footer-footnote {
  color: #fff;
  opacity: 0.5;
  text-align: center;
}
.Footer-newslettercontainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: row;
  justify-content: row;
  width: 18.75rem;
  height: 3.875rem;
  margin: auto;
}

.Footer-logo {
  text-align: center;
  width: 3.875rem;
  padding-top: 2.5rem;
  padding-bottom: 1.25rem;
  margin: auto;
}

.FooterMenu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  vertical-align: top;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.5rem;
  width: 100%;
  min-width: 8rem;
  overflow: hidden;
  margin: 0 0 2rem 0;
  text-align: left;
}
.FooterMenu-label {
  margin: 0 0 1.5rem 0;
  min-width: 5.625rem;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
}
.FooterMenu-items {
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
  list-style: none;
  min-width: 10rem;
}
.FooterMenu-item {
  padding: 0;
}
.FooterMenu-itemLink {
  color: var(--c-white);
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 600;
}
.FooterMenu-itemLink:hover, .FooterMenu-itemLink:focus {
  color: var(--c-white);
}

.FooterMenu:first-child {
  display: inline-block;
}

.FooterSocial {
  margin: 0 0 1rem 0;
  text-align: center;
}
.FooterSocial-items {
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -0.5rem;
}
.FooterSocial-item {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 2rem;
}
.FooterSocial-itemLink {
  display: block;
  margin: 0 auto;
  width: 1.5rem;
}
.FooterSocial-itemLink svg {
  fill: #ffffff;
  fill: var(--tvg-color-white);
}
.PaymentMethods-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.PaymentMethods-item {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  margin: 0.25rem;
  padding: 0;
}
.PaymentMethods-item svg {
  fill: #ffffff;
  fill: var(--tvg-color-white);
}
.PaymentMethods-item[data-payment-type=amazon-payments] {
  width: 3.1875rem;
}
.PaymentMethods-item[data-payment-type=amazon-payments] > .o-placeholder {
  padding: 0 0 62.7450980392% 0;
}
.PaymentMethods-item[data-payment-type=american-express] {
  width: 2rem;
}
.PaymentMethods-item[data-payment-type=american-express] > .o-placeholder {
  padding: 0 0 100% 0;
}
.PaymentMethods-item[data-payment-type=bitcoin] {
  width: 4.90625rem;
}
.PaymentMethods-item[data-payment-type=bitcoin] > .o-placeholder {
  padding: 0 0 40.7643312102% 0;
}
.PaymentMethods-item[data-payment-type=cirrus] {
  width: 2.3125rem;
}
.PaymentMethods-item[data-payment-type=cirrus] > .o-placeholder {
  padding: 0 0 86.4864864865% 0;
}
.PaymentMethods-item[data-payment-type=dankort] {
  width: 2.1875rem;
}
.PaymentMethods-item[data-payment-type=dankort] > .o-placeholder {
  padding: 0 0 91.4285714286% 0;
}
.PaymentMethods-item[data-payment-type=diners-club] {
  width: 1.75rem;
}
.PaymentMethods-item[data-payment-type=diners-club] > .o-placeholder {
  padding: 0 0 114.2857142857% 0;
}
.PaymentMethods-item[data-payment-type=discover] {
  width: 5.25rem;
}
.PaymentMethods-item[data-payment-type=discover] > .o-placeholder {
  padding: 0 0 38.0952380952% 0;
}
.PaymentMethods-item[data-payment-type=dogecoin] {
  width: 2rem;
}
.PaymentMethods-item[data-payment-type=dogecoin] > .o-placeholder {
  padding: 0 0 100% 0;
}
.PaymentMethods-item[data-payment-type=dwolla] {
  width: 4.6875rem;
}
.PaymentMethods-item[data-payment-type=dwolla] > .o-placeholder {
  padding: 0 0 42.6666666667% 0;
}
.PaymentMethods-item[data-payment-type=forbrugsforeningen] {
  width: 2.03125rem;
}
.PaymentMethods-item[data-payment-type=forbrugsforeningen] > .o-placeholder {
  padding: 0 0 98.4615384615% 0;
}
.PaymentMethods-item[data-payment-type=interac] {
  width: 2rem;
}
.PaymentMethods-item[data-payment-type=interac] > .o-placeholder {
  padding: 0 0 100% 0;
}
.PaymentMethods-item[data-payment-type=jcb] {
  width: 3.15625rem;
}
.PaymentMethods-item[data-payment-type=jcb] > .o-placeholder {
  padding: 0 0 63.3663366337% 0;
}
.PaymentMethods-item[data-payment-type=litecoin] {
  width: 2rem;
}
.PaymentMethods-item[data-payment-type=litecoin] > .o-placeholder {
  padding: 0 0 100% 0;
}
.PaymentMethods-item[data-payment-type=maestro] {
  width: 2.3125rem;
}
.PaymentMethods-item[data-payment-type=maestro] > .o-placeholder {
  padding: 0 0 86.4864864865% 0;
}
.PaymentMethods-item[data-payment-type=master] {
  width: 2.34375rem;
}
.PaymentMethods-item[data-payment-type=master] > .o-placeholder {
  padding: 0 0 85.3333333333% 0;
}
.PaymentMethods-item[data-payment-type=paypal] {
  width: 3.5625rem;
}
.PaymentMethods-item[data-payment-type=paypal] > .o-placeholder {
  padding: 0 0 56.1403508772% 0;
}
.PaymentMethods-item[data-payment-type=visa] {
  width: 2.71875rem;
}
.PaymentMethods-item[data-payment-type=visa] > .o-placeholder {
  padding: 0 0 73.5632183908% 0;
}

.Credits {
  margin: 1.953125rem 0 0 0;
}
.Credits > p {
  margin: 0 0 0.5em 0;
}
.Credits > p:last-child {
  margin: 0;
}
.Credits a {
  color: #ffffff;
  color: var(--tvg-color-white);
  border-bottom: 0.0625rem solid transparent;
  -webkit-transition: border-color 200ms ease-in-out;
  -o-transition: border-color 200ms ease-in-out;
  transition: border-color 200ms ease-in-out;
}
.Credits a:hover, .Credits a:focus {
  color: #ffffff;
  color: var(--tvg-color-white);
  border-color: #ffffff;
  border-color: var(--tvg-color-white);
}

.Newsletter-footer-form-result {
  font-size: 1.125rem;
  padding-top: 0.25rem;
  text-transform: capitalize;
}
.Newsletter-footer-form button#contact_form {
  border: 0;
  width: 1.25rem;
  border-radius: 0;
  margin-left: -1.75rem;
  height: 3.5625rem;
  padding-top: 0.25rem;
}
.Newsletter-footer-form button#contact_form svg {
  display: inline-block;
  width: 1rem;
  height: 0.8125rem;
  margin-top: 0.125rem;
}
.Newsletter-footer-form input#contact_email {
  font-size: 1.25rem;
  padding-right: 2.5rem;
  background-color: #fef7d8;
  border: 0.0625rem solid var(--c-sky-blue);
  height: 3.75rem;
  padding-left: 14px;
}
.Newsletter-footer-form input#contact_email::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-size: 1.25rem;
  opacity: 1;
  /* Firefox */
}
.Newsletter-footer-form input#contact_email::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-size: 1.25rem;
  opacity: 1;
  /* Firefox */
}
.Newsletter-footer-form input#contact_email:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-size: 1.25rem;
  opacity: 1;
  /* Firefox */
}
.Newsletter-footer-form input#contact_email::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-size: 1.25rem;
  opacity: 1;
  /* Firefox */
}
.Newsletter-footer-form input#contact_email::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-size: 1.25rem;
  opacity: 1;
  /* Firefox */
}
.Newsletter-footer-form input#contact_email:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-size: 1.25rem;
}
.Newsletter-footer-form input#contact_email::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-size: 1.25rem;
}

/*------------------------------------------------
* Breadcrumbs
------------------------------------------------*/
/*  */
.Breadcrumbs {
  padding: 1em 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  border-top: 0.0625rem solid var(--c-thread-grey);
}
.Breadcrumbs-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.Breadcrumbs-item {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 1.25em 0 0;
  line-height: 1.8;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.Breadcrumbs-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
  width: 1em;
  height: 1em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cpath%20d=%22M13.25%2010L6.109%202.58a.697.697%200%200%201%200-.979.68.68%200%200%201%20.969%200l7.83%207.908a.697.697%200%200%201%200%20.979l-7.83%207.908a.68.68%200%200%201-.969%200%20.697.697%200%200%201%200-.979L13.25%2010z%22%20style=%22fill:%20%23a3a3a3;%20fill:%20%23a3a3a3;%22%20/%3E%3C/svg%3E');
}
.Breadcrumbs-items .Breadcrumbs-item:last-child {
  padding: 0;
  color: #a3a3a3;
  color: var(--tvg-color-text-secondary);
}
.Breadcrumbs-items .Breadcrumbs-item:last-child::after {
  display: none;
}

.Breadcrumbs-item > a {
  color: #303030;
  color: var(--tvg-color-text-primary);
  border-bottom: 0.0625rem solid transparent;
  -webkit-transition: border-color 200ms ease-in-out;
  -o-transition: border-color 200ms ease-in-out;
  transition: border-color 200ms ease-in-out;
}
.Breadcrumbs-item > a:hover, .Breadcrumbs-item > a:focus {
  color: #303030;
  color: var(--tvg-color-text-primary);
  border-bottom-color: #a3a3a3;
  border-bottom-color: var(--tvg-color-text-secondary);
}

/* ===================================================== */
/* Products/Collections Carousel */
/* ===================================================== */
.Carousel-items {
  margin: 0;
  height: 0;
  overflow: hidden;
}
.Carousel-items > .slick-list {
  position: absolute;
  width: 100%;
}
.Carousel-items.slick-initialized {
  height: auto;
}
.Carousel-items.slick-initialized > .slick-list {
  position: relative;
}
.Carousel-controls {
  display: none;
  text-align: center;
}
.slick-initialized + .Carousel-controls {
  display: block;
}

.Carousel-arrow {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  margin: 0;
  padding: 0.625rem;
  background-color: transparent;
  color: #303030;
  color: var(--tvg-color-text-primary);
  border: none;
}
.Carousel-arrow:hover, .Carousel-arrow:focus {
  outline: none;
}
.Carousel-arrow svg {
  fill: #303030;
  fill: var(--tvg-color-text-primary);
}
.Carousel-arrow:disabled svg {
  fill: #dddedc;
  fill: var(--tvg-color-gray-60);
}
.Carousel-seeAll {
  display: inline-block;
  vertical-align: middle;
  padding: 0.5rem;
  font-family: var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  color: #303030;
  color: var(--tvg-color-text-primary);
}

/**
* SLICK ARROWS
*/
.carousel-arrow {
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: calc(50% - 90px);
  background: transparent;
  z-index: calc(10 + 0);
  border: 0;
}
.carousel-arrow:focus-within {
  outline: 2px solid #98A4AE;
  outline-offset: 4px;
}
.carousel-arrow.prev {
  left: -3.125rem;
}
.carousel-arrow.next {
  right: -3.125rem;
}
.HomePress-container .carousel-arrow.prev {
  left: 3.125rem;
}
.HomePress-container .carousel-arrow.next {
  right: 3.125rem;
}

.arrow-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  color: inherit;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  outline: none;
  --stroke-width: 2;
}
.prev .arrow-icon {
  right: 0.4375rem;
}
.next .arrow-icon {
  left: 0.3125rem;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.arrow-icon:hover {
  --stroke-width: 3;
}

.icon-chevron {
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.filters-open [aria-expanded=true] .icon-chevron, .filters-open details[open] .icon-chevron {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.bulk-discount__badge {
  background-color: var(--c-harper-dark);
  color: var(--c-white);
  text-align: center;
  /* h1 */
  font-family: var(--font-header);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}
.Grid-item .bulk-discount__badge,
.bulk-discount__badge .product-card, .predictive-search-product .bulk-discount__badge {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 0.125rem solid var(--c-harper-dark);
  padding: 0.5rem;
}
.product-price .bulk-discount__badge {
  margin: 0 0.5rem 0 0.25rem;
  padding: 0.1875rem 1.25rem 0.3125rem;
  border: 1px solid var(--c-harper-dark);
  border-radius: 1.25rem;
}
.CartDrawer-item .bulk-discount__badge {
  border: 0.0625rem solid var(--c-harper-dark);
  padding: 0.0625rem 0.9375rem;
  border-radius: 1.25rem;
}
.remove-margin-left.bulk-discount__badge {
  margin-left: 0;
}

/* ===================================================== */
/* Home Page */
/* ===================================================== */
.IndexSection {
  margin: 0 0 3.125rem 0;
}
.Header + .IndexSection {
  margin-top: -1.953125rem;
}
.IndexSection--flush + .IndexSection--flush {
  margin-top: -3.125rem;
}
.IndexSection.BannerGrid {
  margin: 0 0 1.25rem 0;
}
.IndexSection.BannerGrid + .IndexSection.BannerGrid {
  margin-top: -1.25rem;
}

.IndexBlog-items {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.IndexBlog-item {
  width: 100%;
  max-width: 20rem;
  margin: 0 auto 1rem auto;
  text-align: left;
}

.IndexBlog-itemLink {
  display: block;
  background-color: #dadada;
  background-color: var(--tvg-color-bg-light);
  color: #ffffff;
  color: var(--tvg-color-white);
}
.IndexBlog-itemLink:hover, .IndexBlog-itemLink:focus {
  color: #ffffff;
  color: var(--tvg-color-white);
}
.IndexBlog-itemImage {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 0 100% 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.IndexBlog-itemDimmer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0a0a0a;
  background-color: var(--tvg-color-black);
  opacity: 0.4;
  -webkit-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.IndexBlog-itemLink:hover .IndexBlog-itemDimmer, .IndexBlog-itemLink:focus .IndexBlog-itemDimmer {
  opacity: 0.5;
}

.IndexBlog-itemCaption {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
  width: 100%;
  padding: 0 1rem;
}
.IndexBlog-itemInfo {
  position: absolute;
  bottom: 100%;
  left: 1rem;
  margin: 0 0 0.5rem 0;
  font-size: 0.8rem;
}
.IndexBlog-itemTitle {
  overflow: hidden;
  margin: 0;
  line-height: 1.3;
}

.ContactPage {
  padding: 1.875rem;
}

.HomePage,
.StoryPage,
.RecyclePage,
.LUTLPage,
.ProductPage,
.ContactPage,
.Collection,
.CartPage,
.Page,
.template-customers > main,
#replo-fullpage-element {
  border-right: 0.3125rem solid var(--c-harper-dark);
  border-left: 0.3125rem solid var(--c-harper-dark);
}

/*
* Chat Icon
*/
.kustomer-app-icon {
  bottom: 70px !important;
}

a:focus,
a:active {
  color: var(--c-harper-dark);
}

/* Replo Free Shipping */
.shopify-section [data-alchemy-element-root] {
  overflow: hidden;
}

/* ===================================================== */
/* Home Hero Slideshow */
/* ===================================================== */
.Slideshow {
  overflow: hidden;
}
.Slideshow-container {
  position: relative;
}
.Slideshow-placeholder {
  padding: 0 0 150% 0;
  background-color: #0a0a0a;
  background-color: var(--tvg-color-black);
}
.Slideshow-items {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.SlideshowItem {
  display: block;
  margin: 0;
  padding: 0;
}
.SlideshowItem-link {
  display: block;
  color: #ffffff;
  color: var(--tvg-color-white);
}
.SlideshowItem-link:focus, .SlideshowItem-link:hover {
  color: #ffffff;
  color: var(--tvg-color-white);
}
.SlideshowItem-imagePlaceholder {
  padding: 0 0 200% 0;
  background-size: cover;
  background-color: #dddedc;
  background-color: var(--tvg-color-gray-60);
}
.SlideshowItem-dimmer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0a0a0a;
  background-color: var(--tvg-color-black);
  opacity: 0.2;
}
.SlideshowItem-captionContainer {
  position: absolute;
  top: 10%;
  left: 0;
  -webkit-transform: translateY(-10%) translateZ(0);
  transform: translateY(-10%) translateZ(0);
  width: 100%;
  opacity: 1;
  text-align: center;
  -webkit-transition: opacity 300ms ease-in-out 300ms;
  -o-transition: opacity 300ms ease-in-out 300ms;
  transition: opacity 300ms ease-in-out 300ms;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.slick-current .SlideshowItem-captionContainer {
  opacity: 1;
}

.Slideshow-items[data-item-count="0"] .SlideshowItem-captionContainer {
  opacity: 1;
}

.Slideshow-items[data-item-count="1"] .SlideshowItem-captionContainer {
  opacity: 1;
}

.SlideshowItem-caption-hollow {
  width: 100%;
  max-width: 75rem;
  font-size: 0.625rem;
}
.SlideshowItem-caption-hollow[data-position~=left] {
  padding: 1.875rem;
}
.SlideshowItem-caption-hollow[data-position~=right] {
  padding: 1.875rem;
}
.SlideshowItem-caption-solid {
  width: 100%;
  max-width: 75rem;
  font-size: 0.625rem;
}
.SlideshowItem-caption-solid[data-position~=left] {
  padding: 1.875rem;
}
.SlideshowItem-caption-solid[data-position~=right] {
  padding: 1.875rem;
}
.SlideshowItem-captioncontent-solid {
  background-color: #fff;
  color: #253746;
  border: 0.125rem solid #253746;
  max-width: 36.375rem;
  padding: 3rem 2.5625rem;
  margin: 0 auto;
  margin-top: 1.875rem;
}
.SlideshowItem-captioncontent-solid .SlideshowItem-ctaContainer.o-ctaoutline {
  border: none;
}
.SlideshowItem-captioncontent-hollow {
  max-width: 31.25rem;
  margin: 0 auto;
  margin-top: 1.875rem;
}
.SlideshowItem-heading {
  font-family: var(--font-header);
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  padding-bottom: 1.5rem;
  color: #fff;
  max-width: 17.5rem;
  margin: 0 auto;
}
.SlideshowItem-heading:only-child {
  margin-bottom: 0;
}
.SlideshowItem-heading > small {
  font-size: 0.5em;
  font-weight: 300;
}
.SlideshowItem-subhead {
  font-family: var(--font-body);
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: center;
  color: #fff;
  padding-bottom: 1.5rem;
  max-width: 17.5rem;
  margin: 0 auto;
}
.SlideshowItem-ctaContainer {
  margin: auto;
}

.SlideshowControls {
  position: relative;
  margin-top: -2.5rem;
}
.SlideshowControls-arrows {
  display: none;
  margin: 0;
}
.SlideshowControls-arrow {
  position: absolute;
  top: 50%;
  left: 1rem;
  -webkit-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
  width: 4rem;
  margin: 0;
  padding: 0.875rem;
  line-height: 0;
  background-color: transparent;
  color: #ffffff;
  color: var(--tvg-color-white);
  border: none;
  border-radius: 4rem;
  opacity: 0.5;
  -webkit-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}
.SlideshowControls-arrow:hover {
  opacity: 0.9;
}
.SlideshowControls-arrow:hover, .SlideshowControls-arrow:focus {
  outline: none;
}
.SlideshowControls-arrow[data-action=next] {
  left: auto;
  right: 1rem;
}
.SlideshowControls-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  opacity: 0.25;
  border-radius: 4rem;
}
.SlideshowControls-arrowIcon {
  width: 100%;
}
.SlideshowControls-arrowIcon svg {
  fill: #ffffff;
  fill: var(--tvg-color-white);
}
.SlideshowControls-dots {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  margin: 0.5em 0;
  font-size: 0.64rem;
  text-align: center;
}
.SlideshowControls-dot {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: 0;
  padding: 0.5em;
}
.SlideshowControls-dotRadio {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.SlideshowControls-dotLabel {
  display: block;
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0;
  padding: 0;
  font-size: 1em;
  background-color: transparent;
  border: 0.125rem solid var(--c-harper-dark);
  background-color: var(--c-sky-blue);
  border-radius: 1em;
  -webkit-transition: background-color 250ms ease-in-out;
  -o-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
}
.SlideshowControls-dotRadio + .SlideshowControls-dotLabel {
  display: block;
  margin: 0;
}

.SlideshowControls-dotRadio:checked + .SlideshowControls-dotLabel {
  background-color: #fef7d8;
}

/* ===================================================== */
/* Banner Grid */
/* ===================================================== */
.BannerGrid {
  text-align: center;
}
.BannerGrid-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.BannerGrid-item {
  width: 100%;
  max-width: 20rem;
  margin: 0 auto 1.875rem auto;
  padding: 0 0.625rem;
}

.BannerGrid-itemLink {
  display: block;
  color: #ffffff;
  color: var(--tvg-color-white);
}
.BannerGrid-itemLink:hover, .BannerGrid-itemLink:focus {
  color: #ffffff;
  color: var(--tvg-color-white);
  outline: none;
}
.BannerGrid-itemDimmer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0a0a0a;
  background-color: var(--tvg-color-black);
  opacity: 0.2;
  -webkit-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}
.BannerGrid-item:hover .BannerGrid-itemDimmer, .BannerGrid-itemLink:focus .BannerGrid-itemDimmer {
  opacity: 0.3;
}

.BannerGrid-itemPlaceholder {
  padding: 0 0 100% 0;
  background-size: cover;
}

.BannerGrid-caption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 1rem;
  font-size: 0.625rem;
  -webkit-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
}
.BannerGrid-itemHeading {
  font-family: var(--font-header);
  font-size: 2em;
  font-weight: bold;
  text-transform: uppercase;
}
.BannerGrid-itemSubhead {
  font-size: 1.25em;
}
.BannerGrid-itemButton {
  margin: 0;
  font-size: 1em;
  background-color: transparent;
  border-color: transparent;
}
.BannerGrid-itemButton:hover, .BannerGrid-itemButton:focus {
  background-color: transparent;
  border-color: transparent;
}
.BannerGrid-itemHeading + .BannerGrid-itemButton {
  margin: 1.25em 0 0 0;
}

.BannerGrid-itemSubhead + .BannerGrid-itemButton {
  margin: 1.25em 0 0 0;
}

/* ===================================================== */
/* Feature Row */
/* ===================================================== */
.FeatureRow {
  text-align: center;
}
.FeatureRow-textContainer {
  margin: 0 0 1.953125rem 0;
}

.FeatureRow-image {
  width: 100%;
}
.FeatureRow-buttonContainer {
  margin: 1.953125rem 0 0 0;
}
.FeatureRow-button {
  margin: 0;
}

/* ===================================================== */
/* Newsletter */
/* ===================================================== */
.Newsletter {
  text-align: center;
}
.Newsletter input[type=email] {
  max-width: 20rem;
  margin: 0 auto 1rem auto;
}
.Newsletter [type=submit] {
  margin: 0;
}
.Newsletter-footer {
  text-align: center;
}
.Newsletter-footer-title {
  font-size: 1.875rem;
  line-height: 1.875rem;
  padding-bottom: 0.625rem;
  font-family: var(--font-header);
  text-transform: uppercase;
}
.Newsletter-footer-description {
  font-size: 1.25rem;
  line-height: 1.25rem;
  padding-bottom: 1.875rem;
}

.newsletter-btn {
  outline: none;
  background: #253746;
  height: 0.125rem;
  width: 1.25rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  right: 1rem;
  top: 50%;
  outline: none;
}
.newsletter-btn:before, .newsletter-btn:after {
  content: "";
  background: #253746;
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.newsletter-btn:before {
  right: -2px;
  bottom: -4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.newsletter-btn:after {
  right: -2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.klaviyo_field_group {
  display: -ms-flexbox;
  display: flex;
  width: 18.875rem;
  border: 2px solid var(--c-sky-blue);
  display: flex;
  height: 3.875rem;
  position: relative;
  margin: auto;
  background-color: #fef7d8;
  color: #253746;
}
.klaviyo_field_group input {
  background-color: #fef7d8;
  border: none;
  border-radius: 0;
  height: 3.625rem;
  width: 15.75rem;
  padding-left: 16px;
}
.klaviyo_field_group input::-webkit-input-placeholder {
  color: var(--c-harper-dark);
}
.klaviyo_field_group input::-moz-placeholder {
  color: var(--c-harper-dark);
}
.klaviyo_field_group input:-ms-input-placeholder {
  color: var(--c-harper-dark);
}
.klaviyo_field_group input::-ms-input-placeholder {
  color: var(--c-harper-dark);
}
.klaviyo_field_group input::placeholder {
  color: var(--c-harper-dark);
}
.klaviyo_field_group input::focus {
  color: var(--c-harper-dark);
}
.klaviyo_field_group input:focus {
  background-color: #fef7d8;
  border: none;
}

.klaviyo_messages {
  text-align: center;
  height: 1.875rem;
}

.Newsletter-field::-webkit-input-placeholder {
  font-family: var(--font-body);
  font-weight: normal;
  overflow: visible;
  vertical-align: top;
  color: #253746;
  font-size: 1.25rem;
  display: inline-block !important;
}

.Newsletter-field::-moz-placeholder {
  font-family: var(--font-body);
  font-weight: normal;
  overflow: visible;
  vertical-align: top;
  color: #253746;
  font-size: 1.25rem;
  display: inline-block !important;
}

.Newsletter-field::-ms-input-placeholder {
  font-family: var(--font-body);
  font-weight: normal;
  overflow: visible;
  vertical-align: top;
  color: #253746;
  font-size: 1.25rem;
  display: inline-block !important;
}

/* ===================================================== */
/* Quantity Controls */
/* ===================================================== */
.o-qtyControls {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.o-qtyControls-button {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  padding: 0.6875rem;
  border: 0.125rem solid #dddedc;
  border: 0.125rem solid var(--tvg-color-gray-60);
  border-radius: 0;
  -webkit-transition: background-color 250ms ease-out;
  -o-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}
.o-qtyControls-button:hover, .o-qtyControls-button:focus {
  background-color: var(--c-thread-grey);
  outline: none;
}
.o-qtyControls-button[data-action=plus] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.o-qtyControls-button[data-action=minus] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.o-qtyControls-button svg {
  fill: #a3a3a3;
  fill: var(--tvg-color-text-secondary);
  -webkit-transition: fill 250ms ease-out;
  -o-transition: fill 250ms ease-out;
  transition: fill 250ms ease-out;
}
.o-qtyControls-button:hover svg, .o-qtyControls-button:focus svg {
  fill: #303030;
  fill: var(--tvg-color-text-primary);
}
.o-qtyControls-indicator {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  padding: 0.6875rem 0;
  font-family: var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  color: #303030;
  color: var(--tvg-color-text-primary);
  border-top: 0.125rem solid #dddedc;
  border-top: 0.125rem solid var(--tvg-color-gray-60);
  border-bottom: 0.125rem solid #dddedc;
  border-bottom: 0.125rem solid var(--tvg-color-gray-60);
}

/* ===================================================== */
/* Product */
/* ===================================================== */
.Product-container {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
}
.Product-container::before, .Product-container::after {
  display: table;
  content: " ";
}
.Product-container::after {
  clear: both;
}
.Product-PDPDesc-desktop {
  display: none;
  margin: 1.25rem auto;
  line-height: 1.5rem;
}
.Product-PDPDesc-desktop span {
  line-height: 1.5rem;
}
.Product-PDPDesc-mobile {
  display: block;
  padding-bottom: 0.375rem;
  padding-top: 0.9375rem;
  line-height: 1.3125rem;
}
.Product-PDPDesc-mobile span {
  line-height: 1.3125rem;
}
.Product-info {
  margin: 0;
}
.Product-info-mobile {
  display: block;
  padding: 1.25rem 1.25rem 0 1.25rem;
  text-align: center;
}
.Product-info-desktop {
  text-align: center;
  display: none;
}
.Product-info-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.25rem;
  text-align: left;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--c-thread-grey);
}
.Product-info-current_price {
  text-align: left;
  font-weight: 400;
}
.Product-info-current_price:has(del), .Product-info-current_price.on-sale {
  font-weight: 500;
}
.Product-info-current_price del {
  color: #a3a3a3;
  color: var(--tvg-color-text-secondary);
  font-weight: 400;
}
.Product-title {
  margin: 0.5rem 0 0;
}
.Product-title sup {
  font-size: 100%;
  top: 0;
}
.Product-title-separator {
  font-size: 1.875rem;
  line-height: 1;
  font-family: var(--font-header);
  padding: 0 0.625rem;
}
.Product-title-desktop {
  display: none;
}
.Product-subheading {
  margin: 0 0 1em 0;
  max-width: 40rem;
}
.Product-price {
  margin: 1.25rem 0 0 0;
  padding-bottom: 0;
  text-align: center;
}
.Product-price > del {
  color: #a3a3a3;
  color: var(--tvg-color-text-secondary);
}
.Product-price > sup {
  top: 0;
  font: inherit;
}
.Product-price > strong {
  margin: 0 0.25em;
}
.Product-price sup {
  font-size: 100%;
  top: 0;
}
.Product-description {
  margin: 1.25rem 0;
  overflow-x: hidden;
}
.Product-description p {
  color: #303030 !important;
  color: var(--tvg-color-text-primary) !important;
}
.Product-description p + p {
  margin-top: -0.75em;
}
.Product-description p:last-child {
  margin-bottom: 0;
}
.Product-description span {
  color: #303030 !important;
  color: var(--tvg-color-text-primary) !important;
}
.Product-hr {
  height: 0.0625rem;
  background-color: #253746;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  max-width: 100%;
  border: none;
  display: none;
}
.Product-sizeChart {
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-weight: 600;
  outline: none;
  cursor: pointer;
  border-bottom: 0.0625rem solid var(--c-harper-dark);
  border-radius: 0px;
  float: right;
}
.Product-sizeChart:hover {
  color: var(--c-harper-dark);
}

.Product-labeltag {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  padding: 0.5rem 1rem;
  border: 0.0625rem solid var(--c-harper-dark);
  background-color: #fff;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--font-body);
  font-weight: 600;
  letter-spacing: 0.0625rem;
}
.Product-labeltag span {
  margin: auto;
}
.ProductsCarousel-itemLink .Product-labeltag {
  width: auto;
  padding: 0.125rem 0.25rem;
  min-height: 44px;
}

.button--pdp-atc {
  padding-top: 1.09375rem;
  padding-bottom: 1.09375rem;
  font-weight: 600;
  /* FOR GRISHO */
  /* border-radius: 0.625rem; */
  border-radius: 5px;
}

/* ===================================================== */
/* Product Description Tabs */
/* ===================================================== */
.ProductDescTabs[data-tabs-count="1"] {
  margin: 1.5625rem 0;
}
.ProductDescTabs-controls {
  display: block;
  position: relative;
  margin: 1.25rem 0;
  padding: 0;
  list-style: none;
  border-bottom: 0.125rem solid #bfbebe;
  border-bottom: 0.125rem solid var(--tvg-color-gray-50);
}
.ProductDescTabs-controls[data-tabs-count="1"] {
  display: none;
}
.ProductDescTabs-control {
  display: inline-block;
  vertical-align: bottom;
  width: 33.3333333333%;
  max-width: 12rem;
  margin: 0;
  padding: 0;
  text-align: center;
}
.ProductDescTabs-controls[data-tabs-count="2"] > .ProductDescTabs-control {
  width: 50%;
}

.ProductDescTabs-controls[data-tabs-count="1"] > .ProductDescTabs-control {
  width: 100%;
}

.ProductDescTabs-controlButton {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0 0 -0.125rem 0;
  padding: 0.5em;
  font-family: var(--font-header);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.25;
  background-color: transparent;
  color: #303030;
  color: var(--tvg-color-text-primary);
  border: none;
  border-bottom: 0.125rem solid #bfbebe;
  border-bottom: 0.125rem solid var(--tvg-color-gray-50);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ProductDescTabs-controlButton:focus {
  outline: none;
  color: #e81818;
  color: var(--tvg-color-secondary);
  border-bottom-color: #e81818;
  border-bottom-color: var(--tvg-color-secondary);
}
.ProductDescTabs-controlButton.is-active {
  color: #252f4f;
  color: var(--tvg-color-primary);
  border-bottom-color: #252f4f;
  border-bottom-color: var(--tvg-color-primary);
}
.ProductDescTabs-panels {
  margin: 1.25rem 0;
}
.ProductDescTabs-panel {
  display: none;
}
.ProductDescTabs-panel.is-active {
  display: block;
}
.ProductDescTabs-panel p {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.ProductDescTabs-panel > * {
  display: none;
}
.ProductDescTabs-panel > p:first-child {
  display: block;
}

.product-BackInStock {
  margin-top: 1.5rem;
}
.product-BackInStock.is-hidden {
  display: none;
}
.product-BackInStock-button {
  background-color: var(--c-harper-dark);
  color: #ffffff;
  color: var(--tvg-color-white);
}
.product-BackInStock-button:hover {
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  color: var(--c-harper-dark);
}

.on-sale .sale-price {
  font-weight: 500;
}

/* ===================================================== */
/* Product Image Carousel */
/* ===================================================== */
.ProductPage custom-gallery {
  display: none;
}

.ProductGallery {
  position: static;
  width: 100%;
}
.ProductGallery-container {
  position: relative;
}
.ProductGallery-imagePlaceholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0 0 100% 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 300ms ease-out 150ms;
  -o-transition: opacity 300ms ease-out 150ms;
  transition: opacity 300ms ease-out 150ms;
}
.ProductGallery-imagePlaceholder.lazyload {
  opacity: 0;
}
.ProductGallery-imagePlaceholder.lazyloaded {
  opacity: 1;
}
.ProductGallery-zoom {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.625rem;
  width: auto;
  padding: 0.375rem 0.625rem;
  position: absolute;
  bottom: 1rem;
  z-index: 1;
  left: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.625rem;
}
.ProductGallery-zoom .zoom-desktop {
  display: none;
}
.ProductGallery-progress {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: 0.03976875rem;
  color: #ffffff;
  color: var(--tvg-color-white);
  font-family: var(--font-header);
  letter-spacing: -0.125rem;
  z-index: calc(10 + 0);
}
.ProductGallery-arrow {
  z-index: 3;
  position: absolute;
  bottom: 0.875rem;
  width: 3.125rem;
  height: 3.125rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}
.ProductGallery-arrow .o-placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  padding: 0;
}
.ProductGallery-arrow .o-placeholder svg {
  position: relative;
  width: 1.25rem;
  height: 1.0625rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.ProductGallery-arrowLeft {
  left: 0;
  bottom: 106px;
}
.ProductGallery-arrowRight {
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: 106px;
}
.ProductGallery-carouselPlaceholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0 0 100% 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 300ms ease-out 150ms;
  -o-transition: opacity 300ms ease-out 150ms;
  transition: opacity 300ms ease-out 150ms;
}
.ProductGallery-images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ProductGallery-images:focus {
  outline: none;
}
.ProductGallery-imageLink {
  display: block;
}
.ProductGallery-imageLink:focus {
  outline: none;
}
.ProductGallery-thumbsInside {
  width: calc(100% + 75px);
  white-space: nowrap;
  overflow-x: auto;
}
.ProductGallery-thumbs {
  display: grid;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  top: 0;
  left: 0;
  position: relative;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  max-height: none;
  overflow: auto;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
  z-index: 2;
  padding: 1.25rem 1.25rem 0;
  background: none;
  width: 100%;
  max-width: 100%;
  grid-template-columns: minmax(0, 1fr);
}
.ProductGallery-thumbs::-webkit-scrollbar {
  display: none;
}
.ProductGallery-thumbs:empty {
  display: none;
}
.ProductGallery-thumbs .slick-arrow {
  top: 50%;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
  width: 2.5rem;
  height: 2.5rem;
  margin: 0;
  padding: 0.375rem;
  background-color: #fff;
  border: 0.125rem solid #303030;
  border: 0.125rem solid var(--tvg-color-text-primary);
}
.ProductGallery-thumbs .slick-arrow.slick-next {
  left: auto;
  right: 0;
}
.ProductGallery-thumbs .slick-arrow::before {
  display: none;
}
.ProductGallery-thumb {
  width: 3.75rem;
  height: 4.6875rem;
  border: 0.0625rem solid var(--c-harper-dark);
  border-radius: 0.375rem;
  overflow: hidden;
  -webkit-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  scroll-snap-align: start;
  margin: 0.3125rem;
  opacity: 1;
  display: inline-block;
}
.ProductGallery-thumb:hover, .ProductGallery-thumb:focus {
  outline: none;
}
.ProductGallery-thumb.is-active {
  outline: 3px solid var(--c-harper-dark);
  outline-offset: -3px;
}
.ProductGallery-thumbLink {
  display: block;
  height: 100%;
}
.ProductGallery-thumbPlaceholder {
  padding-bottom: 125%;
  background-size: cover;
  height: 100%;
}
.ProductGallery-thumbPlaceholderAirf {
  padding-bottom: 125%;
  background-size: cover;
}

.gallery-subtitles {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  text-align: center;
  padding: 0;
  font-size: 0.8125rem;
}

.gallery-subtitle {
  background: var(--c-thread-grey);
  color: var(--c-black);
  padding: 0.5rem 0.5rem 0.625rem;
}

.ProductGallery-productBadge-container {
  display: none;
  position: absolute;
  bottom: 40px;
  right: 20px;
  gap: 5px;
  padding: 10px;
}
.ProductGallery-productBadge-container .ProductGallery-productBadge-image-container {
  max-width: 150px;
  max-height: 150px;
}
.ProductGallery-productBadge-container .ProductGallery-productBadge-image-container .img {
  width: 100%;
  height: 100%;
}

custom-gallery:not(.custom-gallery-initialized) a {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ===================================================== */
/* Quickshop Image Carousel */
/* ===================================================== */
.QuickshopGallery {
  position: static;
  width: 100%;
  height: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 5rem;
}
.QuickshopGallery.is-fixedSticky {
  position: fixed;
}
.QuickshopGallery-container {
  position: relative;
  height: 100%;
}
.QuickshopGallery-imagePlaceholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0 0 100% 0;
  padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 300ms ease-out 150ms;
  -o-transition: opacity 300ms ease-out 150ms;
  transition: opacity 300ms ease-out 150ms;
}
.QuickshopGallery-imagePlaceholder.lazyload {
  opacity: 0;
}
.QuickshopGallery-imagePlaceholder.lazyloaded {
  opacity: 1;
}
.QuickshopGallery-zoom {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.625rem;
  width: auto;
  padding: 0.375rem 0.625rem;
  position: absolute;
  bottom: 1rem;
  z-index: 1;
  left: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.625rem;
}
.QuickshopGallery-zoom .zoom-desktop {
  display: none;
}
.QuickshopGallery-progress {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: 0.03976875rem;
  color: #ffffff;
  color: var(--tvg-color-white);
  font-family: var(--font-header);
  letter-spacing: -0.125rem;
  z-index: calc(10 + 0);
  display: none;
}
.QuickshopGallery-arrow {
  z-index: 3;
  position: absolute;
  bottom: 0.875rem;
  width: 3.125rem;
  height: 3.125rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
  display: none;
}
.QuickshopGallery-arrow .o-placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  padding: 0;
}
.QuickshopGallery-arrow .o-placeholder svg {
  position: relative;
  width: 1.25rem;
  height: 1.0625rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.QuickshopGallery-arrowLeft {
  left: 0;
  bottom: 106px;
}
.QuickshopGallery-arrowRight {
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: 106px;
}
.QuickshopGallery-carouselPlaceholder {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 300ms ease-out 150ms;
  -o-transition: opacity 300ms ease-out 150ms;
  transition: opacity 300ms ease-out 150ms;
}
.QuickshopGallery-carouselPlaceholder .slick-slide {
  margin: 0px 8px 0 0;
}
.QuickshopGallery-carouselPlaceholder .slick-slide .QuickshopGallery-imagePlaceholder {
  border-radius: 10px;
  width: 100%;
}
.QuickshopGallery-carouselPlaceholder .slick-slider {
  width: 100%;
  margin: 0 auto;
}
.QuickshopGallery-carouselPlaceholder .slick-list {
  padding-left: 0 !important;
}
.QuickshopGallery-images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.QuickshopGallery-images.slick-slider .slick-list {
  height: 100%;
  width: 100%;
}
.QuickshopGallery-images.slick-slider .slick-list .slick-track,
.QuickshopGallery-images.slick-slider .slick-list .QuickshopGallery-imageLink,
.QuickshopGallery-images.slick-slider .slick-list .QuickshopGallery-imagePlaceholder {
  height: 240px !important;
  padding-bottom: 0 !important;
}
.QuickshopGallery-images:focus {
  outline: none;
}
.QuickshopGallery-imageLink {
  display: block;
}
.QuickshopGallery-imageLink:focus {
  outline: none;
}
.QuickshopGallery-thumbsInside {
  width: calc(100% + 75px);
  white-space: nowrap;
  overflow-x: auto;
}
.QuickshopGallery-thumbs {
  display: grid;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  top: 0;
  left: 0;
  position: relative;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  max-height: none;
  overflow: auto;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
  z-index: 2;
  padding: 1.25rem 1.25rem 0;
  background: none;
  width: 100%;
  max-width: 100%;
  grid-template-columns: minmax(0, 1fr);
}
.QuickshopGallery-thumbs::-webkit-scrollbar {
  display: none;
}
.QuickshopGallery-thumbs:empty {
  display: none;
}
.QuickshopGallery-thumbs .slick-arrow {
  top: 50%;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
  width: 2.5rem;
  height: 2.5rem;
  margin: 0;
  padding: 0.375rem;
  background-color: #fff;
  border: 0.125rem solid #303030;
  border: 0.125rem solid var(--tvg-color-text-primary);
}
.QuickshopGallery-thumbs .slick-arrow.slick-next {
  left: auto;
  right: 0;
}
.QuickshopGallery-thumbs .slick-arrow::before {
  display: none;
}
.QuickshopGallery-thumb {
  width: 3.75rem;
  height: 4.6875rem;
  border: 0.0625rem solid var(--c-harper-dark);
  border-radius: 0.375rem;
  overflow: hidden;
  -webkit-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  scroll-snap-align: start;
  margin: 0.3125rem;
  opacity: 1;
  display: inline-block;
}
.QuickshopGallery-thumb:hover, .QuickshopGallery-thumb:focus {
  outline: none;
}
.QuickshopGallery-thumb.is-active {
  outline: 3px solid var(--c-harper-dark);
  outline-offset: -3px;
}
.QuickshopGallery-thumbLink {
  display: block;
  height: 100%;
}
.QuickshopGallery-thumbPlaceholder {
  padding-bottom: 125%;
  background-size: cover;
  height: 100%;
}
.QuickshopGallery-thumbPlaceholderAirf {
  padding-bottom: 125%;
  background-size: cover;
}

.gallery-subtitles {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  text-align: center;
  padding: 0;
  font-size: 0.8125rem;
}

.gallery-subtitle {
  background: var(--c-thread-grey);
  color: var(--c-black);
  padding: 0.5rem 0.5rem 0.625rem;
}

/* ===================================================== */
/* Product Details */
/* ===================================================== */
.ProductDetails-sections {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "mobile_header" "images" "details";
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  row-gap: 1.25rem;
  justify-items: stretch;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: start;
  align-content: start;
}
.ProductDetails .bulk-discount__badge {
  white-space: nowrap;
}
.ProductDetails-section:empty {
  display: none;
}
.ProductDetails-section--imageGallery {
  grid-area: images;
}
.ProductDetails-section--mobileHeader {
  grid-area: mobile_header;
}
.ProductDetails-section--details {
  grid-area: details;
  padding: 0 1.25rem;
}
.ProductDetails-section--completeTheLook {
  margin-top: 48px;
  grid-area: completethelook;
  padding-bottom: 0;
}
.ProductDetails #colorcomingsoonv2 {
  display: none;
}
.ProductDetails .Product-info-mobile.v2 {
  display: none;
}
.ProductDetails-desktopProductSummary {
  display: none;
}
.ProductDetails-bundleLinkContainer {
  text-align: center;
}
.ProductDetails-bundleLink {
  color: #253746;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.575rem;
  outline: 0;
  cursor: pointer;
  border-bottom: 0.0625rem solid #253746;
  margin: 0.9375rem 0 0;
  display: inline-block;
}
.ProductDetails .ProductSwatches-container.v2 {
  max-width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(0, 40px));
  display: none;
}
.ProductDetails .ProductSwatches-container.v2 .swatch {
  width: 2.75rem;
  height: 2.75rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ProductDetails .ProductSwatches-container.v2 .swatch .swatch-link {
  height: 100%;
  width: 100%;
}
.ProductDetails .ProductSwatches-container.v2 .swatch .swatch-inner {
  width: 2.125rem;
  height: 2.125rem;
}
.ProductDetails custom-accordion {
  display: none;
}

.product-price {
  text-align: left;
  margin-top: 0.75rem;
}

.bulk-discount__description {
  display: block;
  font-size: 1rem;
}
.bulk-discount__description a {
  border-bottom: 0.0625rem solid currentColor;
}

.global-discount {
  color: red;
  text-transform: none;
  font-family: Lexend;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 5px;
}

.global-discount.block-element {
  display: block;
}

.product-price.display-unset {
  display: unset;
}
.product-options-form-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.custom-sale-styles:not(.no-reverse) .on-sale {
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.custom-sale-styles:has(del) .sale-price {
  color: var(--c-red);
}

.custom-sale-label {
  font-weight: 500;
  color: var(--c-red);
}

.Product-info-mobile .custom-sale-styles .on-sale {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.atc-btn-price-text {
  display: none;
}
#SCModal_bis .modal__close svg {
  height: 18px;
  width: 18px;
}

#SCModal_bis .modal__content {
  height: 100%;
}

#SCModal_bis .notify_me_modal_btn {
  color: #ffffff;
  background-color: #18212b;
  border-color: #18212b;
  font-weight: bold;
  font-size: 15px;
  padding: 14px;
  border-radius: 3px;
  text-transform: uppercase;
  line-height: 1.5;
  letter-spacing: 0.08em;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
}

#SCModal_bis .notify_me_modal_btn:hover {
  cursor: pointer;
}

#SCModal_bis .modal__content_bis_inner {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

#SCModal_bis .waitlist {
  -ms-flex: 1;
  flex: 1;
}

#SCModal_bis .waitlist form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1;
  flex: 1;
}

#SCModal_bis #email {
  font-size: 15px;
  border-radius: 0px;
  outline: none;
  height: 46px;
  padding: 10px 16px;
  line-height: 1.333;
  color: #555555;
  border: 1px solid #cccccc;
  width: 100%;
  margin: 16px 0;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

#SCModal_bis .bis-disclaimer {
  margin: auto 0 10px;
}

#SCModal_bis .bis-disclaimer-content {
  opacity: 0.835;
  font-size: 13px;
  line-height: 1.5;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-s;
}

#SCModal_bis select {
  border-radius: unset;
  padding: 10px 16px;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

#SCModal_bis select:hover {
  cursor: pointer;
}

#SCModal_bis select:focus,
#SCModal_bis #email:focus {
  outline: unset;
  border: 0.0625rem solid var(--c-slate);
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 223, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 223, 0.6);
}

.SCModal_bis-overlay {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  z-index: -1;
}

.SCModal_bis-overlay.active {
  opacity: 0.5;
  z-index: 9998;
}

#SCModal_bis .modal-title {
  margin: 0;
  font-weight: 500;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-s;
  color: inherit;
  font-size: 24px;
  margin-bottom: 8px;
}

#SCModal_bis .modal-description {
  margin: 0 0 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-s;
  font-size: 14px;
  line-height: 1.4;
  color: #333333;
  width: 90%;
}

#SCModal_bis .modal-title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
}

#SCModal_bis .waitlist-product-title {
  margin: 10px 0 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-s;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  font-size: 18px;
}

#SCModal_bis .waitlist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

#SCModal_bis .bis-divider {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

#SCModal_bis {
  padding: 30px 40px;
  display: none;
  opacity: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  background: white;
  color: #191919;
  z-index: 150;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  max-width: 460px;
  min-width: 350px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

#SCModal_bis.modal-active {
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9999;
}

waitlist-form .alert-success {
  background: #dff0d8;
  padding: 8px 16px;
  border-radius: 3px;
  color: #006400;
}
/* Buy Box V2 Rollout */
.ProductPage .ProductSwatches-container:not(.v2),
.ProductPage .ProductDetails-desktopProductSummary:not(.v2),
.ProductPage .Product-info-mobile:not(.v2),
.ProductPage .Product-hr,
.ProductPage .ProductForm-submitButtonSubtitle,
.ProductPage .js-product-upsell-cta:not(.ab-test-upsell-cta),
.ProductPage .klaviyo-bis-container:not(.ab-test-backinstock),
.ProductPage .ProductDetails-bundleLinkContainer:not(.ab-test-bundle-link),
.ProductPage #colorcomingsoon {
  display: none;
}

.ProductPage .ProductForm-submitButtonSubtitle.ab-test-subtitle {
  display: -ms-flexbox !important;
  display: flex !important;
  margin-top: 1.75rem;
}

.ProductPage .Product-info-mobile.v2 {
  display: block !important;
}

.ab-test-divider-line {
  display: block !important;
}

.buy-box-ab-test-description {
  display: block !important;
}

.ProductSwatches-container.v2 {
  display: grid !important;
}

#colorcomingsoonv2 {
  display: block !important;
  white-space: nowrap;
}

#colorcomingsoonv2 .ProductSwatches-newcolor {
  font-size: 0.875rem;
  text-transform: unset;
}

.ProductDetails-desktopProductSummary.v2 {
  display: block !important;
  margin-bottom: 30px;
}

.ProductDetails-desktopProductSummary.v2 .product-price,
.ProductDetails-desktopProductSummary.v2 .Product-title {
  margin-top: 4px;
}

.ProductDetails-desktopProductSummary.v2 .product-price {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
}

.ProductDetails-desktopProductSummary.v2 .product-price .bulk-discount__badge {
  margin: 0;
}

.ProductDetails-desktopProductSummary.v2 .Product-price {
  margin-top: 0;
}

.ProductDetails-desktopProductSummary.v2 .Product-info-current_price {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ProductDetails-desktopProductSummary.v2 .Product-info-current_price,
.ProductDetails-desktopProductSummary.v2 .Product-info-current_price * {
  font-weight: 600 !important;
  font-size: 25px;
  line-height: 32.5px;
  letter-spacing: -1px;
}

.v2-flex-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
}

/* .ProductDetails-sections custom-accordion {
    display: block !important;
    padding-block: 10px;
    margin-top: 30px;
    border-top: 1px solid var(--c-harper-dark);
} */
li.accordion_item {
  padding: 0px 10px 15px;
  border-bottom: 1px solid var(--c-harper-dark);
}

li.accordion_item:not(:first-child) {
  padding-top: 15px;
}

li.accordion_item:hover {
  cursor: pointer;
}

.accordion_item.active .accordion-icon-container {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion-icon-container {
  height: 16px;
  width: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

li.accordion_item,
li.accordion_item * {
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.accordion-more {
  max-height: 0px;
  opacity: 0;
  clear: both;
  height: auto;
  overflow: hidden;
}

li.accordion_item.active .accordion-more {
  padding: 30px 0px;
}

.accordion-heading {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.accordion-heading span {
  font-weight: 600;
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: 0px;
}

ul.accordion-content {
  padding-left: 20px;
  list-style: disc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

ul.accordion-content li {
  font-weight: 400;
}

.ProductRadioButtons-groupTitle:has(.ProductTabs-fittinglink),
.limited-edition-label-container {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.limited-edition-label-container {
  -ms-flex-align: start;
  align-items: flex-start;
}

.Product-PDPDesc-mobile {
  display: none;
}
.ProductPage .ProductDetails-bundleLinkContainer.ab-test-bundle-link {
  display: block !important;
}

.ab-test-bundle-link .ProductDetails-bundleLink {
  margin-top: 1.75rem;
}

.ProductPage .ab-test-upsell-cta {
  margin-top: 1.25rem;
}

.ProductPage .ab-test-backinstock {
  display: block;
  margin-top: 1.25rem;
}

.v2-flex-container .Product-info-current_price,
.custom-sale-label {
  text-align: right;
}

.v2-flex-container .Product-info-current_price:has(strong) {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.v2-flex-container .global-discount {
  text-align: right;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  letter-spacing: 0px !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.flex-right-global-discount {
  margin-top: 0.5rem;
  max-width: 50%;
}

.v2-flex-container .Product-info-current_price:has(.global-discount) {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ProductDetails-desktopProductSummary.v2 .Product-info-current_price del {
  font-weight: 400 !important;
}

.global-discounted-price {
  color: red;
}

/* ===================================================== */
/* Product Form */
/* ===================================================== */
.ProductForm {
  margin-top: 1.25rem;
}
.ProductForm[data-role=completethelook] {
  min-height: 9.6875rem;
  position: relative;
}
.ProductForm[data-role=completethelook] .ProductForm-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.ProductForm .custom-swatches-btn-mobile {
  display: none;
}
.CompleteLook .ProductForm {
  margin-top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.CompleteLook .ProductForm .ProductForm-controls {
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: static;
  margin-top: 0;
}

.smpbundle-Product .ProductForm {
  margin-top: 0.625rem;
}

.ProductForm-preordermsg {
  color: var(--c-red);
}
.ProductForm-error {
  padding: 0.8em;
  font-weight: bold;
  text-align: center;
  color: #d5011a;
}
.ProductForm-error:empty {
  display: none;
}
.ProductForm .ProductForm-qty {
  display: none;
}

.ProductForm-controls {
  margin: 1.75rem 0 0.75rem 0;
}
.CompleteLook .ProductForm-controls {
  margin-top: 0.625rem;
}

.ProductForm-qtyControls {
  margin: 0 1rem 1.25rem 0;
}
.ProductForm-submitButton {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 28.125rem;
  margin: 0 0 1.25rem 0;
  padding: 1.25rem 1.5rem;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.0625rem;
  text-align: center;
  text-transform: uppercase;
  background-color: var(--c-eggshell);
  color: var(--c-harper-dark);
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 0;
  outline: none;
}
.ProductForm-submitButton:disabled {
  border-color: #98a4ae;
  background-color: #fffcee;
  color: #98a4ae;
  cursor: not-allowed;
}
.ProductForm-submitButton:disabled:hover, .ProductForm-submitButton:disabled:focus {
  border-color: #98a4ae;
  background-color: #fffcee;
  color: #98a4ae;
}
.CompleteLook .ProductForm-submitButton {
  font-size: 0.875rem;
  margin: 0;
  padding: 0.75rem 0.625rem;
}

.ProductForm-submitButtonSubtitle {
  width: 100%;
  margin: 0.75rem auto 0 auto;
  max-width: 28.125rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.CompleteLook .ProductForm-submitButtonSubtitle {
  display: none;
}

.ProductForm-submitButtonSubtitle.ab-test-subtitle {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
}
.ProductForm .ab-test-divider-line {
  width: 100%;
  height: 1px;
  background-color: #D6E0E5;
  margin-block: 16px;
  display: none;
}
.ProductForm .buy-box-ab-test-description {
  display: none;
}

.ProductForm-quantity-select.hidden, .custom-select-options.hidden {
  display: none;
}

.ProductForm-quantity-select-and-submit-button {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-select-label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 70px;
  border: 2px solid #253746;
  padding: 13px 15px;
  border-radius: 5px;
  font-weight: 600;
}

.custom-select-label-and-svg {
  position: relative;
}

.custom-select-label-and-svg svg {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}

.custom-select-label.dropdown-opened ~ svg {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.custom-select-options {
  position: absolute;
  border: 2px solid #253746;
  /* FOR GRISHO */
  /* border-radius: 10px; */
  border-radius: 5px;
  padding: 5px;
  width: 185px;
  margin-top: 7px;
  background: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  max-height: 260px;
  overflow-y: scroll;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.custom-select-options.purchase-options {
  overflow: unset;
}

.custom-select-options::-webkit-scrollbar {
  width: 8px;
}

.custom-select-options::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.custom-select-options::-webkit-scrollbar-thumb {
  background: #253746;
  border-radius: 10px;
}

.custom-select-options::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.custom-select-options::-webkit-scrollbar-button {
  display: none;
}

.custom-select-options {
  scrollbar-width: thin;
  scrollbar-color: #253746 transparent;
}

.custom-select-option {
  border-radius: 10px;
  padding: 5px 15px;
  cursor: pointer;
}

.custom-select-option:hover {
  background: #f5f5f5;
}

.custom-select-option.selected {
  background: var(--c-sky-blue);
  position: relative;
  font-weight: 600;
}

.custom-select-option.selected::after {
  content: "✔";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: #253746;
}

.ProductForm-purchase-options-checkbox,
.ProductForm-purchase-options-checkbox-v2 {
  padding: 10px 15px;
  border:2px solid var(--color-button-navy);
  border-radius: 5px;
  -webkit-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  background-color: white;
  margin-bottom: 20px;
}

.ProductForm-purchase-options-checkbox label,
.ProductForm-purchase-options-checkbox-v2 label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
}
.ProductForm-purchase-options-checkbox .purchase-option-checkbox,
.ProductForm-purchase-options-checkbox-v2 .purchase-option-checkbox-v2 {
  display: none;
}

.ProductForm-purchase-options-checkbox .custom-purchase-option-checkbox,
.ProductForm-purchase-options-checkbox-v2 .custom-purchase-option-checkbox-v2 {
  margin: 0;
  height: 20px;
  width: 20px;
  cursor: pointer;
  border: 2px solid var(--color-button-navy);
  border-radius: 5px;
  background: transparent;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.ProductForm-purchase-options-checkbox .custom-purchase-option-checkbox.custom-checkbox-check,
.ProductForm-purchase-options-checkbox-v2 .custom-purchase-option-checkbox-v2.custom-checkbox-check {
  background: #253746;
  position: relative;
  display: inline-block;
}

.ProductForm-purchase-options-checkbox .custom-purchase-option-checkbox.custom-checkbox-check::after,
.ProductForm-purchase-options-checkbox-v2 .custom-purchase-option-checkbox-v2.custom-checkbox-check::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ProductForm-purchase-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}

.ProductForm-purchase-options-checkbox.background,
.ProductForm-purchase-options-checkbox-v2.background {
  background-color: var(--c-sky-blue);
}

.custom-select-label.disabled, .custom-select-label-and-svg svg.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.ab-test-bundle-link,
.ab-test-upsell-cta,
.ab-test-backinstock {
  display: none;
}

.ProductSwatches {
  display: grid;
  gap: 1.375rem;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.ProductSwatches-category {
  position: relative;
}
.ProductSwatches-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 26px));
  gap: 0.5rem;
  max-width: 16.875rem;
}
.ProductSwatches-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.125rem;
  border: 0.125rem solid transparent;
  border-radius: 100%;
}
.ProductSwatches-item.is-selected {
  border-color: #32495c;
}
.ProductSwatches-link {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
  background-color: #eee;
}
.ProductSwatches-label {
  margin-bottom: 0.5rem;
  padding-left: 0.1875rem;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ProductSwatches-label span {
  font-family: var(--font-body);
  text-transform: capitalize;
  font-weight: 600;
}
.ProductSwatches-newcolor {
  cursor: pointer;
  text-transform: uppercase;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.625rem;
  padding: 0 0 1px 0;
  border-bottom: 1px solid currentColor;
}

.colour-swatch-links--no-swatches {
  height: 1.625rem;
}

.colour-swatch-links--desktop {
  display: none;
}

.colour-swatch-links--mobile {
  display: block;
}

.swatch {
  position: relative;
  display: inline-block;
  width: 1.625rem;
  height: 1.875rem;
  padding-right: 0;
  vertical-align: middle;
}
.colour-swatch-links--mobile .swatch {
  width: calc(15% - 2px);
  max-width: 30px;
}
.ProductsCarousel-container .swatch {
  margin-right: 3px;
}

.swatch-wrapper {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.swatch-wrapper[data-has-additional-swatches=true] {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.swatch-wrapper .slick-list {
  margin: 0 auto;
}

.initial-swatches,
.additional-swatches {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 0.25rem;
}

.additional-swatches {
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  color: inherit;
  top: -7.5px;
}

.additional-swatches-trigger {
  display: block;
  position: relative;
  left: 0.125rem;
  top: 0.0625rem;
  border-radius: 100%;
  color: inherit;
  border: 1px solid currentColor;
  width: 1.1875rem;
  height: 1.1875rem;
  font-size: 0.5625rem;
  font-weight: 600;
}
.additional-swatches-trigger[aria-expanded=true] {
  border: 0;
}
.additional-swatches-trigger[aria-expanded=true] .additional-swatches-count {
  opacity: 0;
}
.additional-swatches-trigger[aria-expanded=true]::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 100%;
  background: url("/cdn/shop/files/swatches.png?v=1659552522");
  background-size: contain;
  background-repeat: no-repeat;
}

.additional-swatches-count {
  padding-right: 1px;
}

.swatch-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: cover;
  background-position: center center;
  border: 0.0625rem solid #fff;
  border-radius: 50%;
  width: 1.375rem;
  height: 1.375rem;
  -webkit-transition: 0.25s all ease;
  -o-transition: 0.25s all ease;
  transition: 0.25s all ease;
  border: 0.125rem solid transparent;
  position: relative;
  color: var(--c-white);
}
.swatch-link.is-selected, input:checked + .swatch-link {
  border-radius: 100%;
  border: 0.125rem solid #32495c;
}
.swatch-link.swatch-link--oos, .swatch-link.swatch-link--oos:hover {
  color: var(--c-white);
}
.swatch-link.swatch-link--oos.swatch-link--light, .swatch-link.swatch-link--oos.swatch-link--light:hover {
  color: var(--c-harper-dark);
}
.swatch-link.swatch-link--oos::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 5%;
  width: 57%;
  background: currentColor;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.swatch-inner {
  min-width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-size: cover !important;
  background-position: center center !important;
}
.swatch-link:not(input[disabled] + *):hover .swatch-inner, .swatch-link:not(input[disabled] + *).is-selected .swatch-inner, label input:not([disabled]) + .swatch-link > .swatch-inner {
  border: 0.0625rem solid #fff;
}
.swatch-slider .slick-list {
  width: 100%;
}
.swatch-slider-next, .swatch-slider-prev {
  display: block;
  cursor: pointer;
  position: relative;
  bottom: 0.125rem;
  border: 1px solid #bfbebe;
  border: 1px solid var(--tvg-color-gray-50);
  border-radius: 100%;
  min-width: 1.9375rem;
  height: 1.9375rem;
  z-index: 9;
}
.swatch-slider-next.slick-disabled, .swatch-slider-prev.slick-disabled {
  opacity: 0;
}
.swatch-slider-next {
  margin-left: 0.5rem;
}
.swatch-slider-prev {
  margin-right: 0.5rem;
}
.swatch-slider-prev-arrow {
  background: #464855;
  height: 0.125rem;
  width: 0.8125rem;
  margin: 0 auto;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  left: 51%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  outline: none;
}
.swatch-slider-prev-arrow:before, .swatch-slider-prev-arrow:after {
  content: "";
  background: #464855;
  position: absolute;
  height: 0.125rem;
  width: 0.5rem;
}
.swatch-slider-prev-arrow:before {
  left: -3px;
  bottom: -2px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.swatch-slider-prev-arrow:after {
  left: -3px;
  top: -2px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.swatch-slider-next-arrow {
  background: #464855;
  height: 0.125rem;
  width: 0.8125rem;
  margin: 0 auto;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  left: 49%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  outline: none;
}
.swatch-slider-next-arrow:before, .swatch-slider-next-arrow:after {
  content: "";
  background: #464855;
  position: absolute;
  height: 0.125rem;
  width: 0.5rem;
}
.swatch-slider-next-arrow:before {
  right: -3px;
  bottom: -2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.swatch-slider-next-arrow:after {
  right: -3px;
  top: -2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ProductSwatches-label-price {
  display: inline-block;
}
.ProductSwatches-label-price .product-price {
  margin: 0;
}
.ProductSwatches-label-price .product-price .Product-info-current_price {
  font-size: 1rem;
  line-height: 1;
}

.colour-swatch-links.hide {
  display: none;
}

del.compare-price, s, del.GridItem-titlePrice, .GridItem-titlePrice del, .Product-info-current_price.on-sale del {
  color: #687782;
}

.custom-swatches-btn {
  margin-top: 28px;
}

.bundle-number-input {
  position: relative;
  display: none;
}

.bundle-number-input-increment,
.bundle-number-input-decrement {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  font-family: var(--font-header);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--c-harper-dark);
  width: 20px;
}

.bundle-number-input-decrement {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 2px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.selected-colors {
  font-weight: 600;
}

.bundle-number-input-increment {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 2px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bundle-swatch-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.swatch-elements-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 24px;
}

.all-swatches-container {
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0px;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  display: -ms-flexbox !important;
  display: flex !important;
}
.custom-swatches-label {
  margin-bottom: 10px;
  font-family: var(--font-header);
  font-weight: 300;
  color: var(--c-harper-dark);
  font-size: 16px;
  line-height: 24px;
}

.bundle-swatch {
  height: 40px;
  width: 70px;
}

.bundle-selected-quantity {
  position: absolute;
  border-radius: 50%;
  padding: 4px 10px;
  top: -8px;
  right: -8px;
  color: white;
  font-weight: 600;
  font-family: var(--font-header);
  font-size: 14px;
  line-height: 21px;
  z-index: 1;
  background-color: var(--c-harper-dark);
  display: none;
}

.bundle-selected-quantity.has-quantity {
  display: block;
}

.bundle-swatch.selected .bundle-swatch-inner {
  border: 2px solid var(--c-harper-dark);
}

.bundle-swatch.selected + .bundle-number-input {
  display: inline-block;
}

.bundle-swatch-container:has(.bundle-swatch.bundle-swatch-oos) {
  display: none;
}

.bundle-swatch:hover {
  cursor: pointer;
}

.bundle-swatch-inner {
  height: 100%;
  width: 100%;
  border-radius: 6px;
}

.visually-hidden-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

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

.bundle-swatch-container input[type=number] {
  height: 40px;
  width: 70px;
  border-radius: 6px;
  text-align: center;
  -moz-appearance: textfield;
  position: relative;
}

/* ===================================================== */
/* Product Options As Radio Buttons */
/* NOTICE: styles shared with facets are in _facets.scss */
/* ===================================================== */
.ProductRadioButtons-group {
  margin-bottom: 1.25rem;
}
.ProductRadioButtons-group.is-singleColor {
  display: none;
}
.smpbundle-Product .ProductRadioButtons-group.is-singleSize {
  display: none;
}

.smpbundle-Product .ProductRadioButtons-group.is-last {
  margin-bottom: 0;
}

.ProductRadioButtons-groupTitle {
  margin-bottom: 0.5rem;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
}
.smpbundle-Main-product--rest .ProductRadioButtons-groupTitle > .Product-sizeChart {
  display: none;
}

.ProductRadioButtons-itemRadio {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.ProductRadioButtons-sizemap {
  display: none;
}
.ProductRadioButtons-sizemap-showsizemap {
  display: block;
  color: var(--c-harper-dark);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.ProductRadioButtons-sizemap-sizeequivalence {
  padding-right: 1.5625rem;
}

.ProductRadioButtons-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.ProductRadioButtons .product-option__label--dimmed:not(.bundle-size-available) {
  background-color: #ffffff;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  color: #a3a3a3;
  color: #a3a3a3;
  color: var(--tvg-color-gray-40);
  border-color: #303030;
  border-color: #303030;
  border-color: var(--tvg-color-text-primary);
  opacity: 0.4;
}

.ProductRadioButtons .product-option__label--disabled:not(.bundle-size-available) {
  color: #253746;
}

.ProductRadioButtons .product-option__label--disabled:not(.bundle-size-available)::before {
  content: " ";
  display: block;
  width: 109%;
  background: #303030;
  background: var(--tvg-color-text-primary);
  position: absolute;
  -webkit-transform: rotate(150.5deg);
  -ms-transform: rotate(150.5deg);
  transform: rotate(150.5deg);
  top: calc(50% - 1px);
  left: -0.2rem;
  height: 0.082rem;
}

.ProductRadioButtons .product-option__label--dimmed:not(.product-option__label--disabled):not(.bundle-size-available)::before {
  content: " ";
  display: block;
  width: 109%;
  background: #303030;
  background: var(--tvg-color-text-primary);
  position: absolute;
  -webkit-transform: rotate(150.5deg);
  -ms-transform: rotate(150.5deg);
  transform: rotate(150.5deg);
  top: calc(50% - 1px);
  left: -0.2rem;
  height: 0.082rem;
}

/* ===================================================== */
/* Product Options As Dropdowns */
/* ===================================================== */
.ProductDropdowns-group {
  max-width: 18.75rem;
  margin-bottom: 0.625rem;
}
.ProductDropdowns-group.is-singleColor {
  display: none;
}
.ProductDropdowns .ProductDropdowns-group:last-child {
  margin-bottom: 0;
}

.ProductDropdowns-groupTitle {
  margin-bottom: 0.875em;
  text-align: left;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
}
.CompleteLook .ProductDropdowns-groupTitle {
  display: none;
}

.ProductDropdowns-sizemap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  color: var(--c-harper-dark);
}
.CompleteLook .ProductDropdowns-sizemap {
  display: none;
}

.ProductDropdowns-sizemapItem {
  padding-right: 1.5625rem;
}

.ProductTabs {
  color: var(--c-harper-dark);
  margin-top: 1.25rem;
}
.ProductTabs-titles {
  display: -ms-flexbox;
  display: flex;
}
.ProductTabs-title {
  -ms-flex: 1;
  flex: 1;
  font-size: 1rem;
  color: #32495c;
  opacity: 0.4;
  border-bottom: 0.125rem solid currentColor;
  cursor: pointer;
  line-height: 2.5rem;
  font-family: var(--font-body);
  font-weight: 600;
}
.ProductTabs-title:last-child {
  text-align: right;
}
.ProductTabs-title.is-active {
  opacity: 1;
}
.ProductTabs-description {
  line-height: 1.25rem;
}
.ProductTabs-list {
  padding-top: 0.9375rem;
}
.ProductTabs-wrapper {
  display: none;
}
.ProductTabs-wrapper.is-active {
  display: block;
}
.ProductTabs-fittinglink {
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-weight: 600;
  outline: none;
  cursor: pointer;
  border-bottom: 0.0625rem solid var(--c-harper-dark);
  border-radius: 0px;
}
.ProductTabs-fittinglink:hover {
  color: var(--c-harper-dark);
}
.ProductTabs-fittingModal {
  z-index: calc(9999 + 0);
  display: none;
  position: fixed;
  padding-top: 3.125rem;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
}
.ProductTabs-fittingModal-imagewrapper {
  overflow-x: scroll;
  overflow-y: auto;
}
.ProductTabs-fittingModal-image {
  padding: 0.625rem 0.625rem 0.625rem 0;
  width: 51.875rem;
  width: 100%;
  min-width: 470px;
}
.ProductTabs-fittingModal-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.ProductTabs-fittingModal-content {
  background-color: #fff;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 1.875rem 1.25rem;
  border: 0.3125rem solid var(--c-harper-dark);
  width: calc(100vw - 32px);
  height: 84vh;
  min-height: 400px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow: auto;
}
.ProductTabs-fittingModal-content-header {
  padding-bottom: 1.0625rem;
}
.ProductTabs-fittingModal-content-title {
  font-family: var(--font-header);
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-align: center;
}
.ProductTabs-fittingModal-content-subheading {
  font-size: 0.8125rem;
  line-height: 1rem;
  margin: 0.5rem 0 0;
  text-align: center;
}
.ProductTabs-fittingModal-close {
  position: absolute;
  z-index: 2;
  color: #0a0a0a;
  color: var(--tvg-color-black);
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1rem;
  right: 12px;
  top: 12px;
}
.ProductTabs-fittingModal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  bottom: 0;
  z-index: 999;
  padding-top: 1.5625rem;
}
.ProductTabs-fittingModal-footer-item {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.ProductTabs-fittingModal-footer-item a {
  border-bottom: none !important;
}
.ProductTabs-fittingModal-footer-title {
  font-family: var(--font-header);
  font-size: 1.125rem;
  line-height: 1.125rem;
}
.ProductTabs-fittingModal-footer-description {
  font-size: 0.8125rem;
  line-height: 1rem;
  margin: 8px 0 0;
}
.ProductTabs-fittingModal-cta.o-button {
  width: auto;
  height: 3.125rem;
  margin: 1.5rem auto auto auto;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  border-radius: 0.5rem;
}
.ProductTabs-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
  padding-bottom: calc(100% / 0.81);
}
.ProductTabs-placeholder--mobileoriginal {
  display: block;
  background-position: top;
  padding-bottom: 60%;
}
.ProductTabs-placeholder--desktop {
  display: none;
}
.ProductTabs-placeholder--mobile {
  display: block;
  padding-bottom: calc(100% / 1.6);
}
.ProductTabs a {
  color: var(--c-harper-dark);
  border-bottom: 0.0625rem solid var(--c-harper-dark);
  font-family: var(--font-body);
  font-weight: 600;
}

.ProductTabs-fittingModal-close:hover,
.ProductTabs-fittingModal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* ===================================================== */
/* Product - Complete The Look */
/* ===================================================== */
.CompleteLook {
  display: block;
  margin: 0;
  overflow: hidden;
  background-color: var(--c-sky-blue);
}
.CompleteLook-title {
  padding: 2rem 0 1.5rem;
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.875rem;
  text-align: center;
}
.CompleteLook-container {
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.CompleteLook-items {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  width: 15.9375rem;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  visibility: hidden;
}
.CompleteLook-items .CompleteLook-item-details-top {
  min-height: 83px;
}
.CompleteLook-items .CompleteLook-item-details-top.big-title {
  min-height: 109px;
}
.CompleteLook-ProductForm {
  padding-top: 18px;
}
.CompleteLook-disableselect {
  color: red;
}
.CompleteLook .ProductDropdowns-dropdown {
  background-size: unset;
  padding-left: 1rem;
  background-image: url("data:image/svg+xml;utf8,<svg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M.646.646a.5.5 0 0 1 .708 0L6 5.293 10.646.646a.5.5 0 0 1 .708.708l-5 5a.5.5 0 0 1-.708 0l-5-5a.5.5 0 0 1 0-.708Z' fill='%23253746'/></svg>");
}

.CompleteLook-btnwrapper-next {
  display: block !important;
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  top: 48%;
  right: -30px;
  z-index: 9;
}

.CompleteLook-btnwrapper-prev {
  display: block !important;
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  top: 47%;
  left: -38px;
}

.CompleteLook-prev-arrow {
  background: var(--c-harper-dark);
  height: 0.125rem;
  width: 1.0625rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  z-index: 1000;
  left: 0.5rem;
  outline: none;
}
.CompleteLook-prev-arrow:before, .CompleteLook-prev-arrow:after {
  content: "";
  background: var(--c-harper-dark);
  position: absolute;
  height: 0.125rem;
  width: 0.625rem;
}
.CompleteLook-prev-arrow:before {
  left: -3px;
  bottom: -3px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.CompleteLook-prev-arrow:after {
  left: -3px;
  top: -3px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.CompleteLook-next-arrow {
  background: var(--c-harper-dark);
  height: 0.125rem;
  width: 1.0625rem;
  margin: 0 auto;
  position: absolute;
  cursor: pointer;
  z-index: 1000;
  right: 0.4375rem;
  outline: none;
  top: calc(40% + 2px);
}
.CompleteLook-next-arrow:before, .CompleteLook-next-arrow:after {
  content: "";
  background: var(--c-harper-dark);
  position: absolute;
  height: 0.125rem;
  width: 0.625rem;
}
.CompleteLook-next-arrow:before {
  right: -2px;
  bottom: -3px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.CompleteLook-next-arrow:after {
  right: -2px;
  top: -3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.CompleteLook .slick-dots li.slick-active button {
  background-color: var(--c-harper-dark);
}

.CompleteLook .slick-dots button {
  border-radius: 100%;
  background-color: transparent;
  height: 10px;
  width: 10px;
  border: 2px solid var(--c-harper-dark);
  text-indent: -9999px;
  padding: 0.125rem;
}

.CompleteLook .slick-track {
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}

.CompleteLook .slick-dots li {
  margin: 0;
  height: 0;
}

.CompleteLook .slick-dots {
  display: block;
  bottom: 0;
}

.CompleteLook-items.slick-initialized {
  visibility: visible;
}

.ProductForm-preordermsg.completethelookhide {
  display: none;
}

/* ===================================================== */
/* Product Upsell */
/* ===================================================== */
.ProductUpsellCta {
  margin-top: 0.5rem;
}
.ProductUpsellCta.is-hidden {
  display: none;
}
.ProductUpsellCta-button {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 1.09375rem;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.0625rem;
  text-align: center;
  text-transform: uppercase;
  border: 0.125rem solid var(--c-harper-dark);
  /* FOR GRISHO */
  /* border-radius: 0.625rem; */
  border-radius: 5px;
  outline: none;
  transition: var(--transition-button-default);
 }

.Breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.270625rem;
  padding-bottom: 0.1875rem;
  -ms-flex-pack: left;
  justify-content: left;
  color: var(--c-slate);
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 1px;
}
.Breadcrumb-collection {
  font-family: var(--font-body);
  font-style: normal;
  font-weight: 600;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  color: var(--c-slate);
  letter-spacing: 1px;
}
.Breadcrumb-product {
  font-family: var(--font-body);
  font-style: normal;
  font-weight: 600;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  text-transform: uppercase;
  color: #253746;
  letter-spacing: 1px;
}

.catch__wrapper {
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.75rem !important;
}

/* ===================================================== */
/* SMP Bundle */
/* ===================================================== */
.smpbundle-Page {
  width: 100%;
  border-right: 0.3125rem solid var(--c-harper-dark);
  border-left: 0.3125rem solid var(--c-harper-dark);
}
.smpbundle-Page .ProductSwatches-container.v2,
.smpbundle-Page #colorcomingsoonv2,
.smpbundle-Page custom-swatches,
.smpbundle-Page custom-swatches-btn {
  display: none !important;
}

.smpbundle-Main {
  width: 100%;
  margin: 0 auto 1.25rem auto;
}
.smpbundle-Main-sections {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "summary" "images" "mobileDescription" "products" "controls";
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  row-gap: 1.25rem;
  justify-items: stretch;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.smpbundle-Main-section--images {
  grid-area: images;
}
.smpbundle-Main-section--products {
  grid-area: products;
  padding: 0 1.25rem;
}
.smpbundle-Main-section--controls {
  grid-area: controls;
  padding: 0 1.25rem;
}
.smpbundle-Main-section--summary {
  grid-area: summary;
  padding: 0 1.25rem;
  padding-top: 1.25rem;
}
.smpbundle-Main-section--mobileDescription {
  grid-area: mobileDescription;
  padding: 0 1.25rem;
}
.smpbundle-Main-section--mobileDescription:empty {
  display: none;
}
.smpbundle-Main-product {
  position: relative;
}
.smpbundle-Main-product + .smpbundle-Main-product {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.smpbundle-Main-product + .smpbundle-Main-product::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #cfcfcf;
}

.atc-btn-price-text {
  display: none;
}

/* ===================================================== */
/* SMP Bundle Product */
/* ===================================================== */
@supports (display: grid) {
  .smpbundle-Product-sections {
    display: grid;
    grid-template-columns: minmax(6.875rem, 1fr) 3fr;
    grid-template-areas: "image details";
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    row-gap: 0.625rem;
    justify-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-line-pack: start;
    align-content: start;
  }
}
.smpbundle-Product-section--image {
  grid-area: image;
}
.smpbundle-Product-section--details {
  grid-area: details;
}
.smpbundle-Product-section--details .judgeme-widget-preview-wrapper {
  margin: 0 0 0.625rem;
  text-align: left;
}
.smpbundle-Product-warning {
  font-size: 0.75rem;
  margin: 1em auto;
  padding: 0.25em 0.5em;
  border: 0.0625rem dashed #fbd400;
  border: 0.0625rem dashed var(--tvg-color-feedback-warning);
}
.smpbundle-Product-warning:empty {
  display: none;
}
.smpbundle-Product-imagePlaceholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.375rem;
}
.smpbundle-Product-title {
  margin: 0 auto 0.25em auto;
  font-family: var(--font-header);
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.1;
  text-align: left;
  color: var(--c-harper-dark);
}

/* ===================================================== */
/* SMP Bundle Image Gallery */
/* ===================================================== */
.smpbundle-ImageGallery {
  position: static;
  width: 100%;
}
.smpbundle-ImageGallery-container {
  position: relative;
  overflow: hidden;
}
.smpbundle-ImageGallery-imagePlaceholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 0 100% 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 300ms ease-out 150ms;
  -o-transition: opacity 300ms ease-out 150ms;
  transition: opacity 300ms ease-out 150ms;
}
.smpbundle-ImageGallery-zoom {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  width: auto;
  padding: 6px 10px;
  position: absolute;
  bottom: 16px;
  z-index: 1;
  left: 10px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10px;
}
.smpbundle-ImageGallery-zoom .zoom-desktop {
  display: none;
}
.smpbundle-ImageGallery-progress {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: 0.03976875rem;
  color: #ffffff;
  color: var(--tvg-color-white);
  z-index: 999;
  font-family: var(--font-header);
  letter-spacing: -2px;
}
.smpbundle-ImageGallery-arrow {
  z-index: 3;
  position: absolute;
  bottom: 0.875rem;
  width: 3.125rem;
  height: 3.125rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}
.smpbundle-ImageGallery-arrowLeft {
  left: 0.875rem;
  bottom: -1.25rem;
}
.smpbundle-ImageGallery-arrowRight {
  right: 0.875rem;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.smpbundle-ImageGallery-carouselPlaceholder {
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 0 100% 0;
  background-repeat: no-repeat;
  -webkit-transition: opacity 300ms ease-out 150ms;
  -o-transition: opacity 300ms ease-out 150ms;
  transition: opacity 300ms ease-out 150ms;
}
.smpbundle-ImageGallery-images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.smpbundle-ImageGallery-images:focus {
  outline: none;
}
.smpbundle-ImageGallery-imageLink {
  display: block;
}
.smpbundle-ImageGallery-imageLink:focus {
  outline: none;
}
.smpbundle-ImageGallery-thumbs {
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  display: none;
  top: 50%;
  left: 1.25rem;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-height: 28.4375rem;
  overflow: auto;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
  z-index: 2;
}
.smpbundle-ImageGallery-thumbs::-webkit-scrollbar {
  display: none;
}
.smpbundle-ImageGallery-thumbs:empty {
  display: none;
}
.smpbundle-ImageGallery-thumbs .slick-arrow {
  top: 50%;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
  width: 2.5rem;
  height: 2.5rem;
  margin: 0;
  padding: 0.375rem;
  background-color: #fff;
  border: 0.125rem solid #303030;
  border: 0.125rem solid var(--tvg-color-text-primary);
}
.smpbundle-ImageGallery-thumbs .slick-arrow.slick-next {
  left: auto;
  right: 0;
}
.smpbundle-ImageGallery-thumbs .slick-arrow::before {
  display: none;
}
.smpbundle-ImageGallery-thumb {
  opacity: 0.5;
  width: 3.75rem;
  height: 4.6875rem;
  border: 0.0625rem solid #32495c;
  -webkit-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  border-radius: 0.375rem;
  scroll-snap-align: start;
}
.smpbundle-ImageGallery-thumb + .smpbundle-ImageGallery-thumb {
  margin-top: 1.25rem;
}
.smpbundle-ImageGallery-thumb:hover, .smpbundle-ImageGallery-thumb:focus {
  outline: none;
}
.smpbundle-ImageGallery-thumb.is-active {
  opacity: 1;
}
.smpbundle-ImageGallery-thumbLink {
  display: block;
}
.smpbundle-ImageGallery-thumbPlaceholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 125%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.375rem;
}
.smpbundle-ImageGallery-thumbPlaceholderAirf {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 125%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* ===================================================== */
/* SMP Bundle Summary */
/* ===================================================== */
.smpbundle-Summary-title {
  margin: 0;
  font-family: var(--font-header);
  font-size: 1.875rem;
  line-height: 1.15;
  text-align: center;
  color: var(--c-harper-dark);
}
.smpbundle-Summary-title sup {
  font-size: 100%;
  top: 0;
}
.smpbundle-Summary-descContainer {
  display: none;
}
.smpbundle-Summary-priceContainer {
  width: 100%;
  margin: 0.625rem auto;
  padding: 0;
  text-align: center;
  color: #253746;
}
.smpbundle-Summary-price {
  display: inline-block;
  vertical-align: middle;
  font-family: var(--font-header);
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.smpbundle-Summary-compareAtPrice {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  font-family: var(--font-header);
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #a3a3a3;
  color: var(--tvg-color-text-secondary);
}

/* ===================================================== */
/* SMP Bundle Mobile Description */
/* ===================================================== */
.smpbundle-MobileDescription {
  display: block;
  position: relative;
  padding: 0 0 1.25rem 0;
  margin: 0 auto;
}
.smpbundle-MobileDescription::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #cfcfcf;
}

/* ===================================================== */
/* SMP Bundle Controls */
/* ===================================================== */
.smpbundle-Controls-container {
  width: 100%;
  max-width: 28.125rem;
  margin: 0 auto;
}
.smpbundle-Controls-error {
  padding: 0.8em;
  font-weight: bold;
  text-align: center;
  color: #d5011a;
}
.smpbundle-Controls-error:empty {
  display: none;
}
/* .smpbundle-Controls-addToCartButton {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 28.125rem;
  margin: 0 auto;
  padding: 1.25rem 1.5rem;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.0625rem;
  text-align: center;
  text-transform: uppercase;
  /* FOR GRISHO */
  background-color: var(--color-button-navy);
  color: var(--color-button-white);
  border: 2px solid var(--color-button-navy);
  border-radius: 5px;
  outline: none;
  transition: var(--transition-button-default);
} */
.smpbundle-Controls-addToCartButton:disabled {
  opacity: 0.8;
  cursor: not-allowed;
}
.smpbundle-Controls-addToCartButtonSubtitle {
  margin-top: 0.5em;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
}

/* ===================================================== */
/* Grid */
/* ===================================================== */
.Grid-alternate {
  text-align: center;
  padding: 0 0.625rem;
  display: grid;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin: auto;
}
.Grid-alternate:after {
  content: "";
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 24rem;
  padding: 1rem 1.25rem 1.953125rem 1.25rem;
}
.Grid-alternate-item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  min-width: 9rem;
  padding: 1rem 0.9375rem 0.9375rem 0.9375rem;
  max-width: 24rem;
}

.Grid {
  position: relative;
  text-align: left;
  padding: 1.25rem 1.5rem 2rem;
  display: grid;
  gap: 1.5rem 1.25rem;
}
.Grid--alignLeft {
  text-align: left;
}
.Grid--alignRight {
  text-align: right;
}
.Grid-item {
  width: 100%;
  max-width: 24rem;
  min-width: 9rem;
}
.Grid-item-mysize {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  min-width: 10rem;
}
.Grid-item-mysize--PGMedium {
  width: 66%;
  display: none;
  grid-column: span 2;
  height: 28.75rem;
}
.Grid-item-mysize--PGSmall {
  width: 100%;
  display: none;
  height: 28.75rem;
}
.Grid-item-mysize-content--PGMedium {
  background-color: var(--c-sky-blue);
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 0.375rem;
  width: 36.375rem;
  padding: 3.8125rem;
  margin: auto;
  position: relative;
  top: 4%;
}
.Grid-item-mysize-content--PGSmall {
  background-color: var(--c-sky-blue);
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 0.375rem;
  padding: 3.8125rem 0.875rem;
  position: relative;
  top: 4%;
}
.Grid-item-mysize-title {
  padding-bottom: 1.25rem;
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.5625rem;
  text-align: center;
}
.Grid-item-mysize-description {
  text-align: center;
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
}
.Grid-item-mysize-description p {
  line-height: inherit;
}
.Grid-item-mysize-cta {
  margin: 2rem auto 0 auto;
  font-size: 0.9375rem;
  letter-spacing: 0.0625rem;
  line-height: 0.9375rem;
}
.Grid-item-mysize.show-only-last {
  display: none;
}
.Grid-item-mysize.show-only-last:last-of-type {
  display: inline-block;
}

.infinite_next {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.875rem;
  font-weight: bold;
  margin-top: -10px;
  padding-bottom: 50px;
}

.Grid--itemsPerRow-small-1 {
  grid-template-columns: repeat(1, 1fr);
}

.Grid--itemsPerRow-small-2 {
  grid-template-columns: repeat(2, 1fr);
}

.Grid--itemsPerRow-small-3 {
  grid-template-columns: repeat(3, 1fr);
}

.Grid--itemsPerRow-small-4 {
  grid-template-columns: repeat(4, 1fr);
}

.Grid--itemsPerRow-small-5 {
  grid-template-columns: repeat(5, 1fr);
}

.Grid--itemsPerRow-small-6 {
  grid-template-columns: repeat(6, 1fr);
}
.GridItem {
  position: relative;
  max-width: 25.25rem;
  margin: 0 auto;
  text-align: left;
  border-radius: 0;
  -webkit-transition: border-color 250ms ease-in-out;
  -o-transition: border-color 250ms ease-in-out;
  transition: border-color 250ms ease-in-out;
}
.GridItem:hover, .GridItem:focus {
  border-color: var(--c-thread-grey);
}
.slick-slider .GridItem:hover, .slick-slider .GridItem:focus {
  border-color: transparent;
}
.GridItem-description {
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  padding-top: 0.625rem;
}
.GridItem-extraDescription {
  margin-left: 0;
  text-align: left;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
}
.GridItem-extraDescription p {
  line-height: inherit;
}
.GridItem-price sup {
  top: -0.1em;
}
.GridItem-link {
  display: block;
  position: relative;
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.GridItem-link:hover, .GridItem-link:focus {
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.GridItem-imageContainer {
  position: relative;
  border: 0.125rem solid black;
  border-radius: 0.375rem;
}
.GridItem-imageContainer img {
  height: 100%;
  margin: auto;
  min-width: 100%;
  overflow-x: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}
.GridItem-imagePlaceholder {
  background-size: cover;
  opacity: 1;
}

.GridItem-secondImagePlaceholder {
  display: none;
}
.GridItem-secondImagePlaceholder.lazyloaded {
  opacity: 0;
}

.GridItem-details {
  margin: 1rem 0 0 0;
  text-align: left;
}
.GridItem-title {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: var(--c-harper-dark);
  text-transform: uppercase;
}
.GridItem-title:only-child {
  margin: 0;
}
.GridItem-titleLink {
  display: block;
  border: none;
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1rem;
}
.GridItem-titleLink:hover, .GridItem-titleLink:focus {
  color: currentColor;
}
.GridItem-titleLink sup {
  top: 0;
  font-size: 100%;
}
.GridItem-titlePrice {
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
  font-weight: 400;
}
.GridItem-titlePrice:has(del), .GridItem-titlePrice:has(s), .GridItem-titlePrice.on-sale {
  font-weight: 500;
}
.GridItem-titlePrice del, .GridItem-titlePrice s {
  font-weight: 400;
}
.GridItem-priceCallout {
  font-size: 1rem;
  text-transform: none;
  color: #cf000f;
  color: var(--tvg-color-text-accent);
}
.Carousel-items--noDetails .GridItem-extraDetails {
  display: none;
}

.GridItem-reviews {
  text-align: left;
  font-size: 0.8125rem;
}
.GridItem-productsCount {
  font-size: 0.8125rem;
}

.collection .Grid-item {
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.CollectionMySizeFull-PGMedium,
.CollectionMySizeFull-PGSmall {
  display: block;
}

.CollectionMySizeFull-PGLarge {
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.5625rem;
}

.bundleindex-GridItem-description {
  width: 100%;
  margin: 0;
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
  color: var(--c-harper-dark);
}
.bundleindex-GridItem-priceContainer {
  width: 100%;
  margin: 0;
  padding: 0 0.625rem;
  text-align: center;
  color: #253746;
}
.bundleindex-GridItem-description + .bundleindex-GridItem-priceContainer {
  margin-top: 0.625rem;
}

.bundleindex-GridItem-price {
  display: inline-block;
  vertical-align: middle;
  font-family: var(--font-body);
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.bundleindex-GridItem-compareAtPrice {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  font-family: var(--font-body);
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #a3a3a3;
  color: var(--tvg-color-text-secondary);
}
.product-card {
  position: relative;
  width: 100%;
  max-width: 25.25rem;
  min-width: 9rem;
  margin: 0 auto;
  text-align: left;
  -webkit-transition: border-color 250ms ease-in-out;
  -o-transition: border-color 250ms ease-in-out;
  transition: border-color 250ms ease-in-out;
}
.product-card:hover, .product-card:focus {
  border-color: var(--c-thread-grey);
}
.slick-slider .product-card:hover, .slick-slider .product-card:focus {
  border-color: transparent;
}
.CompleteLook .product-card {
  margin: 0;
}

.product-card--small {
  width: 15rem;
}
.slick-slider .product-card--small {
  margin-bottom: 1rem;
}

.product-card__link {
  display: block;
  position: relative;
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.product-card__link:hover, .product-card__link:focus {
  color: #303030;
  color: var(--tvg-color-text-primary);
}

.product-card__imageContainer {
  position: relative;
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 0.375rem;
  overflow: hidden;
}
.product-card__imageContainer img {
  height: 100%;
  margin: auto;
  min-width: 100%;
  overflow-x: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-card__imageContainer .quickshop-btn {
  z-index: 999;
  display: none;
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(80% - 16px);
}

.product-card__secondImagePlaceholder {
  display: none;
}
.product-card__secondImagePlaceholder.lazyloaded {
  opacity: 0;
}

.product-card__imagePlaceholder {
  background-size: cover;
  opacity: 1;
  display: inline-block;
}

.product-card__details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-positive: 1;
  flex-grow: 1;
  gap: 0.25rem;
  margin: 1rem 0 0 0;
  text-align: left;
}
.product-card--small .product-card__details {
  text-align: center;
  gap: 1rem;
}

.product-card__title {
  margin: 0;
  padding: 0;
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1rem;
}

.product-card--small .product-card__title {
  margin-bottom: 0.5rem;
  font-size: 1.5625rem;
  line-height: 1.875rem;
  font-weight: 700;
}

.product-card__titleLink {
  display: block;
  border: none;
}
.product-card__titleLink:hover, .product-card__titleLink:focus {
  color: currentColor;
}
.product-card__titleLink sup {
  top: 0;
  font-size: 100%;
}

.product-card__titlePrice {
  font-weight: 400;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
}
.product-card__titlePrice:has(del), .product-card__titlePrice:has(s), .product-card__titlePrice.on-sale {
  font-weight: 500;
}
.product-card--small .product-card__titlePrice {
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
}

.product-card__titlePrice del,
.product-card__titlePrice s {
  font-weight: 400;
}

.product-card__price sup {
  top: -0.1em;
}

.product-card__priceCallout {
  font-size: 1rem;
  text-transform: none;
  color: #cf000f;
  color: var(--tvg-color-text-accent);
}

.product-card__description {
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  padding-top: 0.625rem;
}

.product-card__extraDescription {
  margin-left: 0;
  text-align: left;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
}
.product-card__extraDescription p {
  line-height: inherit;
}
.Carousel-items--noDetails .product-card__extraDetails {
  display: none;
}

.product-card__reviews {
  text-align: left;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
}
.product-card__reviews .jdgm-star {
  font-size: 0.5625rem;
}

.product-card__productsCount {
  font-size: 0.8125rem;
}

.sale-price-bundle-product {
  font-weight: 400;
}

.customize-colors-desktop {
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: underline;
  height: 1.875rem;
}

.swiper-slide .customize-colors-desktop {
  height: 1.5rem;
}

.customize-colors-mobile {
  margin-top: 16px;
  text-align: left;
  color: #253746;
  color: #253746;
  color: var(--primary-new-harper-dark, #253746);
  font-family: Lexend;
  font-size: 10px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.custom-sale-label {
  display: block;
  color: var(--c-red);
}

.save-percentage {
  color: var(--c-red);
}

.custom-sale-styles:has(s) .sale-price:not(s) {
  color: var(--c-red);
}

.product-card__titlePrice.custom-sale-styles .sale-price {
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.product-card__titlePrice.custom-sale-styles .on-sale {
  -ms-flex-pack: center;
  justify-content: center;
}
/* ===================================================== */
/* Tile Overflow by Default */
/* ===================================================== */
.tile {
  width: 100%;
  max-width: 24rem;
  min-width: 9rem;
  min-height: 21.5625rem;
  display: block;
  position: relative;
}
.tile.small {
  grid-column: 1;
  grid-row: 2;
}
.tile.large {
  grid-column: span 2;
  grid-row: 4;
  max-width: 59.375rem;
  min-height: 20rem;
}

.tile__wrap {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0.375rem;
}

.tile__content {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 0.5rem;
}
.small .tile__content, .large.with-img .tile__content {
  position: absolute;
  top: 0;
  left: 0;
}

.tile__spacer {
  display: none;
  height: 3px;
  width: 56px;
  margin-top: 1.375rem;
}
.small.image-first.with-img .tile__spacer {
  display: none;
}

.tile__body {
  margin: 1.25rem 0;
}
.small .tile__body {
  margin: 0.75rem 0 1rem;
  max-width: 100%;
}
.Grid-item.tile .tile__body {
  z-index: 1;
}

.tile__header--text {
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.5625rem;
}
.large .tile__header--text {
  /* h1 */
  line-height: 1;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 2.1875rem;
}

.tile__body--text {
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
}
.large .tile__body--text {
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
  width: 80%;
  margin: auto;
}

.tile__cta {
  margin-top: 1.25rem;
}
.tile__cta.cta-button--tertiary:after {
  background-color: var(--c-white);
}
.tile__cta.cta-button--primary {
  position: relative;
}
.Grid-item.tile .tile__cta.cta-button--primary {
  z-index: auto;
}
.tile__cta.cta-button--tertiary {
  position: relative;
}
.Grid-item.tile .tile__cta.cta-button--tertiary {
  z-index: auto;
}

/* ===================================================== */
/* Tile With Image - Image First by Default */
/* ===================================================== */
.tile.with-img .tile__wrap {
  position: relative;
  overflow: hidden;
}

.tile__figure {
  position: relative;
  width: 100%;
  height: 100%;
}
.overlay .tile__figure, .large .tile__figure {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.tile__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* ===================================================== */
/* Tile With Image but Text First */
/* ===================================================== */

/* ===================================================== */
/* List */
/* ===================================================== */
.List {
  margin: 0;
  padding: 0;
  list-style: none;
}
.List-item {
  margin: 0 0 1.5625rem 0;
  padding: 0;
}

.ListItem {
  position: relative;
  max-width: 40rem;
  margin: 0;
  padding: 0;
  text-align: left;
}
.ListItem-image {
  max-width: 5rem;
}
.ListItem-imageLink {
  display: block;
  position: relative;
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.ListItem-imageLink:hover, .ListItem-imageLink:focus {
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.ListItem-imageContainer {
  margin: 0;
  padding: 0;
}
.ListItem-title {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.ListItem-title:only-child {
  margin: 0;
}
.ListItem-price {
  font-weight: bold;
}
.ListItem-price > del {
  color: #a3a3a3;
  color: var(--tvg-color-text-secondary);
}

/* ===================================================== */
/* Social Share Links */
/* ===================================================== */
.SocialSharing {
  margin: 1.25rem 0;
}
.SocialSharing-title {
  display: inline-block;
  vertical-align: middle;
  margin: 0.5em;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.25;
}
.SocialSharing-items {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  list-style: none;
}
.SocialSharing-item {
  display: inline-block;
  vertical-align: middle;
  margin: 0.125rem;
  padding: 0;
}
.SocialSharing-link {
  display: block;
  width: 2.5rem;
  padding: 0.75rem;
  background-color: var(--c-thread-grey);
  -webkit-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.SocialSharing-link:hover, .SocialSharing-link:focus {
  background-color: #dddedc;
  background-color: var(--tvg-color-gray-60);
}
.SocialSharing-link svg {
  fill: #303030;
  fill: var(--tvg-color-text-primary);
}

/*------------------------------------------------
* List Collections Template
------------------------------------------------*/
/* ===================================================== */
/* Collection Page */
/* ===================================================== */
.Collection .quickshop-btn:hover {
  background: var(--c-eggshell);
  color: var(--c-harper-dark);
  border-color: var(--c-harper-dark);
}

.Collection {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.Collection-description {
  max-width: 40rem;
  margin: 0 auto 1.5625rem auto;
  font-size: 1.125rem;
  text-align: center;
}
.Collection-controls {
  margin: 1.5625rem 0 0.5625rem 0;
  text-align: center;
}
.Collection-controls::before, .Collection-controls::after {
  display: table;
  content: " ";
}
.Collection-controls::after {
  clear: both;
}
.Collection-control {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 18.75rem;
  margin: 0 0 1rem 0;
  padding: 0 0.375rem;
}
.Collection-controlLabel {
  display: inline-block;
  vertical-align: middle;
  max-width: 7rem;
  padding: 0 0.75rem 0 0;
  text-align: left;
  text-transform: uppercase;
}
.Collection-controlSelector {
  display: inline-block;
  vertical-align: middle;
  width: 11rem;
  margin: 0;
}
.Collection-products {
  margin: auto;
  max-width: 84.375rem;
}
.Collection-products .GridItem-titleLink small {
  display: none;
}

.Collectionknowyourworth {
  display: none;
}

/*------------------------------------------------
* Page
------------------------------------------------*/
.Page-header {
  height: 12.5rem;
  display: -ms-flexbox;
  display: flex;
}
.Page-title {
  margin: auto;
}
.Page-content {
  position: relative;
  max-width: 75rem;
  margin: 0 auto;
  text-align: left;
  padding: 1.875rem;
}
.Page-content p {
  margin: 0.9375rem 0;
  font-size: 1.125rem;
}

form#customer_login {
  text-align: center;
}

.Customer-form button[type=submit],
.Customer-form input[type=submit] {
  margin-bottom: 0.9375rem !important;
  width: 100%;
}

.Customer-form-link {
  text-align: center;
}

/* ===================================================== */
/* Contact Page */
/* ===================================================== */
.ContactPage-content {
  position: relative;
  margin: 1rem auto;
  font-family: var(--font-body);
}
.ContactPage-title {
  text-transform: uppercase;
  text-align: left;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 1.875rem;
  line-height: 1.875rem;
  padding-bottom: 1.25rem;
  padding-top: 1.875rem;
  letter-spacing: -1px;
  margin: auto;
  text-align: center;
  max-width: 43.75rem;
}
.ContactPage .rte {
  font-family: var(--font-body);
}
.ContactPage .subheader {
  color: var(--c-harper-dark);
}

.contact-form {
  font-family: var(--font-body);
}

#contact_form {
  max-width: 58.75rem;
  margin: auto;
}

.ContactForm {
  position: relative;
  width: 100%;
  max-width: 30rem;
  margin: 0 auto 1.953125rem auto;
}
.ContactForm-buttonContainer {
  text-align: right;
}
.ContactForm-btn {
  margin: auto;
}

.grid--half-gutters {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.medium-up--one-half:first-child {
  padding-right: 0.9375rem;
}

.medium-up--one-half {
  -ms-flex: 1;
  flex: 1;
}

/*------------------------------------------------
* Cart
------------------------------------------------*/
.Cart-items {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.Cart-cartnote {
  visibility: hidden;
}
.Cart-totalWrapper {
  padding: 0;
  font-family: var(--font-header);
  text-align: center;
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1rem;
}
.Cart-totalTitle {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1rem 0 0;
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1rem;
  font-weight: bold;
  color: #98a4ae;
  font-family: var(--font-header);
}
.Cart-totalPrice {
  display: inline-block;
  vertical-align: middle;
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1rem;
  color: var(--c-harper-dark);
}
.Cart-totalPrice sup {
  top: 0;
  font-size: 100%;
}
.Cart-shippingAtCheckout {
  margin: 1em 0 0 0;
  text-align: center;
  margin: 0.5rem 0;
}
.Cart-shippingAtCheckout-more {
  margin: 1em 0 0 0;
  text-align: center;
  font-size: 0.75rem;
}
.Cart-shippingAtCheckout-more a {
  text-decoration: underline;
  color: var(--c-harper-dark);
}
.Cart-checkoutWrapper {
  padding: 1.953125rem 0 0 0;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5rem;
  -ms-flex-align: center;
  align-items: center;
}
.Cart-checkoutWrapperExtra {
  padding: 1.953125rem 0 0 0;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
}
.Cart-checkoutWrapperExtra:hover {
  color: var(--c-harper-dark);
}
.Cart-checkoutButton {
  width: 100%;
  max-width: 17.5rem;
  margin: 0 auto;
}
.Cart-checkoutButtonExtra {
  width: 100%;
  max-width: 17.5rem;
  border: 0.125rem solid #253746;
  color: var(--c-harper-dark);
  height: 3.75rem;
  font-family: var(--font-body);
  text-transform: uppercase;
  border-radius: 0;
  margin: 1.25rem auto 0 auto;
  display: -ms-flexbox;
  display: flex;
}
.Cart-checkoutButtonExtra div {
  margin: auto;
}
.Cart-checkoutButtonExtra div:hover {
  color: var(--c-harper-dark);
}
.Cart-checkoutButton-page {
  width: 100%;
  max-width: 17.5rem;
  margin: auto;
}
.Cart-extraCheckoutButtons {
  margin: 1.25rem 0 0 0;
  text-align: center;
  display: none;
  margin: auto;
  width: auto;
}

.CartItem {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  padding: 0.5rem 0;
  font-family: var(--font-header);
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.CartItem-propertyValue, .CartItem-propertyTitle {
  color: var(--c-red);
}
.CartItem sup {
  font-size: 100%;
  top: 0;
}
.Cart-items .CartItem {
  display: inline-block;
  vertical-align: bottom;
  max-width: 17.5rem;
  margin: 0.5rem;
  padding: 1.25rem;
}

.CartItem-section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
}
.CartItem-section.is-image {
  width: 13.75rem;
  margin: 0;
}
.CartItem-section.is-info {
  width: 100%;
  overflow: hidden;
  margin: 0 0 8px 0;
  line-height: 1.5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 0;
}
.CartItem-section.is-details {
  padding: 0 0 0 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.CartItem-section.is-price {
  text-align: center;
  width: auto;
  padding: 0;
  overflow: visible;
}
.CartItem-section.is-qty {
  text-align: left;
  width: 60%;
  min-width: 8rem;
}
.CartItem-imageLink {
  display: block;
  border-radius: 0.375rem;
}
.CartItem-imagePlaceholder {
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  padding-bottom: 100%;
  background-size: cover;
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 0.375rem;
}
.CartItem-title {
  display: block;
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
  color: var(--c-harper-dark);
  font-weight: 600;
  padding-right: 0.625rem;
  margin-bottom: 0.5rem;
}
.CartItem-title:hover {
  color: var(--c-harper-dark);
}
.CartItem-variantTitle {
  font-size: 0.875rem;
  color: var(--c-harper-dark);
  margin-bottom: 0.5rem;
}
.CartItem-price {
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
  color: var(--c-harper-dark);
  text-align: right;
  font-weight: 600;
}
.CartItem-price sup {
  font-size: 100%;
  top: 0;
}
.CartItem-properties {
  margin: 0;
  font-size: 0.8125rem;
}
.CartItem-propertyTitle {
  margin: 0.5em 0 0 0;
}
.CartItem-propertyTitle--hidden {
  display: none;
}
.CartItem-propertyValue--hidden {
  display: none;
}
.CartItem-propertyValue--highlighted {
  font-weight: 600;
}
.CartItem-qtyControls {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.CartItem-qtyControls-button {
  display: inline-block;
  vertical-align: middle;
  width: 1.125rem;
  border: 0.0625rem solid var(--c-harper-dark);
  border-radius: 0;
  -webkit-transition: background-color 250ms ease-out;
  -o-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}
.CartItem-qtyControls-button:hover, .CartItem-qtyControls-button:focus {
  background-color: var(--c-thread-grey);
  outline: none;
}
.CartItem-qtyControls-button svg {
  fill: var(--c-harper-dark);
  -webkit-transition: fill 250ms ease-out;
  -o-transition: fill 250ms ease-out;
  transition: fill 250ms ease-out;
}
.CartItem-qtyControls-button:hover svg, .CartItem-qtyControls-button:focus svg {
  fill: var(--c-harper-dark);
}
.CartItem-qtyControls-indicator {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  padding: 0.6875rem 0;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
  white-space: nowrap;
  color: var(--c-harper-dark);
}

.CartPage {
  padding-bottom: 2.5rem;
}
.CartPage .o-pageTitle {
  text-transform: none;
}
.CartPage-header {
  height: 7.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.CartPage-header h1 {
  margin: auto;
}
.CartPage-formcontainer {
  max-width: 75rem;
  margin: auto;
  padding: 0 3.125rem 2.1875rem 3.125rem;
}
.CartPage-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: auto;
  padding-bottom: 3.125rem;
}
.CartPage-item {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  padding: 1.5rem 0;
  font-family: var(--font-header);
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  display: flex;
  margin: auto;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  border-bottom: 0.0625rem solid #e7e9ed;
}
.CartPage-item-priceoriginal {
  font-size: 15px;
  padding-right: 0px;
  color: gray;
}
.CartPage-item-priceoriginal-drawer--show {
  color: gray;
  font-size: 12px;
}
.CartPage-item-priceoriginal-drawer--hide {
  display: none;
}
.CartPage-item-title {
  display: block;
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
  color: var(--c-harper-dark);
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.CartPage-item-title:hover {
  color: var(--c-harper-dark);
}
.CartPage-item-price {
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
  color: var(--c-harper-dark);
  padding-top: 0.5rem;
  text-align: center;
}
.CartPage-item-price sup {
  top: 0;
  font-size: 100%;
}
.CartPage-item-section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
}
.CartPage-item-section.is-image {
  width: 13.75rem;
  margin: auto;
}
.CartPage-item-section.is-price {
  text-align: right;
  width: 6.25rem;
  margin: auto;
}
.CartPage-item-section.is-info {
  width: 100%;
  overflow: hidden;
  line-height: 1.5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
  line-height: 1.5;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding-top: 1.25rem;
}

.Cart-totalWrapper .compare-price {
  vertical-align: middle;
}

/* ===================================================== */
/* Cart Drawer */
/* ===================================================== */
.CartDrawer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
  font-family: var(--font-header);
  padding: 15px;
}
.CartDrawer-closeBtnWrapp {
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  margin-right: -0.3125rem;
  -ms-flex-item-align: center;
  align-self: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.CartDrawer-closeBtn {
  width: 1.5625rem;
  height: 1.5625rem;
}
.CartDrawer-title {
  width: 100%;
  margin: 0;
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
  text-align: center;
  color: var(--c-harper-dark);
  font-weight: 600;
}
.CartDrawer-titlewrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 1.25rem;
  border-bottom: 2px solid #c9c9ca;
  padding-bottom: 0.625rem;
}
.CartDrawer-titleLink {
  color: var(--c-harper-dark);
  text-transform: uppercase;
  font-family: var(--font-header);
}
.CartDrawer-titleLink:hover, .CartDrawer-titleLink:focus {
  color: var(--c-harper-dark);
}
.CartDrawer-summary {
  width: 100%;
  margin: 1.25rem 0 1.25rem 0;
}
.CartDrawer-subtotalContainer {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0.3125rem;
}
.CartDrawer-subtotalLabel {
  float: left;
  padding: 0 0.3125rem;
  color: #98a4ae;
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1.25rem;
}
.CartDrawer-subtotal, .CartDrawer-originalTotal {
  float: right;
  padding: 0 0.3125rem;
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1.25rem;
  color: var(--c-harper-dark);
}
.CartDrawer-subtotal sup, .CartDrawer-originalTotal sup {
  top: 0;
  font-size: 100%;
}
.CartDrawer-originalTotal {
  color: #98a4ae;
  text-decoration: line-through;
}
.CartDrawer-shippingAtCheckout {
  margin: 0.5rem 0;
  text-align: center;
  border-top: 0.125rem solid #98a4ae;
  margin-top: 2.5rem;
  padding-top: 2.1875rem;
  color: var(--c-harper-dark);
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
}
.CartDrawer-shippingAtCheckout-more {
  text-align: center;
  font-size: 0.75rem;
}
.CartDrawer-shippingAtCheckout-more a {
  text-decoration: underline;
  color: var(--c-harper-dark);
}
.CartDrawer-checkoutButton {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  margin-left: 0.3125rem;
}
.CartDrawer-error {
  display: none;
  margin: 0;
  padding: 1em 0;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  color: #d50430;
  color: var(--tvg-color-feedback-alert);
}
.CartDrawer-error:empty {
  display: none;
}
.CartDrawer-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.CartDrawer-item {
  margin: 0;
  padding: 0;
}
.CartDrawer-item + .CartDrawer-item {
  margin-top: 1.5rem;
}
.CartDrawer-buttonWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.CartDrawer-cartButton {
  width: 20.65rem;
}

.CartDrawer-discountMessageContainer {
  margin: 0 0 0.5rem 0;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-weight: 500;
}

.powered-by-rebuy {
  display: none;
}

.rebuy-widget {
  padding: unset !important;
}

.rebuy-widget .primary-title {
  font-size: 1.25rem;
  margin: 0;
}

.rebuy-widget .rebuy-product-title {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  width: 118px !important;
  -o-text-overflow: ellipsis !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.rebuy-widget .rebuy-product-block {
  padding: 0px 20px 4px !important;
}

.rebuy-carousel__arrows {
  display: none;
}

.rebuy-money span {
  font-weight: 400;
}

.rebuy-product-block .rebuy-product-media {
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 10px;
  overflow: hidden;
}

.rebuy-widget .rebuy-carousel__pagination .splide__pagination__page.rebuy-carousel__page {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: var(--c-harper-dark);
  margin-top: 10px;
  border: 1px solid var(--c-harper-dark);
  opacity: 1;
}

.rebuy-widget .rebuy-carousel__pagination .splide__pagination__page.rebuy-carousel__page.is-active {
  border: 1px solid var(--c-harper-dark);
  background-color: var(--c-eggshell);
}

.rebuy-widget .rebuy-widget-container .rebuy-widget-content .rebuy-carousel__pagination {
  position: unset;
  margin-top: 10px;
}

/* ===================================================== */
/* Cart Drawer Item */
/* ===================================================== */
.CartDrawerItem {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  font-family: var(--font-body);
  text-align: left;
}
.CartDrawerItem-sections {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
}
.CartDrawerItem-section {
  width: calc(100% - 8rem);
  overflow: hidden;
}
.CartDrawerItem-section--image {
  -ms-flex: 0 0 8rem;
  flex: 0 0 8rem;
  border-radius: 0.375rem;
}
.CartDrawerItem-section--details {
  padding: 0 0 0 0.9375rem;
}
.CartDrawerItem-imageLink {
  display: block;
}
.CartDrawerItem-imagePlaceholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 0.375rem;
}
.CartDrawerItem-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0 0 0.625rem 0;
}
.CartDrawerItem-headerSection {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.CartDrawerItem-headerSection--price {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 0.625rem;
}
.CartDrawerItem-titleLink {
  display: block;
  color: var(--c-harper-dark);
}
.CartDrawerItem-titleLink:hover, .CartDrawerItem-titleLink:focus {
  color: var(--c-harper-dark);
}
.CartDrawerItem-title {
  margin: 0;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-harper-dark);
}
.CartDrawerItem-price {
  display: inline-block;
  vertical-align: middle;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-harper-dark);
}
.CartDrawerItem-originalPrice {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-left: 0.375em;
  color: #bfbebe;
  color: var(--tvg-color-gray-50);
}
.CartDrawerItem-variantInfo {
  width: 100%;
  margin: 0 0 0.625rem 0;
}
.CartDrawerItem-variantTitle {
  font-size: 0.875rem;
  line-height: 1.2;
  color: var(--c-harper-dark);
}
.CartDrawerItem-properties {
  margin: 0 0 0.625rem 0;
}
.CartDrawerItem-propertyList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.CartDrawerItem-propertyListItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0;
  padding: 0;
}
.CartDrawerItem-propertyListItem + .CartDrawerItem-propertyListItem {
  margin-top: 0.375rem;
}
.CartDrawerItem-propertyTitle {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  padding-right: 0.3125rem;
  color: var(--c-red);
}
.CartDrawerItem-propertyTitle--hidden {
  display: none;
}
.CartDrawerItem-propertyValue {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0.75rem;
  color: var(--c-red);
}
.CartDrawerItem-propertyValue--hidden {
  display: none;
}
.CartDrawerItem-propertyValue--highlighted {
  font-weight: 600;
}
.CartDrawerItem-qtyControls {
  vertical-align: middle;
  margin: 0;
}
.CartDrawerItem-qtyControlButton {
  display: inline-block;
  vertical-align: middle;
  width: 1.125rem;
  border: 0.0625rem solid var(--c-harper-dark);
  border-radius: 0;
  -webkit-transition: background-color 250ms ease-out;
  -o-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}
.CartDrawerItem-qtyControlButton:hover, .CartDrawerItem-qtyControlButton:focus {
  background-color: var(--c-thread-grey);
  outline: none;
}
.CartDrawerItem-qtyControlButtonIconPlaceholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.CartDrawerItem-qtyControlButtonIconPlaceholder > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: var(--c-harper-dark);
}
.CartDrawerItem-qtyControlIndicator {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  padding: 0.6875rem 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  text-align: center;
  white-space: nowrap;
  color: var(--c-harper-dark);
}
.CartDrawerItem .cart-upsell-trigger {
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: underline;
  color: var(--c-harper-dark);
}
.CartDrawerItem .cart-upsell-trigger:hover {
  cursor: pointer;
}
.CartDrawerItem .cart-upsell-product-container {
  padding-inline: 0.75rem;
  background-color: var(--c-sky-blue);
  margin-top: 0.5rem;
  border-radius: 0.75rem;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  height: 0px;
  -webkit-transition: height 0.15s linear;
  -o-transition: height 0.15s linear;
  transition: height 0.15s linear;
  position: relative;
}
.CartDrawerItem .cart-upsell-product-container:not(.upsell-container-active) .upsell-container-arrow {
  display: none;
}
.CartDrawerItem .cart-upsell-product-container .upsell-container-arrow {
  height: 10px;
  width: 10px;
  background-color: var(--c-sky-blue);
  position: absolute;
  top: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
}
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-data {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 0.75rem;
}
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-data .cart-upsell-product-image-container {
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 0.375rem;
  width: 64px;
  aspect-ratio: 1;
}
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-data .cart-upsell-product-image-container img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.375rem;
}
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-data .cart-upsell-product-title {
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-harper-dark);
  max-width: 50%;
}
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-data .cart-upsell-product-price {
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-harper-dark);
  margin-left: auto;
}
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-actions-container {
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-actions-container .cart-upsell-product-size-selector,
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-actions-container .cart-upsell-product-atc {
  width: 50%;
}
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-actions-container .cart-upsell-product-size-select {
  font-weight: 400;
  background-image: url("data:image/svg+xml;utf8,<svg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M.646.646a.5.5 0 0 1 .708 0L6 5.293 10.646.646a.5.5 0 0 1 .708.708l-5 5a.5.5 0 0 1-.708 0l-5-5a.5.5 0 0 1 0-.708Z' fill='currentColor'/></svg>");
}
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-actions-container .cart-upsell-product-size-select option:disabled {
  color: #98a4ae;
}
.CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-actions-container .cart-upsell-product-atc.button, .CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-actions-container .PDPReviews a.cart-upsell-product-atc.jdgm-write-rev-link, .PDPReviews .CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-actions-container a.cart-upsell-product-atc.jdgm-write-rev-link, .CartDrawerItem .cart-upsell-product-container .cart-upsell-height-container .cart-upsell-product-actions-container .cart-upsell-product-atc.tile__cta {
  padding-block: 0.875rem;
}

/*------------------------------------------------
* Blog Page
------------------------------------------------*/
.BlogListItem {
  width: 100%;
  margin: 0 0 3.0517578125rem 0;
}
.BlogListItem-illustration {
  width: 100%;
  max-width: 64rem;
  margin: 1rem auto;
}
.BlogListItem-illustrationLink {
  display: block;
}
.BlogListItem-illustrationPlaceholder {
  padding: 0 0 75% 0;
  background-size: cover;
}
.BlogListItem-header {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto 1rem auto;
}
.BlogListItem-title {
  margin: 0;
  line-height: 1.25;
  text-transform: uppercase;
}
.BlogListItem-published {
  font-size: 0.8em;
  letter-spacing: 0.0625em;
  color: #bbb;
  text-transform: uppercase;
}
.BlogListItem-titleLink {
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.BlogListItem-titleLink:hover, .BlogListItem-titleLink:focus {
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.BlogListItem-contentWrapper {
  position: relative;
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}
.BlogListItem-content::before, .BlogListItem-content::after {
  display: table;
  content: " ";
}
.BlogListItem-content::after {
  clear: both;
}
.BlogListItem-content p:only-child {
  margin-bottom: 0;
}
.BlogListItem-content p:last-child {
  margin-bottom: 0;
}
.BlogListItem-linkWrapper {
  width: 100%;
  max-width: 40rem;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.9em;
  text-transform: uppercase;
  line-height: 1.6;
}
.BlogListItem-link {
  border-bottom: 1px solid #dddedc;
  border-bottom: 1px solid var(--tvg-color-gray-60);
  color: #303030;
  color: var(--tvg-color-text-primary);
  -webkit-transition: border-bottom-color 300ms ease-in-out;
  -o-transition: border-bottom-color 300ms ease-in-out;
  transition: border-bottom-color 300ms ease-in-out;
}
.BlogListItem-link:hover, .BlogListItem-link:focus {
  color: #303030;
  color: var(--tvg-color-text-primary);
  border-bottom-color: #a3a3a3;
  border-bottom-color: var(--tvg-color-text-secondary);
}

/*------------------------------------------------
* Article Page
------------------------------------------------*/
.Article-header {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto 2.44140625rem auto;
}
.Article-title {
  margin: 0.5em 0 0 0;
  line-height: 1.25;
  text-align: left;
  text-transform: none;
}
.Article-published {
  color: #bfbebe;
  color: var(--tvg-color-gray-50);
  text-transform: uppercase;
}
.Article-featuredIllustration {
  width: 100%;
  max-width: 50rem;
  margin: 0 auto 2.44140625rem auto;
}
.Article-featuredIllustrationPlaceholder {
  padding: 0 0 75% 0;
  background-size: cover;
}
.Article-content {
  position: relative;
  max-width: 40rem;
  margin: 0 auto;
}

.BackToBlog {
  margin: 1.953125rem 0 0 0;
  font-family: var(--font-header);
  font-size: 0.8rem;
  text-align: center;
  text-transform: uppercase;
}

/* ===================================================== */
/* Comments */
/* ===================================================== */
.Comments {
  max-width: 40rem;
  margin: 2.44140625rem auto;
}
.Comments-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.Comments-item {
  display: block;
  margin: 0;
  padding: 0;
}
.Comments-form {
  max-width: 30rem;
  margin: 0 auto;
}
.Comments-formNote {
  font-size: 0.875rem;
  font-style: italic;
  text-align: center;
}
.Comments-buttonContainer {
  text-align: center;
}

.Comment {
  position: relative;
  margin: 1.25rem 0;
  padding: 1.25rem;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  border: 0.0625rem solid #dddedc;
  border: 0.0625rem solid var(--tvg-color-gray-60);
  border-radius: 0.1875rem;
  -webkit-box-shadow: 0 0.0625rem 0.25rem var(--c-thread-grey);
  box-shadow: 0 0.0625rem 0.25rem var(--c-thread-grey);
}
.Comment.is-spam {
  opacity: 0.3;
}
.Comment.is-spam::after {
  content: "Spam";
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 1rem;
  font-family: var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
}
.Comment.is-unapproved {
  opacity: 0.75;
}
.Comment.is-unapproved::after {
  content: "Unapproved";
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 1rem;
  font-family: var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #a3a3a3;
  color: var(--tvg-color-text-secondary);
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
}
.Comment.is-spam .Comment-content {
  max-height: 3rem;
  overflow: hidden;
}

.Comment-info {
  font-family: var(--font-header);
  margin: 0 0 1rem 0;
}
.Comment-author {
  font-size: 0.875rem;
  color: #252f4f;
  color: var(--tvg-color-primary);
}
.Comment-createdAt {
  font-size: 0.75rem;
  color: #a3a3a3;
  color: var(--tvg-color-text-secondary);
}

/*------------------------------------------------
* Offcanvas
------------------------------------------------*/
.has-open-offcanvas {
  position: fixed !important;
  width: 100%;
  margin-top: 0 !important;
}
.has-open-offcanvas #recently-notification {
  z-index: 1 !important;
}
.has-open-offcanvas #ju_bbox {
  display: none !important;
}
.has-open-offcanvas #ju_custom_open_btn {
  display: none !important;
}
.has-open-offcanvas .ju_Con#ju_Con_713678 {
  z-index: 1 !important;
}
.has-open-offcanvas #gorgias-chat-container {
  display: none !important;
}

.Offcanvas {
  position: fixed;
  left: 0;
  z-index: 9999;
  width: 17.5rem;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  -webkit-transform: translateX(-100%) translateZ(0);
  transform: translateX(-100%) translateZ(0);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  -o-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  background-color: #fff;
}
.Offcanvas--right {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100%) translateZ(0);
  transform: translateX(100%) translateZ(0);
  width: 23.5625rem;
  border: 0.125rem solid var(--c-harper-dark);
  top: 3rem;
}
.Offcanvas--left {
  top: 3rem;
  position: fixed;
  right: auto;
  left: 0;
  width: 100%;
  max-width: 25rem;
  border: 0.09375rem solid var(--c-harper-dark);
}
.Offcanvas.is-expanded {
  -webkit-transform: translateX(0%) translateZ(0);
  transform: translateX(0%) translateZ(0);
}
.Offcanvas-bgDimmer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -99;
  width: 100%;
  height: 100%;
}
.has-open-offcanvas .Offcanvas-bgDimmer {
  display: block;
}

.Offcanvas-content {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  margin: 0;
  padding: 1.875rem 0 5rem 0;
}
.Offcanvas-content-cart {
  padding: 0.625rem 0 2.5rem 0;
}

.Offcanvas-content-nav {
  padding: 0;
  max-width: 100vw;
  overflow: hidden;
}
[ju_orig_top] + .Offcanvas-content-nav {
  margin-top: 28px;
  height: calc(100% - 28px);
}

.OffcanvasSearch form {
  margin: 0 0 1rem 0;
}
.OffcanvasSearch input[type=text] {
  margin: 0;
  padding-left: 2.5rem;
  background-size: auto 45%;
  background-position: 0.75rem center;
  background-repeat: no-repeat;
  background-image: url("//harperwilde.com/cdn/shop/t/746/assets/icon-search.png?199130");
}
.OffcanvasSearch input[type=text]:focus {
  background-image: url("//harperwilde.com/cdn/shop/t/746/assets/icon-search-dark.png?199130");
}

.OffcanvasNav {
  font-family: var(--font-header);
}
.OffcanvasNav-title {
  font-size: 1rem;
  line-height: 1.875rem;
  letter-spacing: 0.09375rem;
  font-family: var(--font-body);
  font-weight: 600;
}
.OffcanvasNav-closeBtnWrapp {
  text-align: right;
  padding-right: 1.25rem;
}
.OffcanvasNav-closeBtn {
  cursor: pointer;
  width: 1.125rem;
  padding-top: 0.25rem;
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.OffcanvasNav-item {
  margin: 0;
  padding: 0;
}
.OffcanvasNav-mobile-sizes-item {
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
}
.OffcanvasNav-items.js-offcanvas-nav-sublist .OffcanvasNav-item {
  padding-left: 1.25rem;
  font-size: 1.125rem;
}
.OffcanvasNav-items.js-offcanvas-nav-sublist .OffcanvasNav-item a {
  font-size: 1.125rem;
}
.OffcanvasNav-itemLink {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.5em 0;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 1.875rem;
  line-height: 1.875rem;
}
.OffcanvasNav-itemLink:hover, .OffcanvasNav-itemLink:focus {
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.OffcanvasNav-itemLink.is-active {
  font-weight: bold;
}
.OffcanvasNav-itemLink.is-top {
  padding-right: 0.5rem;
}
.OffcanvasNav-bottomitemLink {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.5em 0;
  color: #ffffff;
  color: var(--tvg-color-white);
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
  text-transform: Capitalize;
  text-decoration: none;
}
.OffcanvasNav-bottomitemLink:hover, .OffcanvasNav-bottomitemLink:focus {
  color: #e81818;
  color: var(--tvg-color-secondary);
}
.OffcanvasNav-bottomitemLink.is-active {
  font-weight: bold;
}
.OffcanvasNav-bottomitemLink.is-top {
  padding-right: 0.5rem;
}
.OffcanvasNav-subitems {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none;
  font-size: 0.8rem;
  text-transform: none;
}
.OffcanvasNav-subitem {
  margin: 0;
  padding: 0;
}
.OffcanvasNav-subitemLink {
  display: block;
  margin: 0;
  padding: 0.5em 0;
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.OffcanvasNav-subitemLink:hover, .OffcanvasNav-subitemLink:focus {
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.OffcanvasNav-subitemLink.is-active {
  font-weight: bold;
}
.OffcanvasNav-chevron {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) translateZ(0) rotate(45deg);
  transform: translateY(-50%) translateZ(0) rotate(45deg);
  width: 0.5rem;
  height: 0.5rem;
  background: transparent;
  border-top: 0.1rem solid #303030;
  border-top: 0.1rem solid var(--tvg-color-text-primary);
  border-right: 0.1rem solid #303030;
  border-right: 0.1rem solid var(--tvg-color-text-primary);
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  -o-transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
.OffcanvasNav-itemLink.is-expanded .OffcanvasNav-chevron {
  -webkit-transform: translateY(-50%) translateZ(0) rotate(135deg);
  transform: translateY(-50%) translateZ(0) rotate(135deg);
}

.OffcanvasNav-bottom {
  border-top: 0.125rem solid var(--c-harper-dark);
  padding: 1.25rem;
  margin-bottom: 1.875rem;
}

.OffcanvasAccount {
  margin: 1rem 0 0 0;
  padding: 1rem 0 0 0;
}
.OffcanvasAccount-items {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.OffcanvasAccount-item {
  margin: 0;
  padding: 0;
}
.OffcanvasAccount-item > a {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.7857rem 0;
  color: #303030;
  color: var(--tvg-color-text-primary);
}
.OffcanvasAccount-item > a:hover, .OffcanvasAccount-item > a:focus {
  color: #303030;
  color: var(--tvg-color-text-primary);
}

a.OffcanvasNav-itemLink:hover {
  color: var(--c-harper-dark);
}

.js-offcanvas-nav-top-link.is-expanded .icon-chevron {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.js-offcanvas-nav-sublist {
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.is-expanded + .js-offcanvas-nav-sublist, .js-offcanvas-nav-sublist.is-expanded {
  max-height: var(--height);
  opacity: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.js-offcanvas-nav-sublist.is-collapsed {
  max-height: 0;
  margin-bottom: 0;
}
.js-offcanvas-nav-sublist .mobile-sizes-filter--label {
  margin: 0 0 0.5rem 0;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
  font-weight: 600;
}

.search-modal {
  color: var(--c-harper-dark);
}

.search-toggle-mobile {
  color: var(--c-white);
  position: relative;
  top: -1px;
  padding-left: 1.25rem;
}

.search-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: var(--c-white);
}
.search-backdrop:has(+ details[open=true]) {
  display: block;
}

.header__search {
  display: inline-block;
  position: fixed;
  z-index: calc(50 + 0);
}

.header__search details[open=true] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100vh;
  max-height: -webkit-fill-available;
  overflow: scroll;
  padding: 0;
  background-color: var(--c-thread-grey);
}

.header__search[open=true] ~ .header-icon,
.header__search[open=true] .header-icon {
  display: none;
}

.search__modal-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.search-header-container {
  position: -webkit-sticky;
  position: sticky;
  top: var(--search-header-top);
  z-index: calc(30 + -1);
}

.search-header {
  position: relative;
  padding: 0.75rem 1.75rem 0;
  background: var(--c-harper-dark);
  text-align: center;
}

.search__input {
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--c-harper-dark);
}
.search__input:focus {
  border: 0;
  outline: 0;
}
.search__input::-webkit-input-placeholder {
  color: var(--c-slate);
  opacity: 1;
}
.search__input::-moz-placeholder {
  color: var(--c-slate);
  opacity: 1;
}
.search__input:-ms-input-placeholder {
  color: var(--c-slate);
  opacity: 1;
}
.search__input::-ms-input-placeholder {
  color: var(--c-slate);
  opacity: 1;
}
.search__input::placeholder {
  color: var(--c-slate);
  opacity: 1;
}

.search__button {
  color: inherit;
}
.search-header .search__button {
  background: var(--c-white);
}
.search__button .search__input-container {
  margin-top: 3px;
}

.search__modal-close:focus svg {
  outline: 1px var(--c-thread-grey);
  outline-offset: 4px;
}

.search__modal-close--mobile {
  position: relative;
  left: 100%;
  padding: 1rem;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.search__count {
  color: var(--c-white);
  padding: 1.125rem 0 0.875rem;
}

.quickshop-modal {
  color: var(--c-harper-dark);
}
.quickshop-modal .product-checkbox-bundle {
  display: none !important;
}
.quickshop-modal .ProductSwatches-container.v2,
.quickshop-modal #colorcomingsoonv2 {
  display: none !important;
}
.quickshop-modal .ProductForm-controls {
  width: 100%;
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: var(--c-white);
  padding: 12px 16px 16px;
  border-top: 2px solid var(--c-harper-dark);
  margin: 0;
}
.quickshop-modal .Product-labeltag {
  display: none;
}
.quickshop-modal .ProductSwatches-container .swatch {
  width: 1.875rem;
  height: 2.125rem;
}
.quickshop-modal .ProductSwatches-container .swatch .swatch-link {
  width: 1.625rem;
  height: 1.625rem;
}
.quickshop-modal .ProductSwatches-container .swatch .swatch-link .swatch-inner {
  width: 1.46875rem;
  height: 1.40625rem;
}
.quickshop-modal .ProductSwatches-label {
  padding-left: 0;
  font-size: 14px;
  line-height: 21px;
}
.quickshop-modal .ProductForm {
  margin-bottom: 150px;
  margin-top: 12px;
}
.quickshop-modal details {
  width: 90%;
}
.quickshop-modal .gallery-subtitle {
  display: none !important;
}

.quickshop-toggle-mobile {
  color: var(--c-white);
  position: relative;
  top: -1px;
  padding-left: 1.25rem;
}

.quickshop-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: #000;
  z-index: 100;
  opacity: 0.5;
}
.quickshop-backdrop:has(+ details[open=true]) {
  display: block;
}

.header__quickshop {
  display: inline-block;
  position: static;
  z-index: calc(50 + 0);
}

.header__quickshop details[open=true] {
  position: fixed;
  top: 0;
  width: calc(100% - 40px);
  height: 100%;
  overflow: scroll;
  overflow-x: hidden;
  padding: 0 1rem;
  background-color: var(--c-white);
  z-index: 999;
}

.header__quickshop[open=true] ~ .header-icon,
.header__quickshop[open=true] .header-icon {
  display: none;
}

.quickshop__modal-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.quickshop__modal-container .drawer-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 16px 0;
  -ms-flex-align: center;
  align-items: center;
}
.quickshop__modal-container .ProductRadioButtons-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.quickshop__modal-container .Quickshop-title-desktop {
  display: none;
}
.quickshop__modal-container .Quickshop-title-mobile {
  display: inline-block;
}

.quickshop-header-container {
  position: -webkit-sticky;
  position: sticky;
  top: var(--quickshop-header-top);
  z-index: calc(30 + -1);
}

.quickshop-header {
  position: relative;
  padding: 0;
  background: var(--c-harper-dark);
  text-align: center;
}

.quickshop-product-content {
  margin: 24px 0;
}

.quickshop__input {
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--c-harper-dark);
}
.quickshop__input:focus {
  border: 0;
  outline: 0;
}
.quickshop__input::-webkit-input-placeholder {
  color: var(--c-slate);
  opacity: 1;
}
.quickshop__input::-moz-placeholder {
  color: var(--c-slate);
  opacity: 1;
}
.quickshop__input:-ms-input-placeholder {
  color: var(--c-slate);
  opacity: 1;
}
.quickshop__input::-ms-input-placeholder {
  color: var(--c-slate);
  opacity: 1;
}
.quickshop__input::placeholder {
  color: var(--c-slate);
  opacity: 1;
}

.quickshop__button {
  color: inherit;
}
.quickshop-header .quickshop__button {
  background: var(--c-white);
}
.quickshop__button .quickshop__input-container {
  margin-top: 3px;
}

.quickshop__modal-close:focus svg {
  outline: 1px var(--c-thread-grey);
  outline-offset: 4px;
}

.quickshop__modal-close--mobile {
  position: relative;
}

.quickshop__count {
  color: var(--c-white);
  padding: 1.125rem 0 0.875rem;
}

/* ===================================================== */
/* Product Details */
/* ===================================================== */
.quickshop-product-sections {
  display: block;
}
.quickshop-product-sections .quickshop-product-link {
  margin-top: 12px;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: underline;
}
.quickshop-product-section:empty {
  display: none;
}
.quickshop-product-section--imageGallery {
  height: 240px;
  width: 110%;
}
.quickshop-product-section--mobileHeader {
  grid-area: mobile_header;
  display: none;
}
.quickshop-product-section--details {
  grid-area: details;
  padding: 0;
}
.quickshop-product-section--completeTheLook {
  grid-area: completethelook;
  padding-bottom: 0;
}
.quickshop-product-ProductSummary {
  display: block;
  margin-bottom: 24px;
}
.quickshop-product-bundleLinkContainer {
  text-align: center;
}
.quickshop-product-bundleLink {
  color: #253746;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.575rem;
  outline: 0;
  cursor: pointer;
  border-bottom: 0.0625rem solid #253746;
  margin: 0.9375rem 0 0;
  display: inline-block;
}

.Quickshop-price .product-price {
  text-align: left;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.Quickshop-price .product-price .bulk-discount__badge {
  background-color: var(--c-sky-blue);
  color: var(--c-harper-dark);
  padding: 4px 12px;
  vertical-align: middle;
  border: none;
  font-size: 10px;
}

.bulk-discount__description {
  display: none !important;
}
.bulk-discount__description a {
  border-bottom: 0.0625rem solid currentColor;
}

/*------------------------------------------------
* Customer Pages
------------------------------------------------*/
.Customer {
  padding: 0 1.25rem 1.875rem;
  margin: auto;
}
.Customer table sup {
  font-size: 100%;
  top: 0;
}
.Customer-form {
  max-width: 24rem;
  margin: 0 auto;
  padding: 1.25rem 0;
}
.Customer-form a {
  color: var(--c-harper-dark);
  text-align: center;
}
.Customer-form button[type=submit],
.Customer-form input[type=submit] {
  margin: auto;
}
.Customer-form-description {
  text-align: center;
  padding-top: 0.625rem;
}
.Customer-addressDetails {
  padding: 0.9375rem 0;
}
.Customer-addressDetails-address {
  margin-top: 1.25rem;
}
.Customer-guestButton {
  font-family: var(--font-body);
  font-weight: 600;
  padding-top: 9px;
}
.Customer-account-section {
  padding-top: 1.5rem;
}
.Customer-account-section table,
.Customer-account-section thead {
  color: var(--c-harper-dark);
}
.Customer-account-section thead,
.Customer-account-section th {
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-weight: 600;
}
.Customer-sectionTitle {
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}
.Customer-sectionTitle-addresses {
  text-align: center;
}
.Customer-sectionLogout {
  margin-bottom: 0.625rem;
}
.Customer-addresses {
  margin: auto;
}
.Customer-formSuccessMessage {
  max-width: 30rem;
  margin: 0 auto 1rem auto;
  font-weight: bold;
  text-align: center;
}
.Customer-backButton {
  margin: 1em 0;
  border: 0.0625rem solid var(--c-harper-dark);
  margin: auto;
}
.Customer-addresses {
  max-width: 24rem;
  margin: 0 auto;
  text-align: center;
}
.Customer-address {
  margin: 1.5625rem 0;
}
.Customer-formTitle {
  font-family: var(--font-header);
  color: var(--c-harper-dark);
  text-align: center;
  text-transform: none;
  padding-bottom: 1.25rem;
  line-height: 2.5rem;
}
.Customer a#customer_logout_link {
  font-family: var(--font-body);
  font-weight: 600;
  text-decoration: underline;
}
.Customer .o-button--transparent {
  border: 0.125rem solid #253746;
  margin: auto;
}

.account-login .split__block {
  margin-top: 0.125rem;
}

.split-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
}

.split__block {
  padding: 2.125rem 1.25rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.split__block:first-of-type {
  border-bottom: 1px solid var(--c-thread-grey);
}

.form-card {
  max-width: 25rem;
  width: 100%;
}

.form-card__title {
  color: var(--c-harper-dark);
}

.form-card__form {
  padding: 1rem 0;
}
.form-card__form .input {
  padding-bottom: 0.75rem;
}

.form-card__description {
  max-width: 19.5rem;
  margin: 0 auto 0.5rem;
}

.form-card__content {
  max-width: 19.9375rem;
  margin: 0 auto;
  padding: 1rem 0;
  text-align: left;
}
.form-card__content ul,
.form-card__content ol {
  list-style: initial;
  padding-left: 1.25rem;
}

.form-card__description + .o-button {
  margin-top: 1rem;
}

.Customer-register-btn.o-button--transparent {
  width: 100%;
}

span.total.money sup {
  font-size: 100%;
  position: initial;
}

.js-toggle-address-form {
  margin: 0 auto 20px auto;
}

.account-heading__text {
  margin: 32px 0 16px;
  line-height: 1em;
  text-transform: none;
}
.account-heading__text .swell-account-heading {
  font-size: 44px;
}

.TopNav {
  display: block;
  z-index: 99999;
  width: 100%;
  /* h1 */
  line-height: 1.3;
  letter-spacing: 0.03125rem;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
  text-transform: none;
  font-size: 0.75rem;
}
.TopNav-container {
  display: -ms-flexbox;
  display: flex;
  min-height: 2rem;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 75rem;
  margin: auto;
}
.TopNav-is-middle {
  margin: auto;
  text-align: center;
}

.HeaderDropdown-mission {
  display: none;
  visibility: hidden;
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  z-index: 100;
  opacity: 0;
  -webkit-transition: visibility 0s ease-in-out 0.4s, opacity 0.4s ease-in-out;
  -o-transition: visibility 0s ease-in-out 0.4s, opacity 0.4s ease-in-out;
  transition: visibility 0s ease-in-out 0.4s, opacity 0.4s ease-in-out;
  text-align: left;
  white-space: normal;
  -webkit-transform: translateY(0.125rem);
  -ms-transform: translateY(0.125rem);
  transform: translateY(0.125rem);
  margin-top: 1.25rem;
}
.HeaderDropdown-mission-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  width: 100%;
}
.HeaderDropdown-mission-items {
  position: relative;
  left: 0;
  width: auto;
  border-bottom: 0.0625rem solid var(--c-harper-dark);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 1.75rem;
}
.HeaderDropdown-mission-items a {
  font-size: 1.875rem;
  line-height: 1.875rem;
  padding: 2.625rem;
}
.HeaderDropdown-mission-items a:hover {
  color: var(--c-harper-dark);
  color: #fff;
  cursor: pointer;
  background: #98a4ae;
}
.HeaderDropdown-mission-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  background: #fff;
  padding: 0;
  color: var(--c-harper-dark);
  text-align: center;
  border-right: 0.09375rem solid var(--c-harper-dark);
  font-family: var(--font-header);
  -ms-flex: 1;
  flex: 1;
}
.HeaderDropdown-mission-item a {
  line-height: 1.875rem;
}

a.HeaderDropdown-mission-item {
  line-height: 1.875rem;
}

.CartProgress {
  background: #fff;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 5rem;
  color: #fff;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-top: 0.1875rem;
  margin-top: 10px;
}
.CartProgress-container {
  overflow: visible;
  overflow-x: hidden;
  padding: 0 2.1875rem;
}
.CartProgress-message {
  margin: auto;
  text-align: center;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
  color: var(--c-harper-dark);
}
.CartProgress-secondmessage {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.1em;
  margin: auto;
  text-align: center;
  color: #253846;
}
.CartProgress-progressBar {
  width: 20.5rem;
  padding-top: 0.3125rem;
  margin: auto;
  padding-bottom: 0.25rem;
  padding-right: 10px;
  padding-left: 10px;
}
.CartProgress-progressBar-msg {
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.CartProgress-progressBar-amount {
  color: #253746;
  font-size: 14px;
}
.CartProgress-progressBar-wrapper {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-bottom: 0.625rem;
}
.CartProgress-progressBar-progress {
  background: #253746;
  height: 0.3125rem;
  width: 29.5rem;
  border-radius: 0.625rem;
}
.CartProgress-progressBar-icon {
  width: 30px;
  padding-left: 5px;
}
.CartProgress-progressBar-container {
  height: 0.3125rem;
  background: #c9c9ca;
  border-radius: 0.625rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: initial;
  margin: 0.1875rem 0.125rem 0 0.125rem;
}
.CartProgress-progressBar-breakpoint {
  background: #fff;
  width: 0;
  height: 0.875rem;
  border-radius: 50%;
  position: relative;
  top: -4px;
}
.CartProgress-progressBar-breakpoint .o-placeholder > svg {
  fill: #fff;
}
.CartProgress-progressBar-breakpointContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  top: -5px;
}

.CartProgress-progressBar-breakpoint {
  position: relative;
  display: inline-block;
}

.CartProgress-progressBar-breakpoint .CartProgress-progressBar-breakpoint-tooltip {
  visibility: hidden;
  width: 12.5rem;
  height: 1.875rem;
  background-color: grey;
  color: #fff;
  text-align: center;
  border-radius: 0.375rem;
  padding: 0.3125rem 0;
  position: absolute;
  z-index: 1;
  top: -47px;
  left: 0;
  margin-left: -93px;
  line-height: 1.25rem;
  font-size: 0.75rem;
  font-family: "font-body-regular";
}

.CartProgress-progressBar-breakpoint .CartProgress-progressBar-breakpoint-tooltip::before {
  content: "";
  position: absolute;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent grey transparent;
  bottom: -18px;
  left: 0;
  margin-left: 5.625rem;
  border-width: 0.5625rem;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.CartProgress-progressBar-breakpoint:hover .CartProgress-progressBar-breakpoint-tooltip {
  visibility: visible;
}

span.CartProgress-progressBar-breakpoint-tooltip.lastchild {
  margin-left: -168px;
}

span.CartProgress-progressBar-breakpoint-tooltip.lastchild::before {
  margin-left: 10.375rem;
}

.fifty-fifty {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  height: auto;
  position: relative;
  margin: 0 auto;
  padding: 1.0625rem 1.0625rem 2.5rem 1.0625rem;
}
.modal-dialog .fifty-fifty {
  height: 100%;
  padding: 0;
}
.fifty-fifty.mobile-reverse {
  -ms-flex-direction: column;
  flex-direction: column;
}
.fifty-fifty.fifty-fifty--overlaid {
  padding: 0;
}

.fifty-fifty--stacked .fifty-fifty__img-container {
  width: 100%;
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 0.375rem;
  padding-bottom: 0.25rem;
  margin-top: 1.25rem;
}
.modal-dialog .fifty-fifty__img-container {
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: 50%;
  margin: 0;
  padding: 0;
  border: 0;
}

.fifty-fifty__img-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 121.9512195122%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.fifty-fifty--stacked .fifty-fifty__img-placeholder {
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 0.375rem;
  padding-bottom: 73.5294117647%;
  margin-top: -4px;
  margin-left: -4px;
}

.fifty-fifty__text-container {
  margin: auto;
}
.fifty-fifty--text-right .fifty-fifty__text-container {
  width: 100%;
  margin: auto;
  padding: 1.875rem 1.5625rem 1.25rem 1.5625rem;
}
.fifty-fifty--text-left .fifty-fifty__text-container {
  width: 100%;
  margin: auto;
  padding: 1.875rem 1.5625rem 1.25rem 1.5625rem;
}
.fifty-fifty--overlaid .fifty-fifty__text-container {
  position: absolute;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.modal-dialog .fifty-fifty__text-container {
  padding: 1.25rem !important;
}

.fifty-fifty__text {
  margin: auto;
  text-align: center;
  color: var(--c-harper-dark);
  text-align: center;
}
.fifty-fifty--overlaid .fifty-fifty__text {
  background: white;
  padding: 2.5625rem 0.9375rem 2.1875rem 0.9375rem;
  border: 0.125rem solid var(--c-harper-dark);
  padding: 2.5625rem 1.1875rem;
  max-width: 18.625rem;
}

.fifty-fifty__title {
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.875rem;
  padding-bottom: 0.75rem;
  margin: 0;
}

.fifty-fifty__description {
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
}
.fifty-fifty__description img {
  padding-top: 1.25rem;
  width: 10rem;
}
.fifty-fifty--overlaid .fifty-fifty__description img {
  width: 100%;
  display: inline-block;
  margin: auto;
}
.fifty-fifty__description p {
  line-height: inherit;
}

.fifty-fifty__cta {
  margin: 2.5rem auto 0;
}

/* ===================================================== */
/*  Home page image text section */
/* ===================================================== */
.HomeImgtext {
  display: block;
  margin: 0;
  overflow: hidden;
}
.HomeImgtext-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  position: relative;
  max-width: 93.75rem;
  margin: 0 auto;
  text-align: center;
}
.HomeImgtext-imgcontainer, .HomeImgtext-textcontainer {
  width: 100%;
}
.HomeImgtext-textcontainer {
  top: 0;
  position: absolute;
  margin: auto;
  padding: 0 2.1875rem;
}
.HomeImgtext-righttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.HomeImgtext-lefttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.HomeImgtext-img {
  width: 100%;
  margin: auto;
}
.HomeImgtext-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.HomeImgtext-placeholder--mobile {
  display: block;
  padding-bottom: 160%;
}
.HomeImgtext-placeholder--desktop {
  display: none;
  padding-bottom: 73.5294117647%;
}
.HomeImgtext-content {
  text-align: center;
  margin: auto;
}
.HomeImgtext-title {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  padding-bottom: 0.625rem;
  padding-top: 3.25rem;
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.875rem;
}
.HomeImgtext-description {
  color: #fff;
  text-align: center;
  max-width: 17.5rem;
  margin: auto;
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
}
.HomeImgtext-description p {
  line-height: inherit;
}
.HomeImgtext-cta {
  margin: 1.875rem auto 0 auto;
  width: 15rem;
}

/* ===================================================== */
/*  Home page scrollable text with image background */
/* ===================================================== */
.HomeKnowyourworth {
  display: block;
  margin: 0;
  padding: 0;
}
.HomeKnowyourworth-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.HomeKnowyourworth-left, .HomeKnowyourworth-right {
  width: 50%;
}
.HomeKnowyourworth-righttext {
  -ms-flex-direction: row;
  flex-direction: row;
}
.HomeKnowyourworth-lefttext {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.HomeKnowyourworth-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.HomeKnowyourworth-placeholder--mobile {
  display: block;
  padding-bottom: 100%;
}
.HomeKnowyourworth-placeholder--desktop {
  display: none;
}
.HomeKnowyourworth-contentContainer {
  position: relative;
  width: 100%;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100vw;
  overflow: hidden;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}
.HomeKnowyourworth-content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  padding: 1.9375rem 1.5625rem 2.125rem 1.5625rem;
  line-height: 1.5rem;
  font-weight: 400;
  text-align: center;
  height: auto;
  margin: auto;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -ms-flex-align: center;
  align-items: center;
}
.HomeKnowyourworth-scrollheading {
  width: 100%;
}
.HomeKnowyourworth-scrollheading.textscroll-top {
  position: absolute;
  top: 0;
}
.HomeKnowyourworth-scrollheading.textscroll-top-mob {
  display: block;
  margin-top: 0.5625rem;
}
.HomeKnowyourworth-scrollheading.textscroll-top-desk {
  display: none;
}
.HomeKnowyourworth-scrollheading svg {
  font-size: 70px;
  width: 100%;
  height: auto;
  overflow: visible;
}
.HomeKnowyourworth-scrollheading text {
  fill: none;
  stroke: white;
  stroke-width: 0.1875rem;
  stroke-linejoin: round;
  text-transform: uppercase;
  font-family: var(--font-header);
}
.HomeKnowyourworth-scrollheading.textscroll-bottom {
  position: absolute;
  bottom: 0;
}
.HomeKnowyourworth-scrollheading.textscroll-bottom-mob {
  display: block;
  margin-bottom: -0.25rem;
}
.HomeKnowyourworth-scrollheading.textscroll-bottom-desk {
  display: none;
  overflow: visible;
}
.HomeKnowyourworth-scrollheading-mobile {
  height: 100%;
  width: 100%;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.HomeKnowyourworth-heading {
  color: var(--c-harper-dark);
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: center;
  font-family: var(--font-header);
  padding-bottom: 0.625rem;
}
.HomeKnowyourworth-title {
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 1.875rem;
  line-height: 1.875rem;
  padding-bottom: 0.625rem;
}
.HomeKnowyourworth-description {
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.625rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  padding: 0 0.625rem 2.25rem 0.625rem;
  max-width: 31.25rem;
  margin: auto;
}
.HomeKnowyourworth-description p {
  padding: 0;
  line-height: inherit;
}
.HomeKnowyourworth-cta-outline {
  margin: auto;
}

.HomeKnowyourworth-righttext .HomeKnowyourworth-placeholder {
  background-position: right;
}

.HomeKnowyourworth-lefttext .HomeKnowyourworth-placeholder {
  background-position: left;
}

.HomeKnowyourworth-cta:not(:hover) {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.HomeKnowyourworth-cta:hover {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.HomeKnowyourworth-cta-outline:not(:hover) {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: transparent;
}

.HomeKnowyourworth-scrollheading {
  overflow: visible;
  white-space: nowrap;
}

.HomeKnowyourworth-scrolling {
  -webkit-animation: marquee 4s linear infinite;
  animation: marquee 4s linear infinite;
  display: inline-block;
  padding-right: 4.375rem;
}

.HomeKnowyourworth-scrolling-top {
  -webkit-animation: marqueetop 4s linear infinite;
  animation: marqueetop 4s linear infinite;
  display: inline-block;
  padding-right: 4.375rem;
}

@-webkit-keyframes marquee {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes marquee {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes marqueetop {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes marqueetop {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-document url-prefix() {
  .HomeKnowyourworth-scrollheading text {
    font-size: 70px;
  }

  .HomeKnowyourworth-scrollheading {
    width: 100%;
  }
  .HomeKnowyourworth-scrollheading svg {
    font-size: 70px;
    width: 100%;
    height: auto;
    overflow: visible;
  }
  .HomeKnowyourworth-scrollheading.textscroll-top {
    position: absolute;
    top: 0;
  }
  .HomeKnowyourworth-scrollheading.textscroll-top-mob {
    display: block;
    margin-top: 0.625rem;
  }
  .HomeKnowyourworth-scrollheading.textscroll-top-desk {
    display: none;
  }
  .HomeKnowyourworth-scrollheading.textscroll-bottom {
    position: absolute;
    bottom: 0;
  }
  .HomeKnowyourworth-scrollheading.textscroll-bottom-mob {
    display: block;
    margin-bottom: -0.375rem;
  }
  .HomeKnowyourworth-scrollheading.textscroll-bottom-desk {
    display: none;
    overflow: visible;
  }
}
/* ===================================================== */
/*  Home page my size section */
/* ===================================================== */
.HomeMysize {
  display: block;
  margin: 0;
  overflow: hidden;
}
.HomeMysize-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.HomeMysize-imgcontainer-righttext {
  width: 100%;
}
.HomeMysize-imgcontainer-lefttext {
  width: 100%;
}
.HomeMysize-imgcontainer-centertext {
  width: 100%;
}
.HomeMysize-textcontainer {
  top: 0;
  position: absolute;
  margin: auto;
}
.HomeMysize-textcontainer-righttext {
  width: 100%;
  top: 0;
  position: absolute;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0.375rem 0.375rem;
}
.HomeMysize-textcontainer-lefttext {
  width: 100%;
  top: 0;
  position: absolute;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0.375rem 0.375rem;
}
.HomeMysize-textcontainer-centertext {
  width: 100%;
  top: 0;
  position: absolute;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0.375rem 0.375rem;
}
.HomeMysize-righttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.HomeMysize-lefttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.HomeMysize-centertext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.HomeMysize-img {
  width: 100%;
  display: inline-block;
  margin: auto;
}
.HomeMysize-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.HomeMysize-placeholder--mobile {
  display: block;
  padding-bottom: 121.9512195122%;
}
.HomeMysize-placeholder--desktop {
  display: none;
  padding-bottom: 44.4444444444%;
}
.HomeMysize-content {
  text-align: center;
  margin: auto;
  padding: 2.5625rem 1.1875rem;
  max-width: 18.625rem;
  background-color: #fff;
  border: 0.125rem solid currentColor;
  border-radius: 0.625rem;
  overflow: hidden;
}
.HomeMysize-title {
  text-align: center;
  padding-bottom: 1.5rem;
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.875rem;
}
.HomeMysize-description {
  text-align: center;
  padding: 0 0.75rem 1.875rem 0.75rem;
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
}
.HomeMysize-description p {
  line-height: inherit;
}
.HomeMysize-cta {
  margin: auto;
}

/* ===================================================== */
/*  Home page statement section */
/* ===================================================== */
.HomeStatement ul {
  margin: 0 auto;
}
.HomeStatement-content {
  padding: 2.5rem 0;
}
.HomeStatement-heading {
  text-align: center;
  padding: 0 1.875rem;
  margin: auto;
  max-width: 34.375rem;
}
.HomeStatement-heading-quote {
  display: inline-block;
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1.25rem;
  max-width: 58.75rem;
}
.HomeStatement-heading a {
  text-decoration: none;
  display: inline-block;
  position: relative;
  line-break: normal;
  border: none;
}
.HomeStatement-heading a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 0.25rem;
  left: 0%;
  position: absolute;
  background: var(--c-red);
  -webkit-transition: width 0.6s ease 0s, left 0s ease 0s;
  -o-transition: width 0.6s ease 0s, left 0s ease 0s;
  transition: width 0.6s ease 0s, left 0s ease 0s;
  width: 0;
}
.HomeStatement-heading a:hover:after {
  width: 100%;
  left: 0;
}
.HomeStatement-heading p {
  margin: 0;
}
.HomeStatement-itemswrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), color-stop(50%, var(--c-sky-blue)), to(var(--c-sky-blue)));
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, var(--c-sky-blue) 50%, var(--c-sky-blue) 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, var(--c-sky-blue) 50%, var(--c-sky-blue) 100%);
  margin-top: 2.5rem;
  padding-left: 1.4375rem;
  padding-right: 1.4375rem;
}
.HomeStatement-items {
  max-width: 62.5rem;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.HomeStatement-item {
  position: relative;
  text-align: center;
  width: 30%;
  list-style: none;
  margin-right: 0.9375rem;
  width: 6.25rem;
  margin-right: 0.9375rem;
}
.HomeStatement-item:last-child {
  margin-right: 0;
}
.HomeStatement-item-details {
  position: absolute;
  width: 98%;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  top: 0.625rem;
  height: 100%;
  overflow: hidden;
}
.HomeStatement-item-description {
  margin: auto;
  text-align: center;
  max-width: 8.125rem;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.3125rem;
  overflow: hidden;
  font-size: 0.4375rem;
  border-radius: 3.125rem;
}
.HomeStatement svg#elp-badge {
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-header);
}

/* ===================================================== */
/*  Home page featured section */
/* ===================================================== */
.FeaturedProducts {
  display: block;
  margin: 0;
  overflow: hidden;
  background-color: var(--c-sky-blue);
  padding-top: 2.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--c-sky-blue)), color-stop(42%, var(--c-sky-blue)), color-stop(42%, #ffffff), to(#ffffff));
  background: -o-linear-gradient(top, var(--c-sky-blue) 0%, var(--c-sky-blue) 42%, #ffffff 42%, #ffffff 100%);
  background: linear-gradient(to bottom, var(--c-sky-blue) 0%, var(--c-sky-blue) 42%, #ffffff 42%, #ffffff 100%);
}

.FeaturedProducts-container {
  position: relative;
  max-width: 70vw;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 1.5625rem;
}

.FeaturedProducts-title {
  margin: auto;
  padding-bottom: 1.75rem;
  max-width: 15.625rem;
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.5625rem;
  letter-spacing: -1px;
}

.FeaturedProducts-description {
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
  letter-spacing: -1px;
  max-width: 34.375rem;
  margin: auto;
  display: none;
}

.FeaturedProducts-grid {
  padding-top: 0;
  margin: auto;
  max-width: 21.6875rem;
}

.FeaturedProducts-cta {
  margin: 0 auto 0.875rem auto;
  width: 15rem;
}

.FeaturedProducts-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15.3125rem;
  margin: auto;
}

.FeaturedProducts-item {
  margin: 5px 0.0625rem 0;
  outline: none;
}
.FeaturedProducts-item-title {
  text-align: center;
  padding-bottom: 0.625rem;
  padding-top: 1.375rem;
}
.FeaturedProducts-item-description {
  padding-bottom: 1.5rem;
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
  font-weight: 300;
  text-align: center;
}
.FeaturedProducts-item-description p {
  line-height: inherit;
}

.FeaturedProducts-img img {
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.FeaturedProducts-img-wrapper {
  color: var(--c-harper-dark);
  border: 0.125rem solid currentColor;
  padding-bottom: 0.5rem;
  position: relative;
  max-width: 15.9375rem;
  background-color: currentColor;
}
.FeaturedProducts-img-wrapper.shadow {
  background-color: var(--c-harper-dark);
}

.FeaturedProducts-img-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0.125rem solid var(--c-harper-dark);
  margin-top: -7px;
  margin-left: -7px;
  padding-bottom: 131.2335958005%;
}

.FeaturedProducts-img-secondary {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  display: none;
}
.FeaturedProducts-img-secondary:hover {
  opacity: 1;
}

/* ===================================================== */
/*  Home page social carousel section */
/* ===================================================== */
.HomeSocial {
  background-color: var(--c-sky-blue);
  display: block;
  margin: 0;
  overflow: hidden;
  padding-top: 3.75rem;
}
.HomeSocial-grid {
  padding-top: 0;
  height: 430px;
}
.HomeSocial-title {
  padding: 0 1.0625rem 0.625rem 1.0625rem;
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.5625rem;
}
.HomeSocial-description {
  padding-bottom: 1.875rem;
  max-width: 17.5rem;
  margin: auto;
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
}
.HomeSocial-description p {
  line-height: inherit;
}
.HomeSocial-container {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.HomeSocial-item {
  outline: none;
  min-width: 16.25rem;
  width: 16.25rem;
}
.HomeSocial-item-description {
  color: var(--c-harper-dark);
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
  font-weight: 600;
  display: inline-block;
  padding-left: 0.3125rem;
}
.HomeSocial-item-icon {
  width: 1.25rem;
}
.HomeSocial-item-details {
  display: -ms-flexbox;
  display: flex;
  padding: 0.3125rem 0.4375rem;
  display: flex;
  margin: auto;
  -ms-flex-align: center;
  align-items: center;
  height: 2.375rem;
}
.HomeSocial-item::not(.slick-active) {
  cursor: pointer;
}
.HomeSocial-item-content {
  margin: 0 0.3125rem;
  background-color: #fff;
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 0.625rem;
  overflow: hidden;
}
.HomeSocial-item-img {
  top: 0;
  height: 100%;
  width: 100%;
}
.HomeSocial-item-img-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 0.125rem solid var(--c-harper-dark);
  padding-bottom: 100%;
  z-index: 9;
}
.HomeSocial-cta {
  margin: auto;
  line-height: 1.25rem;
}
.HomeSocial .slick-list {
  padding-top: 1.25rem;
  padding-bottom: 0;
}
.HomeSocial .slick-active {
  padding: 1.25rem 0;
}
.HomeSocial .slick-slide:not(.slick-active) {
  margin: 1.25rem 0;
}
.HomeSocial .child {
  width: 100%;
}
.HomeSocial .slick-slide {
  position: relative;
  z-index: 6;
}
.HomeSocial .slick-center {
  z-index: 999;
}
.HomeSocial .slick-track {
  padding: 1.875rem 0;
}
.HomeSocial .slick-slider div {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.HomeSocial-item.slick-slide.slick-active {
  z-index: -9999;
}

.HomeSocial-item.slick-slide.slick-active:hover {
  z-index: 9999;
}

.HomeSocial-prev-arrow {
  background: #464855;
  height: 80%;
  top: 0;
  width: 1.875rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  right: 0;
  outline: none;
  display: none;
}

.HomeSocial-next-arrow {
  background: #464855;
  width: 1.25rem;
  height: 80%;
  top: 0;
  display: none;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  left: 0;
  outline: none;
}

/* ===================================================== */
/*  Home page press carousel section */
/* ===================================================== */
.HomePress {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.HomePress-container {
  isolation: isolate;
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 2.5rem 0;
}
.HomePress-grid {
  padding-top: 3.125rem;
}
.HomePress-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 0 1.875rem;
}
.HomePress-items--mobile {
  display: block;
  max-width: 100%;
  width: 100%;
  margin: auto;
}
.HomePress-items--desktop {
  display: none;
}
.HomePress-items .slick-track {
  display: -ms-flexbox;
  display: flex;
}
.HomePress-items .slick-track .slick-slide {
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}
.HomePress-itemsnav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 0 1.875rem;
}
.HomePress-itemsnav--mobile {
  display: block;
  margin: auto;
}
.HomePress-itemsnav--desktop {
  display: none;
}
.HomePress-item-description {
  padding: 1.875rem 0 0 0;
  margin: 0 auto;
  max-width: 51.25rem;
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.5625rem;
}
.HomePress-item-description p {
  line-height: inherit;
}
.HomePress-item-quotes {
  width: 2.5rem;
  margin: 0 auto;
}
.HomePress-item-img {
  width: auto;
  display: inline-block;
  margin: auto;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  vertical-align: bottom;
  height: 3.125rem;
}
.HomePress-item-img img {
  vertical-align: bottom;
  max-height: 100%;
  margin: auto;
}
.HomePress-item-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0.125rem solid var(--c-harper-dark);
}
.HomePress-item-placeholder--mobile {
  display: block;
  padding-bottom: 111.1111111111%;
}
.HomePress-item-placeholder--desktop {
  display: none;
}
.HomePress .slick-list {
  padding: 0;
  z-index: 99;
}
.HomePress .slick-slide {
  opacity: 0.5;
}
.HomePress .slick-slide.slick-current {
  opacity: 1;
}

.HomePress-wrap-prev {
  position: absolute;
  left: 3.125rem;
  z-index: 1000;
  top: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  outline: none;
  cursor: pointer;
  z-index: calc(10 + 0);
}

.HomePress-prev-arrow {
  z-index: calc(10 + 0);
  background: var(--c-harper-dark);
  height: 0.125rem;
  width: 1.3125rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  right: 0.4375rem;
  top: 1.0625rem;
  outline: none;
}
.HomePress-prev-arrow:before, .HomePress-prev-arrow:after {
  content: "";
  background: var(--c-harper-dark);
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.HomePress-prev-arrow:before {
  left: -3px;
  bottom: -4px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.HomePress-prev-arrow:after {
  left: -3px;
  top: -4px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.HomePress-wrap-next {
  position: absolute;
  right: 3.125rem;
  z-index: 1000;
  top: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  outline: none;
  cursor: pointer;
  z-index: calc(10 + 0);
}

.HomePress-next-arrow {
  background: var(--c-harper-dark);
  height: 0.125rem;
  width: 1.3125rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  left: 0.5rem;
  top: 1.0625rem;
  outline: none;
  z-index: calc(10 + 0);
}
.HomePress-next-arrow:before, .HomePress-next-arrow:after {
  content: "";
  background: var(--c-harper-dark);
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.HomePress-next-arrow:before {
  right: -2px;
  bottom: -4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.HomePress-next-arrow:after {
  right: -2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.HomePress-items:before,
.HomePress-items:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 6.25rem;
  top: 0;
  height: 100%;
  pointer-events: none;
}

.HomePress-items:before {
  left: 0;
}

.HomePress-items:after {
  right: 0;
}

.StaticHeader {
  display: block;
  margin: 0;
  padding: 0;
}
.StaticHeader.is-visible .StaticHeader-heading,
.StaticHeader.is-visible .StaticHeader-subhead,
.StaticHeader.is-visible .StaticHeader-ctaContainer {
  opacity: 1;
}
.StaticHeader-container {
  position: relative;
}
.StaticHeader-placeholder {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 100%;
  opacity: 0;
  -webkit-transition: opacity ease 0.5s;
  -o-transition: opacity ease 0.5s;
  transition: opacity ease 0.5s;
}
.StaticHeader-placeholder.lazyloaded {
  opacity: 1;
}
.StaticHeader-placeholder--mobile {
  display: block;
  background-position: center;
  padding-bottom: 80vw;
}
.StaticHeader-placeholder--desktop {
  display: none;
}
.StaticHeader-contentContainer {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.StaticHeader-contentContainer-bg {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.StaticHeader-content-mobile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  min-width: 20.625rem;
}
.StaticHeader-captionContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: calc(17vh);
  margin-bottom: 1.875rem;
  z-index: 1;
}
.StaticHeader-caption-hollow {
  width: 100%;
  max-width: 75rem;
  font-size: 0.625rem;
}
.StaticHeader-caption-hollow[data-position~=left] {
  padding: 1.875rem;
}
.StaticHeader-caption-hollow[data-position~=right] {
  padding: 1.875rem;
}
.StaticHeader-caption-solid {
  width: 100%;
  max-width: 75rem;
  font-size: 0.625rem;
}
.StaticHeader-caption-solid[data-position~=left] {
  padding: 1.875rem;
}
.StaticHeader-caption-solid[data-position~=right] {
  padding: 1.875rem;
}
.StaticHeader-captioncontent-solid {
  background-color: #fff;
  color: #253746;
  border: 0.125rem solid #253746;
  max-width: 21.4375rem;
  padding: 1.75rem 1.3125rem;
  margin: 0 auto;
  margin-top: 1.875rem;
  color: var(--c-harper-dark);
}
.StaticHeader-captioncontent-solid .StaticHeader-ctaContainer.o-ctaoutline {
  border: none;
}
.StaticHeader-captioncontent-hollow {
  max-width: 31.25rem;
  margin: 0 auto;
}
.StaticHeader-heading {
  /* h1 */
  line-height: 1;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 2.1875rem;
  padding-bottom: 0.75rem;
  max-width: 17.5rem;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity ease 0.8s;
  -o-transition: opacity ease 0.8s;
  transition: opacity ease 0.8s;
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.StaticHeader-heading:only-child {
  margin-bottom: 0;
}
.StaticHeader-heading > small {
  font-size: 0.5em;
  font-weight: 300;
}
.StaticHeader-subhead {
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
  padding: 0 1.625rem 0.375rem 1.625rem;
  max-width: 17.5rem;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity ease 0.8s;
  -o-transition: opacity ease 0.8s;
  transition: opacity ease 0.8s;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.text-left .StaticHeader-subhead {
  padding-left: 0;
}
.text-right .StaticHeader-subhead {
  padding-right: 0;
}
.StaticHeader-ctaContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1.25rem;
  opacity: 0;
  -webkit-transition: opacity ease 0.8s;
  -o-transition: opacity ease 0.8s;
  transition: opacity ease 0.8s;
  -webkit-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
  background-color: transparent;
}
.StaticHeader-ctaContainer:hover {
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}
.StaticHeader .slick-dots {
  bottom: 1.625rem;
}
.StaticHeader .slick-dots li {
  position: relative;
  display: inline-block;
  height: 0.25rem;
  width: 1.25rem;
  margin: 0 0.3125rem;
  padding: 0;
  cursor: pointer;
}
.StaticHeader .slick-dots li button {
  width: 1.25rem;
  height: 0.25rem;
  background: #FEF7D8;
  padding: 0 !important;
}
.StaticHeader .slick-dots li.slick-active button {
  background: #293745;
}
.StaticHeader .slick-dots li button:before {
  content: "";
  width: 1.25rem;
  height: 0.25rem;
}
.StaticHeader .slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}
.StaticHeader .slick-slide {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

.MobileHeaderDropdown-shopitem-content {
  display: none;
  width: 100%;
}
.MobileHeaderDropdown-shopitem-featured {
  background: var(--c-sky-blue);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  border-top: 0.125rem solid var(--c-harper-dark);
  border-bottom: 0.125rem solid var(--c-harper-dark);
  padding: 1.25rem;
  margin-left: -1.875rem;
  margin-right: -1.875rem;
}
.MobileHeaderDropdown-shopitem-featuredproduct-img {
  width: 9rem;
  margin: auto;
  border: 0.125rem solid #32495c;
  margin-left: 0;
}
.MobileHeaderDropdown-shopitem-featuredproduct-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 93.1098696462%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.MobileHeaderDropdown-shopitem-featuredproduct-title {
  font-size: 1.25rem;
  line-height: 1.4375rem;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  padding-bottom: 1.125rem;
}
.MobileHeaderDropdown-shopitem-featuredproduct-heading {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  padding-bottom: 0.625rem;
}
.MobileHeaderDropdown-shopitem-featuredproduct-description {
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-align: center;
  text-transform: lowercase;
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  padding-bottom: 1.25rem;
}
.MobileHeaderDropdown-shopitem-featuredproduct-cta {
  margin: auto;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
  text-underline-position: under;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.MobileHeaderDropdown-shopitem-product-title {
  font-size: 1.125rem;
  line-height: 1.575rem;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
}
.MobileHeaderDropdown-shopitem-product-heading {
  font-size: 1.25rem;
  line-height: 1.575rem;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
}
.MobileHeaderDropdown-shopitem-product-description {
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-align: center;
  text-transform: lowercase;
  color: var(--c-harper-dark);
  font-family: var(--font-body);
}
.MobileHeaderDropdown-shopitem-product-img {
  width: 7.5rem;
  margin: auto;
}
.MobileHeaderDropdown-shopitem-product-cta {
  margin: auto;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
  text-underline-position: under;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin-bottom: 20px;
}

.hero {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.hero-cta-outline {
  margin: auto;
}

.hero__placeholder {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}
.hero__placeholder picture {
  width: 100%;
  height: 100%;
}
.hero__placeholder img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.hero__placeholder--mobile {
  padding-bottom: 50%;
  -o-object-position: top;
  object-position: top;
}

.hero__content {
  position: relative;
  width: 100%;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity ease 0.8s;
  -o-transition: opacity ease 0.8s;
  transition: opacity ease 0.8s;
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.is-visible .hero__content {
  opacity: 1;
}

.hero__text {
  margin-right: 0;
}

.hero__title {
  display: none;
  width: 100%;
  padding: 0;
  max-width: 37.5rem;
  margin: 0;
}

.hero__subheading {
  text-align: left;
  width: 100%;
  padding: 0;
  max-width: 37.5rem;
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1.25rem;
  text-transform: capitalize;
}

.hero__description,
.hero__description p {
  text-align: left;
  padding: 0;
  max-width: 31.25rem;
  margin: 0;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
}

.HeroBanner-right .HeroBanner-placeholder {
  background-position: right;
}

.HeroBanner-left .HeroBanner-placeholder {
  background-position: left;
}

.hero--text-only {
  padding: 0.875rem 1rem 1.25rem;
  color: var(--c-harper-dark);
  text-align: center;
}

.hero-with-video {
  width: 100%;
}
.hero-with-video .ab-test-hero-image {
  display: none;
}
.hero-with-video.image-background .hero__content {
  right: 0;
}
.hero-with-video.hero-text-overlay .hero__content {
  right: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.hero-with-video.hero-text-overlay .hero__video-text {
  -ms-flex-pack: end !important;
  justify-content: end !important;
}
.hero-with-video .full-link {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.hero-with-video .hero__content {
  opacity: 1;
  width: 100%;
  text-align: center;
}
.hero-with-video .hero__text {
  margin-right: 0 !important;
}
.hero-with-video .tile__cta {
  margin-top: 1.5rem;
}
.hero-with-video .hero__placeholder--mobile {
  padding-bottom: 173%;
  width: 100%;
}
.hero-with-video .hero__title {
  text-align: center;
  display: block;
  color: var(--c-white);
  margin: 0 auto;
  max-width: 50rem;
}

.hero-text-overlay.image-background .hero__text {
  padding: 1.5rem 1rem !important;
}

.hero__video-wrapper {
  position: relative;
}

.hero__video {
  width: 100%;
  max-height: 100vh;
}

.hero__video-content {
  width: 50%;
}
.hero-text-overlay .hero__video-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto;
  background-color: transparent !important;
  border: none;
}

.hero__video-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.hero__video-controls {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 2rem;
  height: 2rem;
}

.hero__video-controls-button {
  width: 2rem;
  height: 2rem;
}
.hero__video-controls-button.hidden {
  display: none;
}

.category-tiles__container {
  padding: 40px 4.5px;
}
.category-tiles__container .category-tiles {
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.category-tiles__container .category-tiles .category-tile {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 6.5px;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
}
.category-tiles__container .category-tiles .category-tile:hover .arrow-right {
  display: block;
}
.category-tiles__container .category-tiles .category-tile .category-tile-img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 8px;
  border-radius: 10px;
}
.category-tiles__container .category-tiles .category-tile .category-tile-text__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 16px;
}
.category-tiles__container .category-tiles .category-tile .category-tile-text {
  max-width: 150px;
  color: var(--harper-dark);
}
.category-tiles__container .category-tiles .category-tile .arrow-right {
  display: block;
}
.category-tiles__container .category-tiles .category-tile .arrow-right svg {
  width: 24px;
  height: 24px;
}

.hp-50-50__container {
  padding: 40px 0;
}
.hp-50-50__container .hp-50-50 {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.hp-50-50__container .hp-50-50 .hp-50-50-item {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 11px;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  margin-bottom: 16px;
}
.hp-50-50__container .hp-50-50 .hp-50-50-item:hover .arrow-right {
  display: block;
}
.hp-50-50__container .hp-50-50 .hp-50-50-item .hp-50-50-item-img {
  width: 100%;
  border-radius: 10px;
}
.hp-50-50__container .hp-50-50 .hp-50-50-item a {
  width: 100%;
  display: block;
  height: 100%;
}
.hp-50-50__container .hp-50-50 .hp-50-50-item .hp-50-50-item-text__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hp-50-50__container .hp-50-50 .hp-50-50-item .hp-50-50-item-text.on-top {
  position: absolute;
  bottom: 0;
  left: 11px;
  padding: 0 0 12px 8px;
  max-width: 90%;
}
.hp-50-50__container .hp-50-50 .hp-50-50-item .arrow-right {
  position: relative;
  right: 0;
  display: block;
}
.hp-50-50__container .hp-50-50 .hp-50-50-item .arrow-right svg {
  width: 32px;
  height: 32px;
}
.hp-50-50__container .hp-50-50 .hp-50-50-item .arrow-right.on-top {
  position: absolute;
  bottom: 8px;
  right: 18px;
}

/* ===================================================== */
/*  Story page CTAs section */
/* ===================================================== */
.StoryCtas-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.StoryCtas a:hover {
  color: var(--c-white);
  cursor: pointer;
  background: var(--c-slate);
}
.StoryCtas-item {
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
  padding: 1.25rem;
  border-top: 0.125rem solid var(--c-harper-dark);
  -ms-flex: 1;
  flex: 1;
}
.StoryCtas-item:last-child {
  border-left: 0.125rem solid var(--c-harper-dark);
}
.StoryCtas-item div {
  width: 6.25rem;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.StoryCtas-item span {
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

/* ===================================================== */
/*  Story page Text banner section */
/* ===================================================== */
.StoryTextbanner {
  background-color: var(--c-harper-dark);
  color: var(--c-white);
  text-align: center;
}
.StoryTextbanner-container {
  padding: 3.125rem 2.625rem 3.75rem 2.625rem;
  max-width: 56.25rem;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.StoryTextbanner-title {
  font-family: var(--font-header);
  text-align: center;
}
.StoryTextbanner-description {
  text-align: center;
  padding-top: 1.25rem;
}
.StoryTextbanner-description p {
  letter-spacing: inherit;
  line-height: inherit;
}
.StoryTextbanner-cta {
  color: var(--c-white);
  text-align: center;
  padding-top: 1.875rem;
  font-weight: 600;
  text-decoration: underline;
  text-underline-position: under;
}
.StoryTextbanner-cta:hover {
  color: var(--c-white);
}

/* ===================================================== */
/*  Story page image-text section  */
/* ===================================================== */
.StoryTextimg {
  display: block;
  margin: 0;
  overflow: hidden;
  text-align: left;
}
.StoryTextimg-signature {
  padding-top: 0.9375rem;
  width: 9.375rem;
}
.StoryTextimg-signature .o-placeholder {
  padding-bottom: 30%;
}
.StoryTextimg-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  position: relative;
  margin: 0 auto;
  padding: 0;
}
.StoryTextimg-header {
  text-transform: uppercase;
  text-align: center;
  color: var(--c-white);
  background-color: var(--c-slate);
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  padding: 1.875rem 1.5rem;
}
.StoryTextimg-header-text {
  margin: auto;
}
.StoryTextimg-imgcontainer-righttext {
  width: 100%;
}
.StoryTextimg-imgcontainer-lefttext {
  width: 100%;
}
.StoryTextimg-textcontainer {
  top: 0;
  position: absolute;
  margin: auto;
}
.StoryTextimg-textcontainer-righttext {
  width: 100%;
  margin: auto;
  padding: 1.875rem 1.5625rem 3.125rem 1.5625rem;
}
.StoryTextimg-textcontainer-lefttext {
  width: 100%;
  margin: auto;
  padding: 1.875rem 1.5625rem 3.125rem 1.5625rem;
}
.StoryTextimg-righttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.StoryTextimg-lefttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.StoryTextimg-img {
  width: 100%;
  display: inline-block;
  margin: auto;
}
.StoryTextimg-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.StoryTextimg-content-centertext {
  text-align: center;
  margin: auto;
  background-color: #fff;
  color: var(--c-harper-dark);
  border: 0.125rem solid var(--c-harper-dark);
  max-width: 37.5rem;
  padding: 2.5625rem 1.1875rem;
}
.StoryTextimg-title {
  text-align: center;
  padding-bottom: 1.25rem;
  text-align: inherit;
}
.StoryTextimg-description img {
  padding-top: 1.25rem;
  width: 10rem;
}
.StoryTextimg-description p {
  line-height: inherit;
}
.StoryTextimg-description a {
  font-family: var(--font-body);
  font-weight: 600;
}
.StoryTextimg-cta {
  margin: 2.5rem auto 0 auto;
}

/* ===================================================== */
/*  Story page commitment section */
/* ===================================================== */
.StoryCommitments {
  text-align: center;
  margin: auto;
  display: block;
  overflow: hidden;
  padding: 3.125rem 1.25rem 0 1.25rem;
  max-width: 75rem;
}
.StoryCommitments-container {
  max-width: 31.25rem;
  margin: auto;
}
.StoryCommitments-hr {
  display: block;
  width: 5rem;
  height: 0.125rem;
  background: currentColor;
  margin: 3.125rem auto;
}
.StoryCommitments-grid {
  padding-top: 0;
  margin: auto;
  max-width: 21.6875rem;
}
.StoryCommitments-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
}
.StoryCommitments-item {
  padding: 0.5rem 0.625rem;
  margin: 0 0.0625rem;
  outline: none;
  overflow: hidden;
  width: 17.875rem;
}
.StoryCommitments-item-circle {
  position: relative;
  margin: auto;
  width: 11.4375rem;
  height: 11.4375rem;
  list-style: none;
}
.StoryCommitments-item-details {
  margin: auto;
}
.StoryCommitments-item-title {
  margin: auto;
  text-align: inherit;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-family: var(--font-header);
  padding-top: 2.5rem;
  color: var(--c-harper-dark);
}
.StoryCommitments-item-description {
  font-family: var(--font-body);
  text-align: inherit;
  padding-top: 1.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  color: var(--c-harper-dark);
}
.StoryCommitments-item-description p {
  line-height: inherit;
}
.StoryCommitments-heading {
  text-align: inherit;
  padding: 0 0 1.875rem 0;
  max-width: 62.5rem;
  margin: auto;
}

.StoryCommitments-wrap-prev {
  position: absolute;
  left: 3.125rem;
  z-index: 1000;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 999;
  outline: none;
  cursor: pointer;
  bottom: -4.1875rem;
}

.StoryCommitments-prev-arrow {
  background: #464855;
  height: 0.125rem;
  width: 1.3125rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  left: 0.3125rem;
  outline: none;
  top: 1.0625rem;
}
.StoryCommitments-prev-arrow:before, .StoryCommitments-prev-arrow:after {
  content: "";
  background: inherit;
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.StoryCommitments-prev-arrow:before {
  left: -0.1875rem;
  bottom: -0.25rem;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.StoryCommitments-prev-arrow:after {
  left: -0.1875rem;
  top: -0.25rem;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.StoryCommitments-wrap-next {
  position: absolute;
  right: 3.125rem;
  z-index: 1000;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 999;
  outline: none;
  cursor: pointer;
  bottom: -4.1875rem;
}

.StoryCommitments-next-arrow {
  background: #464855;
  height: 0.125rem;
  width: 1.4375rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  right: 0.3125rem;
  outline: none;
  top: 1.0625rem;
}
.StoryCommitments-next-arrow:before, .StoryCommitments-next-arrow:after {
  content: "";
  background: inherit;
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.StoryCommitments-next-arrow:before {
  right: -0.125rem;
  bottom: -0.25rem;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.StoryCommitments-next-arrow:after {
  right: -0.125rem;
  top: -0.25rem;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slidecount {
  display: block;
  font-family: var(--font-header);
  color: var(--c-harper-dark);
  font-size: 1.375rem;
}

/* ===================================================== */
/*  Story page graph-text section  */
/* ===================================================== */
.StoryTextGraph {
  display: block;
  margin: 0;
  overflow: hidden;
  text-align: left;
}
.StoryTextGraph-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  position: relative;
  margin: 0 auto;
  padding: 2rem 0 0 0;
}
.StoryTextGraph-graphcontainer {
  margin: auto;
  width: 21.625rem;
}
.StoryTextGraph-textcontainer {
  margin: auto;
  padding: 0 2.6875rem;
}
.StoryTextGraph-textcontainer-righttext {
  width: 100%;
  margin: auto;
}
.StoryTextGraph-textcontainer-lefttext {
  width: 100%;
  margin: auto;
}
.StoryTextGraph-righttext {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.StoryTextGraph-lefttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.StoryTextGraph-content {
  margin: auto;
  max-width: 37.5rem;
}
.StoryTextGraph-content-centertext {
  text-align: center;
  margin: auto;
  border: 0.125rem solid currentColor;
  max-width: 37.5rem;
  padding: 2.5625rem 1.1875rem;
}
.StoryTextGraph-title {
  text-align: center;
  padding-bottom: 1.25rem;
}
.StoryTextGraph-description {
  text-align: center;
}
.StoryTextGraph-description p {
  line-height: inherit;
}
.StoryTextGraph-cta {
  margin: 2.5rem auto 0 auto;
}
.StoryTextGraph-graphwrapper {
  border: 0.125rem solid currentColor;
  padding: 2rem 0.875rem;
  width: 21.625rem;
  height: 16.9375rem;
  margin-top: 1.75rem;
  margin-bottom: 3rem;
}
.StoryTextGraph-graph {
  display: -ms-flexbox;
  display: flex;
}
.StoryTextGraph-graph-title {
  text-align: center;
  padding-bottom: 1.5rem;
}
.StoryTextGraph-graph-left {
  width: 5rem;
}
.StoryTextGraph-graph-right {
  -ms-flex: 1;
  flex: 1;
}
.StoryTextGraph-graph-right-wrapp {
  display: -ms-flexbox;
  display: flex;
}
.StoryTextGraph-graphbar {
  background: #fff;
  height: 4rem;
  margin-bottom: 1.3125rem;
  display: -ms-flexbox;
  display: flex;
}
.StoryTextGraph-graphbar-sub {
  height: 4.0625rem;
  text-align: center;
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
  padding: 0 0.625rem 0 0;
  display: -ms-flexbox;
  display: flex;
}
.StoryTextGraph-graphbar-sub-label {
  margin: auto;
}
.StoryTextGraph-graphbar--text {
  margin: auto 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
  display: -ms-flexbox;
  display: flex;
}
.StoryTextGraph-graphbar--text-label {
  margin: auto;
}
.StoryTextGraph-graphbar--inner {
  background: #333;
  height: 100%;
  display: inline-block;
  margin-bottom: 0.3rem;
  position: relative;
  will-change: width;
}
.StoryTextGraph[animated] .StoryTextGraph-graphbar--inner {
  -webkit-transition: width 2s;
  -o-transition: width 2s;
  transition: width 2s;
}
.StoryTextGraph.primary .StoryTextGraph-graphbar--inner {
  background: var(--c-red);
}
.StoryTextGraph.secondary .StoryTextGraph-graphbar--inner {
  background: #253746;
}

.bar1 {
  height: 4rem;
  text-align: right;
  width: 5.3125rem;
}

.bar2 {
  height: 4rem;
  text-align: right;
  width: 10.75rem;
}

.level {
  height: 4rem;
  width: 80%;
}

.StoryTextGraph-pricelabel-content:before {
  content: "$";
}

.StoryTextGraph-pricelabel {
  height: 100%;
  width: 1.875rem;
  height: 100%;
  background: var(--c-white);
  position: relative;
  margin-right: 0;
  float: right;
  display: -ms-flexbox;
  display: flex;
}
.StoryTextGraph-pricelabel-content {
  margin: auto;
  font-size: 1.5rem;
  font-weight: 1.5rem;
  font-family: var(--font-header);
  margin-left: 0.625rem;
}
.StoryTextGraph-pricelabel span {
  margin: auto;
  font-size: 1.5rem;
  font-weight: 1.5rem;
  font-family: var(--font-header);
  margin-left: 0.625rem;
}

.first.start {
  width: 0px;
  background: #dcdcdc;
  -webkit-animation: first 2s ease-out forwards;
  animation: first 2s ease-out forwards;
}
@-webkit-keyframes first {
  0% {
    width: 0px;
  }
  100% {
    width: 100%;
  }
}
.second.start {
  width: 50px;
  background: #dcdcdc;
  -webkit-animation: second 2s ease-out forwards;
  animation: second 2s ease-out forwards;
}
@-webkit-keyframes second {
  0% {
    width: 0px;
  }
  100% {
    width: 100%;
  }
}
.levelstatic-first {
  width: 2.375rem;
  height: 4rem;
  background: red;
  background: #253746;
}

.levelstatic-second {
  width: 2.375rem;
  height: 4rem;
  background: red;
  background: var(--c-red);
}

/* ===================================================== */
/*  Recycle page image-text section  */
/* ===================================================== */
.RecycleHeader {
  display: block;
  margin: 0;
  overflow: hidden;
  text-align: left;
}
.RecycleHeader-header {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background-color: #98a4ae;
  font-family: var(--font-header);
  font-size: 1.875rem;
  line-height: 1.8125rem;
  height: 13.125rem;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2.1875rem;
}
.RecycleHeader-header-text {
  margin: auto;
  max-width: 48.125rem;
}

/* ===================================================== */
/*  Recycle page image text section */
/* ===================================================== */
.RecycleImgtext .BorderedImgText-textcontainer {
  padding: 0 1.5rem;
}
.RecycleImgtext .BorderedImgText-placeholder--desktop {
  padding-bottom: 73.5294117647%;
}

/* ===================================================== */
/*  Recycle page image-text section  */
/* ===================================================== */
.RecycleTextimg {
  display: block;
  margin: 0;
  overflow: hidden;
  text-align: left;
}
.RecycleTextimg-items {
  padding-bottom: 0;
}
.RecycleTextimg-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  position: relative;
  margin: 0 auto;
  padding: 0;
}
.RecycleTextimg-itemswrapper {
  max-width: 31.25rem;
  margin: auto;
}
.RecycleTextimg-header-text {
  margin: auto;
  text-align: center;
  padding: 0 1.875rem 0.625rem 1.875rem;
}
.RecycleTextimg-imgcontainer-righttext {
  width: 100%;
}
.RecycleTextimg-imgcontainer-lefttext {
  width: 100%;
}
.RecycleTextimg-textcontainer {
  top: 0;
  position: absolute;
  margin: auto;
}
.RecycleTextimg-textcontainer-righttext {
  width: 100%;
  margin: auto;
  padding: 1.875rem 1.5625rem 0 1.5625rem;
}
.RecycleTextimg-textcontainer-lefttext {
  width: 100%;
  margin: auto;
  padding: 1.875rem 1.5625rem 3.125rem 1.5625rem;
}
.RecycleTextimg-righttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.RecycleTextimg-lefttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.RecycleTextimg-img {
  width: 100%;
  display: inline-block;
  margin: auto;
}
.RecycleTextimg-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 88.8888888889%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.RecycleTextimg-content {
  margin: auto;
}
.RecycleTextimg-content-centertext {
  text-align: center;
  margin: auto;
  background-color: #fff;
  color: var(--c-harper-dark);
  border: 0.125rem solid var(--c-harper-dark);
  max-width: 37.5rem;
  padding: 2.5625rem 1.1875rem;
}
.RecycleTextimg-title {
  text-align: center;
  padding-bottom: 0.9375rem;
}
.RecycleTextimg-description img {
  padding-top: 1.25rem;
  width: 10rem;
}
.RecycleTextimg-description p {
  line-height: inherit;
}
.RecycleTextimg-cta {
  margin: 2.5rem auto 0 auto;
}
.RecycleTextimg-hr {
  display: block;
  width: 5rem;
  height: 0.125rem;
  background: var(--c-harper-dark);
  margin: 3.125rem auto 0 auto;
}

.Recycle-wrap-prev {
  position: absolute;
  left: 3.125rem;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 9;
  outline: none;
  cursor: pointer;
  bottom: -4.1875rem;
}

.Recycle-prev-arrow {
  background: #464855;
  height: 0.125rem;
  width: 1.3125rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  left: 0.3125rem;
  outline: none;
  top: 1.0625rem;
}
.Recycle-prev-arrow:before, .Recycle-prev-arrow:after {
  content: "";
  background: inherit;
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.Recycle-prev-arrow:before {
  left: -0.1875rem;
  bottom: -0.25rem;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.Recycle-prev-arrow:after {
  left: -0.1875rem;
  top: -0.25rem;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.Recycle-wrap-next {
  position: absolute;
  right: 3.125rem;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 9;
  outline: none;
  cursor: pointer;
  bottom: -4.1875rem;
}

.Recycle-next-arrow {
  background: #464855;
  height: 0.125rem;
  width: 1.4375rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  right: 0.3125rem;
  outline: none;
  top: 1.0625rem;
}
.Recycle-next-arrow:before, .Recycle-next-arrow:after {
  content: "";
  background: inherit;
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.Recycle-next-arrow:before {
  right: -0.125rem;
  bottom: -0.25rem;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.Recycle-next-arrow:after {
  right: -0.125rem;
  top: -0.25rem;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.Recycleslidecount {
  display: block;
  font-family: var(--font-header);
  color: var(--c-harper-dark);
  font-size: 1.375rem;
  text-align: center;
}

/* ===================================================== */
/*  Recycle page stats section  */
/* ===================================================== */
.RecycleStats {
  display: block;
  margin: 0;
  overflow: hidden;
  text-align: center;
  margin: auto;
  max-width: 62.5rem;
  padding: 1.875rem 1.875rem 1.4375rem 1.875rem;
  letter-spacing: -0.25px;
}
.RecycleStats-header {
  padding: 0 1.25rem 1.6875rem 1.25rem;
}
.RecycleStats-subheading {
  padding: 0 0 1.6875rem 0;
  margin: auto;
}
.RecycleStats-stats {
  margin: auto;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 2.0625rem;
}
.RecycleStats-stats-number {
  padding-right: 1.25rem;
}

.RecycleStats-stats-number::after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0.5rem;
  content: "";
  display: block;
  height: 0.25rem;
  left: 0%;
  position: relative;
  background: var(--c-poppy);
  -webkit-transition: width 0.6s ease 0s, left 0s ease 0s;
  -o-transition: width 0.6s ease 0s, left 0s ease 0s;
  transition: width 0.6s ease 0s, left 0s ease 0s;
  width: 100%;
  z-index: -9;
}

#statscount {
  font-size: inherit;
}

/* ===================================================== */
/*  Recycle page image-text section  */
/* ===================================================== */
.RecycleReady {
  display: block;
  overflow: hidden;
  background-color: var(--c-slate);
}
.RecycleReady-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  height: auto;
  position: relative;
  margin: 0 auto;
  color: var(--c-white);
  text-align: center;
  padding: 45px 20px;
  max-width: 750px;
  margin: auto;
}

/* ===================================================== */
/*  Bordered image text section */
/* ===================================================== */
.BorderedImgText {
  display: block;
  margin: 0;
  overflow: hidden;
}
.BorderedImgText-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  position: relative;
  max-width: 93.75rem;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 3.125rem;
}
.BorderedImgText-textcontainer {
  width: 100%;
}
.BorderedImgText-imgcontainer {
  width: 100%;
  display: none;
}
.BorderedImgText-textcontainer {
  position: relative;
  margin: auto;
  padding: 0 1.5rem;
}
.BorderedImgText-righttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.BorderedImgText-lefttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.BorderedImgText-img {
  width: 100%;
  margin: auto;
  max-width: 33.125rem;
}
.BorderedImgText-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.BorderedImgText-placeholder--mobile {
  display: block;
  padding-bottom: 160%;
}
.BorderedImgText-placeholder--desktop {
  display: none;
  padding-bottom: 100%;
}
.BorderedImgText-content {
  text-align: center;
  margin: auto;
  padding-right: 1.25rem;
  max-width: 36.25rem;
}
.BorderedImgText-title {
  text-align: left;
  padding-bottom: 1.25rem;
  padding-top: 1.875rem;
}
.BorderedImgText-description {
  text-align: left;
}
.BorderedImgText-description p {
  line-height: inherit;
}
.BorderedImgText-cta {
  margin: 1.875rem auto 0 auto;
  width: 15rem;
}

/* ===================================================== */
/*  */
/* ===================================================== */
.CollectionBanner {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.CollectionBanner.is-visible .CollectionBanner-title {
  opacity: 1;
}
.CollectionBanner-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.CollectionBanner-left, .CollectionBanner-right {
  width: 50%;
}
.CollectionBanner-righttext {
  -ms-flex-direction: row;
  flex-direction: row;
}
.CollectionBanner-lefttext {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.CollectionBanner-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity ease 0.5s;
  -o-transition: opacity ease 0.5s;
  transition: opacity ease 0.5s;
}
.CollectionBanner-placeholder.lazyloaded {
  opacity: 1;
}
.CollectionBanner-placeholder--mobile {
  display: block;
  background-position: top;
  padding-bottom: calc(100% / 0.89);
}
.CollectionBanner-placeholder--desktop {
  display: none;
}
.CollectionBanner-contentContainer {
  position: absolute;
  width: 100%;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  top: 0;
}
.CollectionBanner-contentContainer--v2 {
  position: relative;
  border-top: 2px solid var(--c-harper-dark);
}
.CollectionBanner-content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  padding: 1.9375rem 1.5625rem 2.125rem 1.5625rem;
  font-weight: 400;
  text-align: center;
  height: auto;
  margin: auto;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-direction: column;
}
.CollectionBanner-content-righttext {
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.CollectionBanner-content-lefttext {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.CollectionBanner-content--v2 {
  padding: 0.9375rem;
}
.CollectionBanner-scrollheading {
  width: 100%;
}
.CollectionBanner-scrollheading.textscroll-top {
  position: absolute;
  top: 0;
}
.CollectionBanner-scrollheading.textscroll-top-mob {
  display: block;
}
.CollectionBanner-scrollheading.textscroll-top-desk {
  display: none;
}
.CollectionBanner-scrollheading svg {
  font-size: 1.875rem;
  width: 100%;
  height: auto;
  overflow: visible;
}
.CollectionBanner-scrollheading text {
  fill: none;
  stroke: white;
  stroke-width: 2px;
  stroke-linejoin: round;
  text-transform: uppercase;
  font-family: var(--font-header);
}
.CollectionBanner-scrollheading.textscroll-bottom {
  position: absolute;
  bottom: 0;
}
.CollectionBanner-scrollheading.textscroll-bottom-mob {
  display: block;
}
.CollectionBanner-scrollheading.textscroll-bottom-desk {
  display: none;
}
.CollectionBanner-scrollheading-mobile {
  height: 100%;
  width: 100%;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.CollectionBanner-heading {
  color: var(--c-harper-dark);
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--font-header);
  padding-bottom: 0.625rem;
}
.CollectionBanner-title {
  text-transform: uppercase;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 2.5rem;
  line-height: 2.5rem;
  width: 100%;
  padding: 1.875rem 0 0 0;
  max-width: 37.5rem;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity ease 0.8s;
  -o-transition: opacity ease 0.8s;
  transition: opacity ease 0.8s;
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.CollectionBanner-title-lefttext {
  text-align: center;
}
.CollectionBanner-title-righttext {
  text-align: center;
}
.CollectionBanner-title--v2 {
  padding: 0;
  font-size: 1.5625rem;
  text-align: left;
  margin: 0;
}
.CollectionBanner-subtitle {
  text-transform: uppercase;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 1.625rem;
  line-height: 1.75rem;
  width: 100%;
  padding: 1.875rem 0 0 0;
  max-width: 37.5rem;
  margin: 0 auto;
}
.CollectionBanner-subtitle--v2 {
  padding: 0;
  font-size: 1rem;
  line-height: 1.125rem;
  text-align: left;
  margin: 0;
}
.CollectionBanner-description {
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.625rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  padding: 0 0.625rem 2.25rem 0.625rem;
  max-width: 31.25rem;
  margin: auto;
}
.CollectionBanner-description p {
  padding: 0;
  line-height: inherit;
}
.CollectionBanner-description--v2 {
  padding: 0;
  text-align: left;
  font-size: 1.0625rem;
  margin: 0;
}
.CollectionBanner-cta-outline {
  margin: auto;
}

.CollectionBanner-righttext .CollectionBanner-placeholder {
  background-position: right;
}

.CollectionBanner-lefttext .CollectionBanner-placeholder {
  background-position: left;
}

.CollectionBadge {
  position: absolute;
  bottom: 17px;
  left: 2px;
  color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 99;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.02rem;
  font-family: var(--font-body);
}

.CollectionBadge-shape::before,
.CollectionBadge-shape::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: -1px;
  border-color: transparent;
  border-style: solid;
  z-index: 1;
}

.CollectionBadge-shape::after {
  border-width: 2.2rem;
  border-right-color: #253846;
  border-top-color: #253846;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* ===================================================== */
/*  LUTL page featured section */
/* ===================================================== */
.ProductsCarousel {
  display: block;
  margin: 0;
  overflow: hidden;
  background-color: var(--c-sky-blue);
  padding: 2rem 0;
}
.ProductsCarousel-container {
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 0.3125rem;
}
.ProductsCarousel-container.carousel {
  max-width: 100%;
}
.ProductsCarousel-title {
  max-width: 19.375rem;
  margin: auto;
  padding-bottom: 1.75rem;
  letter-spacing: -1px;
  text-align: inherit;
}
.ProductsCarousel-description {
  margin: auto;
  display: none;
  text-align: inherit;
  max-width: 17.5rem;
}
.ProductsCarousel-description p {
  line-height: inherit;
}
.ProductsCarousel-grid {
  padding-top: 0;
  margin: auto;
  max-width: 16.9375rem;
}
.ProductsCarousel-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.ProductsCarousel-items.desktop-unslick {
  max-width: 60.75rem;
  gap: 1.75rem;
}
.ProductsCarousel-cta {
  margin: 0 auto 0.875rem auto;
  width: 15rem;
}
.ProductsCarousel-item__wrapper {
  width: 100%;
}
.ProductsCarousel-item__wrapper .Grid-item {
  width: 100%;
  margin: auto;
}
.ProductsCarousel-item {
  -ms-flex: 0 0 17.5rem;
  flex: 0 0 17.5rem;
  overflow: hidden;
  margin: 0;
  margin-bottom: 1.25rem;
  outline: none;
}
.ProductsCarousel-item-details {
  padding-bottom: 1.5625rem;
}
.ProductsCarousel-item-img {
  width: 100%;
  display: inline-block;
  margin: auto;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  height: 15.625rem;
  border: 0.125rem solid var(--c-harper-dark);
  margin-top: -0.875rem;
  margin-left: -1.25rem;
  vertical-align: bottom;
}
.ProductsCarousel-item-img-wrapper {
  position: relative;
}
.ProductsCarousel-item-img img {
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ProductsCarousel-item-img2 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.ProductsCarousel-item-img2-wrapper {
  border: 0.125rem solid var(--c-harper-dark);
  padding-bottom: 0.5rem;
  position: relative;
}
.ProductsCarousel-item-img2-wrapper.shadow {
  background-color: var(--c-harper-dark);
}
.ProductsCarousel-item-img2:hover {
  opacity: 0;
}
.ProductsCarousel-item-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0.125rem solid var(--c-harper-dark);
}
.ProductsCarousel-item-title {
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1.25rem;
  text-align: center;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}
.ProductsCarousel-item-title sup {
  top: 0;
  font-size: 100%;
}
.ProductsCarousel-item-description {
  text-align: center;
  margin-left: -0.5rem;
}
.ProductsCarousel-item-description p {
  line-height: inherit;
}
.ProductsCarousel-swatches {
  padding-top: 1.25rem;
  width: 100%;
}

.ProductsCarousel-btnwrapper-next {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 13.125rem;
  right: 0.625rem;
  right: -3.125rem;
  z-index: 9;
}

.ProductsCarousel-btnwrapper-prev {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 13.125rem;
  left: 0.625rem;
  left: -3.125rem;
  z-index: 9;
}

.ProductsCarousel-prev-arrow {
  background: #464855;
  height: 0.125rem;
  width: 1.3125rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  left: 0.5rem;
  top: 50%;
  outline: none;
}
.ProductsCarousel-prev-arrow:before, .ProductsCarousel-prev-arrow:after {
  content: "";
  background: #464855;
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.ProductsCarousel-prev-arrow:before {
  left: -3px;
  bottom: -4px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.ProductsCarousel-prev-arrow:after {
  left: -3px;
  top: -4px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.ProductsCarousel-next-arrow {
  background: #464855;
  height: 0.125rem;
  width: 1.4375rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  right: 0.4375rem;
  top: 50%;
  outline: none;
}
.ProductsCarousel-next-arrow:before, .ProductsCarousel-next-arrow:after {
  content: "";
  background: #464855;
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.ProductsCarousel-next-arrow:before {
  right: -2px;
  bottom: -4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ProductsCarousel-next-arrow:after {
  right: -2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ProductsCarousel .product-card__title {
  /* h1 */
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: none;
  font-size: 1rem;
}

.ProductsCarousel .product-card__titlePrice {
  font-weight: 400;
}

/*********** New HP Carousel **********/
.ProductsCarousel-tabs {
  background-color: var(--c-white);
}

.product-carousel-tabbed {
  padding-bottom: 55px;
  padding-top: 12px;
  background: var(--product-carousel-bg);
  margin: 48px 0 94px;
}
.product-carousel-tabbed .tabs {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 16px;
  -ms-flex-pack: center;
  justify-content: center;
}
.product-carousel-tabbed .tab {
  position: relative;
  cursor: pointer;
  padding: 0 0 8px;
  width: 325px;
  text-align: center;
}
.product-carousel-tabbed .tab:after {
  content: "";
  position: absolute;
  background: var(--c-sky-blue);
  bottom: 0;
  width: 200%;
  height: 4px;
  border-radius: 0 2px 2px 0;
  -webkit-transition: width 0.6s ease-in-out;
  -o-transition: width 0.6s ease-in-out;
  transition: width 0.6s ease-in-out;
}
.product-carousel-tabbed .tab.is-active {
  -webkit-transition: width 0.6s ease-in-out;
  -o-transition: width 0.6s ease-in-out;
  transition: width 0.6s ease-in-out;
}
.product-carousel-tabbed .tab.is-active:after {
  z-index: 1;
  background: var(--c-harper-dark);
  border-radius: 2px 0 0 2px;
  -webkit-transition: width 0.6s ease-in-out;
  -o-transition: width 0.6s ease-in-out;
  transition: width 0.6s ease-in-out;
  width: 100%;
}
.product-carousel-tabbed .tab:first-of-type:after {
  left: 0;
}
.product-carousel-tabbed .tab:last-of-type:after {
  right: 0;
}
.product-carousel-tabbed .tab.no-tabs {
  padding: 0;
  cursor: default;
  width: 100%;
}
.product-carousel-tabbed .tab.no-tabs:after {
  display: none;
}
.product-carousel-tabbed.has-cta {
  margin: 48px 0 100px;
}
.product-carousel-tabbed.has-cta .swiper-pagination {
  margin: 0;
  bottom: -136px !important;
}
.product-carousel-tabbed .ProductsCarousel-container {
  padding: 0;
  visibility: hidden;
  opacity: 0;
  max-height: 700px;
  height: 0;
}
.product-carousel-tabbed .ProductsCarousel-container.is-active {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.product-carousel-tabbed .ProductsCarousel-container.carousel {
  max-width: 100% !important;
}
.product-carousel-tabbed .ProductsCarousel-container.carousel .swiper-pagination {
  position: absolute;
  margin: 0;
  bottom: -50px;
  top: unset;
}
.product-carousel-tabbed .ProductsCarousel-container .ProductsCarousel-grid {
  max-width: 100% !important;
  padding-top: 32px;
}
.product-carousel-tabbed .ProductsCarousel-container .ProductsCarousel-grid .ProductsCarousel-item__wrapper {
  padding: 0;
}
.product-carousel-tabbed .ProductsCarousel-container .product-card__details {
  margin-top: 12px;
}
.product-carousel-tabbed .ProductsCarousel-container .product-card__details .quickshop-btn {
  margin-top: 16px;
  text-align: left;
  color: #253746;
  color: var(--primary-new-harper-dark, #253746);
  font-family: "Lexend";
  font-size: 10px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.product-carousel-tabbed .ProductsCarousel-container .product-card__details .quickshop-btn svg {
  margin-bottom: -3px;
}
.product-carousel-tabbed .bulk-discount__badge {
  position: relative;
  background-color: var(--c-sky-blue);
  color: var(--c-harper-dark);
  padding: 4px 12px !important;
  vertical-align: middle;
  border: none !important;
  border-radius: 1.25rem !important;
  width: auto !important;
  bottom: 2px;
}
.product-carousel-tabbed .swatch {
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.product-carousel-tabbed .swatch .swatch-link {
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
}
.product-carousel-tabbed .swatch .swatch-link .swatch-inner {
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
}
.product-carousel-tabbed .swatch .swatch-link:hover {
  border: 2px solid var(--c-slate) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
}
.product-carousel-tabbed .swatch .swatch-link:hover .swatch-inner {
  min-width: 18px !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid var(--c-white) !important;
}
.product-carousel-tabbed .swatch .swatch-link.is-selected {
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
}
.product-carousel-tabbed .swatch .swatch-link.is-selected .swatch-inner {
  min-width: 18px !important;
  width: 18px !important;
  height: 18px !important;
}
.product-carousel-tabbed .carousel-cta {
  display: none;
  text-align: center;
  padding-top: 32px;
}
.product-carousel-tabbed .carousel-cta.is-active {
  display: block;
}
/* .product-carousel-tabbed .carousel-cta .carousel-btn {
  background-color: var(--c-sky-blue);
} */
/* .product-carousel-tabbed .product-card__imageContainer .quickshop-btn:hover {
  background: var(--c-eggshell);
  color: var(--c-harper-dark);
} */
.product-carousel-tabbed .ProductsCarousel-items {
  -ms-flex-pack: start;
  justify-content: start;
}
.product-carousel-tabbed .ProductsCarousel-items.no-pagination {
  -ms-flex-pack: center;
  justify-content: center;
}
.product-carousel-tabbed .swiper-container {
  overflow: hidden;
  padding-right: 21px;
}
.product-carousel-tabbed .swiper-container .swiper-wrapper {
  padding: 0 11px;
}
.product-carousel-tabbed .swiper-pagination {
  position: absolute;
}
.product-carousel-tabbed .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: var(--c-harper-dark) !important;
  border: 1.5px solid var(--c-harper-dark) !important;
  border-radius: 15px;
  opacity: 1 !important;
}
.product-carousel-tabbed .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--c-eggshell) !important;
}
.product-carousel-tabbed .colour-swatch-links--mobile {
  padding-bottom: 2px;
}
.product-carousel-tabbed .colour-swatch-links--mobile .swatch {
  margin-right: 0;
}
.product-carousel-tabbed .colour-swatch-links.colour-swatch-links--desktop .slick-list {
  max-width: 200px;
}
.product-carousel-tabbed .colour-swatch-links.colour-swatch-links--desktop .slick-arrow {
  width: 1.375rem !important;
  height: 1.375rem !important;
}

.product-carousel-tabbed .bulk-discount__badge {
  white-space: nowrap;
  margin-left: 0;
}

.CollectionBundle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.CollectionBundle-content {
  width: 100%;
  padding: 1.875rem;
  color: var(--c-harper-dark);
}
.CollectionBundle-desktop {
  display: none;
}
.CollectionBundle-desktop a {
  font-family: var(--font-body);
  font-weight: 600;
  color: var(--c-red);
  border-bottom: 0.0625rem solid var(--c-red);
}
.CollectionBundle-mobile {
  display: block;
  font-size: 1.125rem;
  padding: 0.9375rem 0.625rem 0.375rem 0.625rem;
}
.CollectionBundle-mobile a {
  font-family: var(--font-body);
  font-weight: 600;
  color: var(--c-red);
  border-bottom: 0.0625rem solid var(--c-red);
}
.CollectionBundle-contentwrapper {
  max-width: 28.125rem;
  margin: auto;
}
.CollectionBundle-contentwrapper-scrollable {
  max-width: 28.125rem;
  margin: auto;
}
.CollectionBundle-contentwrapper-scrollable-wrapper {
  position: relative;
}

.GridItemBundle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.GridItemBundle-details {
  text-align: left;
}
.GridItemBundle-details-content {
  padding-top: 3px;
}
.GridItemBundle-details-bottomlabel {
  display: -ms-flexbox;
  display: flex;
}
.GridItemBundle-details-bottomlabel-left {
  min-width: 110px;
  margin-right: 30px;
  display: none;
}
.GridItemBundle-details-bottomlabel-right {
  width: 100%;
}
.GridItemBundle .ProductRadioButtons-group {
  margin-bottom: 12px;
}
.GridItemBundle .ProductForm-controls {
  height: auto;
  margin: 10px 0 0 0;
}
.GridItemBundle .ProductForm-submitButton {
  margin-top: 18px;
}
.GridItemBundle-item-hr {
  margin-top: 0;
}
.GridItemBundle-imageContainer {
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 80px;
  height: 80px;
}
.GridItemBundle-imageContainer img {
  height: 100%;
  margin: auto;
  min-width: 100%;
  overflow-x: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}
.GridItemBundle-titleLink {
  font-family: var(--font-body);
  text-transform: capitalize;
  font-weight: 300;
  font-size: 24px;
}
.GridItemBundle-imagePlaceholder {
  background-size: cover;
  opacity: 1;
}

.GridItemBundle-secondImagePlaceholder {
  display: none;
}
.GridItemBundle-secondImagePlaceholder.lazyloaded {
  opacity: 0;
}

.GridItemBundle-details .Product-sizeChart {
  display: none;
}

.GridItemBundle-item-hr {
  margin-bottom: 22px;
  margin-top: 0px;
}
.GridItemBundle-item-title {
  padding-bottom: 20px;
  font-weight: 600;
  font-family: var(--font-body);
}
.GridItemBundle-item-hr:first-child {
  display: none;
}
.GridItemBundle-item:last-child {
  padding-bottom: 15px;
}
.GridItemBundle-prodtotal {
  text-align: center;
  font-weight: 600;
  font-family: var(--font-body);
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  max-width: 28.125rem;
}
.GridItemBundle-prodtotal span {
  padding-left: 2px;
}
.GridItemBundle-qtylabel {
  padding-left: 2px;
}
.GridItemBundle-qtylabel-fallback {
  margin-top: -22px;
  opacity: 0;
  text-align: center;
  font-weight: 600;
  font-family: var(--font-body);
}

.GridItemBundleIndex-imagePlaceholder {
  background-position: initial;
  background-size: cover;
  background-position: center;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  background-repeat: no-repeat;
  -webkit-transition: opacity 300ms ease-out 150ms;
  -o-transition: opacity 300ms ease-out 150ms;
  transition: opacity 300ms ease-out 150ms;
  background-size: cover;
  opacity: 1;
  height: 100%;
  margin: auto;
  min-width: 100%;
  overflow-x: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  padding: 0;
  border-radius: 0.25rem;
}

.GridItemBundleIndex-secondImagePlaceholder {
  display: none;
}
.GridItemBundleIndex-secondImagePlaceholder.lazyloaded {
  opacity: 0;
}

.Collection-products .GridItem-titlePrice {
  margin-right: 5px;
}

/* ===================================================== */
/*  Story page image-text section  */
/* ===================================================== */
.CollectionBundleupUnderwear-title {
  text-transform: uppercase;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 1.875rem;
  line-height: 1.875rem;
  padding-bottom: 1.25rem;
}

.CollectionBundleup {
  display: block;
  margin: 0;
  overflow: hidden;
}
.CollectionBundleup-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  height: auto;
  position: relative;
  margin: 0 auto;
  padding: 1.0625rem 1.0625rem 2.5rem 1.0625rem;
}
.CollectionBundleup-container.mobile-reverse {
  -ms-flex-direction: column;
  flex-direction: column;
}
.CollectionBundleup-header {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background-color: #98a4ae;
  font-family: var(--font-header);
  font-size: 1.875rem;
  line-height: 2.1875rem;
  height: 7.5rem;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5rem;
}
.CollectionBundleup-header-text {
  margin: auto;
}
.CollectionBundleup-imgcontainer-righttext {
  width: 100%;
  border: 0.125rem solid #253746;
  padding-bottom: 0.25rem;
  margin-top: 1.25rem;
}
.CollectionBundleup-imgcontainer-lefttext {
  width: 100%;
  border: 0.125rem solid #253746;
  padding-bottom: 0.25rem;
  margin-top: 1.25rem;
}
.CollectionBundleup-textcontainer {
  top: 0;
  position: absolute;
  margin: auto;
}
.CollectionBundleup-textcontainer-righttext {
  width: 100%;
  margin: auto;
  padding: 1.875rem 1.5625rem 1.25rem 1.5625rem;
}
.CollectionBundleup-textcontainer-lefttext {
  width: 100%;
  margin: auto;
  padding: 1.875rem 1.5625rem 1.25rem 1.5625rem;
}
.CollectionBundleup-righttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.CollectionBundleup-lefttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.CollectionBundleup-img {
  width: 100%;
  display: inline-block;
  margin: auto;
}
.CollectionBundleup-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 73.5294117647%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0.125rem solid #253746;
  margin-top: -4px;
  margin-left: -4px;
}
.CollectionBundleup-content {
  margin: auto;
}
.CollectionBundleup-content-centertext {
  text-align: center;
  margin: auto;
  background-color: #fff;
  color: var(--c-harper-dark);
  border: 0.125rem solid var(--c-harper-dark);
  max-width: 37.5rem;
  padding: 2.5625rem 1.1875rem;
}
.CollectionBundleup-title {
  text-transform: uppercase;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 1.875rem;
  line-height: 1.875rem;
  padding-bottom: 1.25rem;
}
.CollectionBundleup-description {
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.625rem;
}
.CollectionBundleup-description img {
  padding-top: 1.25rem;
  width: 10rem;
}
.CollectionBundleup-description p {
  line-height: inherit;
}
.CollectionBundleup-cta {
  margin: 2.5rem auto 0 auto;
}

/* ===================================================== */
/*  Story page image-text section  */
/* ===================================================== */
.CollectionMySizeUnderwear-content {
  margin: auto;
  background: white;
  padding: 2.5625rem 0.9375rem 2.1875rem 0.9375rem;
  border: 0.125rem solid var(--c-harper-dark);
  padding: 2.5625rem 1.1875rem;
  max-width: 18.625rem;
}
.CollectionMySizeUnderwear-content-centertext {
  text-align: center;
  margin: auto;
  background-color: #fff;
  color: var(--c-harper-dark);
  border: 0.125rem solid var(--c-harper-dark);
}

.CollectionMySize {
  display: block;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
.CollectionMySize-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  position: relative;
  margin: 0 auto;
  padding: 0;
}
.CollectionMySize-container-righttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.CollectionMySize-container-lefttext {
  -ms-flex-direction: column;
  flex-direction: column;
}
.CollectionMySize-header {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background-color: #98a4ae;
  font-family: var(--font-header);
  font-size: 1.875rem;
  line-height: 2.1875rem;
  height: 7.5rem;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5rem;
}
.CollectionMySize-header-text {
  margin: auto;
}
.CollectionMySize-imgcontainer-righttext {
  width: 100%;
}
.CollectionMySize-imgcontainer-lefttext {
  width: 100%;
}
.CollectionMySize-textcontainer {
  top: 0;
  position: absolute;
  margin: auto;
}
.CollectionMySize-textcontainer-righttext {
  width: 100%;
  margin: auto;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  height: 100%;
  padding: 0.375rem 0.375rem;
}
.CollectionMySize-textcontainer-lefttext {
  width: 100%;
  margin: auto;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  height: 100%;
  padding: 0.375rem 0.375rem;
}
.CollectionMySize-img {
  width: 100%;
  display: inline-block;
  margin: auto;
}
.CollectionMySize-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 121.9512195122%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.CollectionMySize-content {
  margin: auto;
  background: white;
  padding: 2.5625rem 0.9375rem 2.1875rem 0.9375rem;
  border: 0.125rem solid var(--c-harper-dark);
  border-radius: 0.375rem;
  padding: 2.5625rem 1.1875rem;
  max-width: 18.625rem;
}
.CollectionMySize-content-centertext {
  text-align: center;
  margin: auto;
  background-color: #fff;
  color: var(--c-harper-dark);
  border: 0.125rem solid var(--c-harper-dark);
  max-width: 37.5rem;
}
.CollectionMySize-title {
  text-align: center;
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.875rem;
  padding-bottom: 1.25rem;
}
.CollectionMySize-description {
  text-align: center;
  /* h1 */
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 1.125rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.CollectionMySize-description img {
  padding-top: 1.25rem;
  width: 10rem;
}
.CollectionMySize-description p {
  line-height: inherit;
}
.CollectionMySize-cta {
  margin: 1.875rem auto 0 auto;
  width: 15rem;
}

/* ===================================================== */
/*  LUTL page featured section */
/* ===================================================== */
.CollectionFeatured {
  display: block;
  margin: 0;
  overflow: hidden;
  background-color: var(--c-sky-blue);
  padding-top: 2.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--c-sky-blue)), color-stop(48%, var(--c-sky-blue)), color-stop(48%, #ffffff), to(#ffffff));
  background: -o-linear-gradient(top, var(--c-sky-blue) 0%, var(--c-sky-blue) 48%, #ffffff 48%, #ffffff 100%);
  background: linear-gradient(to bottom, var(--c-sky-blue) 0%, var(--c-sky-blue) 48%, #ffffff 48%, #ffffff 100%);
}
.CollectionFeatured-container {
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 0.3125rem;
}
.CollectionFeatured-title {
  font-size: 1.875rem;
  line-height: 2rem;
  padding-bottom: 1.75rem;
  text-transform: uppercase;
  text-align: inherit;
  font-family: var(--font-header);
  color: var(--c-harper-dark);
  max-width: 19.375rem;
  margin: auto;
}
.CollectionFeatured-description {
  font-size: 1.375rem;
  line-height: 1.625rem;
  text-align: inherit;
  max-width: 34.375rem;
  margin: auto;
  font-family: var(--font-body);
  color: var(--c-harper-dark);
  display: none;
  max-width: 17.5rem;
}
.CollectionFeatured-description p {
  line-height: inherit;
}
.CollectionFeatured-grid {
  padding-top: 0;
  margin: auto;
  max-width: 21.6875rem;
}
.CollectionFeatured-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 15.3125rem;
  margin: 0 auto;
  padding: 0;
}
.CollectionFeatured-cta {
  margin: 0 auto 0.875rem auto;
  width: 15rem;
}
.CollectionFeatured-item {
  -ms-flex: 0 0 17.5rem;
  flex: 0 0 17.5rem;
  overflow: hidden;
  margin: 0;
  margin-bottom: 1.25rem;
  padding: 0.5rem 0.125rem 0.5rem 0.3125rem;
  outline: none;
}
.CollectionFeatured-item-details {
  padding-bottom: 1.5625rem;
}
.CollectionFeatured-item-img {
  width: 100%;
  display: inline-block;
  margin: auto;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  height: 15.625rem;
  border: 0.125rem solid var(--c-harper-dark);
  margin-top: -0.875rem;
  margin-left: -1.25rem;
  vertical-align: bottom;
}
.CollectionFeatured-item-img-wrapper {
  position: relative;
}
.CollectionFeatured-item-img img {
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.CollectionFeatured-item-img2 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.CollectionFeatured-item-img2-wrapper {
  border: 0.125rem solid var(--c-harper-dark);
  padding-bottom: 0.5rem;
  position: relative;
}
.CollectionFeatured-item-img2-wrapper.shadow {
  background-color: var(--c-harper-dark);
}
.CollectionFeatured-item-img2:hover {
  opacity: 0;
}
.CollectionFeatured-item-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0.125rem solid var(--c-harper-dark);
}
.CollectionFeatured-item-title {
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 1.375rem;
  line-height: 1.375rem;
  text-align: center;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
  text-transform: uppercase;
}
.CollectionFeatured-item-title sup {
  top: 0;
  font-size: 100%;
}
.CollectionFeatured-item-description {
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  margin-left: -0.5rem;
}
.CollectionFeatured-item-description p {
  line-height: inherit;
}
.CollectionFeatured-swatches {
  padding-top: 1.25rem;
  width: 100%;
}

.CollectionFeatured-btnwrapper-next {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 13.125rem;
  right: 0.625rem;
  right: -3.125rem;
  z-index: 9;
}

.CollectionFeatured-btnwrapper-prev {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 13.125rem;
  left: 0.625rem;
  left: -3.125rem;
  z-index: 9;
}

.CollectionFeatured-prev-arrow {
  background: #464855;
  height: 0.125rem;
  width: 1.3125rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  left: 0.5rem;
  top: 50%;
  outline: none;
}
.CollectionFeatured-prev-arrow:before, .CollectionFeatured-prev-arrow:after {
  content: "";
  background: #464855;
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.CollectionFeatured-prev-arrow:before {
  left: -3px;
  bottom: -4px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.CollectionFeatured-prev-arrow:after {
  left: -3px;
  top: -4px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.CollectionFeatured-next-arrow {
  background: #464855;
  height: 0.125rem;
  width: 1.4375rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  right: 0.4375rem;
  top: 50%;
  outline: none;
}
.CollectionFeatured-next-arrow:before, .CollectionFeatured-next-arrow:after {
  content: "";
  background: #464855;
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.CollectionFeatured-next-arrow:before {
  right: -2px;
  bottom: -4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.CollectionFeatured-next-arrow:after {
  right: -2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

:root {
  --facet-margin-top: 0;
}

#ProductGridContainer {
  -webkit-transition: margin-top 200ms ease-in-out;
  -o-transition: margin-top 200ms ease-in-out;
  transition: margin-top 200ms ease-in-out;
  margin-top: 0;
}

.filter-sort-container {
  padding: 0;
}

.facets-wrapper {
  max-width: 84.375rem;
  margin: 0 auto;
  margin-bottom: 1rem;
  padding: 0 1.5rem;
}
.template-search .facets-wrapper {
  padding: 1.4375rem 1.4375rem 0;
}

.facets {
  z-index: 1;
  display: block;
  grid-column-start: span 2;
}

.mobile-facets__details.desktop-only {
  grid-column: -1;
  grid-row: 1;
  justify-self: flex-end;
}

.facets__disclosure fieldset {
  padding-top: 0.5rem;
  margin: 0;
  border: 0;
}

.facets__summary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 0 1.5rem 0 0;
}
.facets__summary span {
  padding-right: 0.5rem;
}
.facets__summary svg {
  color: var(--c-harper-dark);
}

.facets-wrap.parent-wrap {
  padding-top: 0;
  margin-bottom: 1rem;
}

.facets__list {
  overflow: hidden auto;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.facets__list-label {
  margin-bottom: 0.5rem;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
  font-weight: 600;
}

.facets__item--color {
  position: relative;
  height: 2.75rem;
  margin-bottom: 1.25rem;
  padding-left: 0.25rem;
}

.swatch-link {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.facets__item--color .swatch-link {
  margin-right: 1.75rem;
}
.swatch-link .swatch-inner {
  background-repeat: no-repeat;
}
input:disabled + .swatch-link {
  opacity: 0.3;
}
input:checked + .swatch-link .swatch-inner {
  border: 2px solid var(--c-white);
}

.facets__item label,
.facets__item input[type=checkbox] {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.facets__item label:has(> *:disabled), .facets__item label:disabled,
.facets__item input[type=checkbox]:has(> *:disabled),
.facets__item input[type=checkbox]:disabled {
  cursor: auto;
}

.ProductRadioButtons-item label,
.product-option label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-width: 4.375rem;
  height: 2.5rem;
  padding: 0.5rem;
  line-height: 1.1875rem;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 300;
  text-align: center;
  border: 2px solid var(--c-harper-dark);
  /* FOR GRISHO */
  /* border-radius: 0.375rem; */
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  color: var(--c-harper-dark);
}

.facets__label-text,
.product-option__label-text {
  z-index: 0;
}
.facets__label-text::after,
.product-option__label-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 3px;
}
input:checked + .facets__label-text,
input:checked + .product-option__label-text {
  color: var(--c-harper-dark);
}
input:checked + .facets__label-text::after,
input:checked + .product-option__label-text::after {
  background-color: var(--c-sky-blue);
  border: 0.125rem solid var(--c-harper-dark);
  font-weight: 600;
}
[disabled] + .facets__label-text,
[disabled] + .product-option__label-text {
  color: var(--c-slate);
}
[disabled] + .facets__label-text::after,
[disabled] + .product-option__label-text::after {
  border: 0.0625rem solid var(--c-slate);
  background-color: var(--c-thread-grey);
}

.facets__label-text--fixed-width {
  width: 4.375rem;
  padding: 0.3125rem;
}

.facets__label-color {
  position: absolute;
  top: 1.5rem;
  margin-left: -1.75rem;
  margin-top: 0.25rem;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
}
input:disabled ~ .facets__label-color {
  color: var(--c-slate);
}

.desktop-facets-apply {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

.active-facets {
  display: -ms-flexbox;
  display: flex;
  row-gap: 0.5rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  grid-column: 1/-1;
  grid-row: 2;
}
.active-facets facet-remove:nth-last-of-type(2) {
  margin-right: 0.4375rem;
}

.active-facets-mobile {
  padding-top: 0.25rem;
}
.active-facets-mobile.active {
  padding: 0.75rem 0 0.25rem;
}
.active-facets-mobile.active a {
  margin-bottom: 0;
}

.active-facets__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 1.875rem;
  margin: 0 0.5rem 0.3125rem 0;
  padding: 0 0.875rem;
  background: var(--c-sky-blue);
  border: 0;
  border-radius: 0.375rem;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.875rem;
}
.active-facets__button .active-facets__button-inner {
  display: -ms-flexbox;
  display: flex;
}
.active-facets__button svg {
  color: black;
}
.active-facets__button:hover {
  background: var(--c-harper-dark);
  color: var(--c-white);
}
.active-facets__button:hover svg {
  color: var(--c-white);
}

.filters-open .active-facets-desktop {
  display: none;
}

.active-facets__button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0;
  margin-left: 0;
}

.active-facets__button-remove {
  color: var(--c-harper-dark);
  text-decoration: underline;
  margin: 0 0.5rem 0.3125rem 0;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 500;
}

.facets-mobile-drawer {
  height: 100%;
  padding-top: 0;
}

.facets-mobile-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.Offcanvas-content-filters {
  background: var(--c-white);
  padding-top: 0;
}

.js-offcanvas-trigger.mobile-facets-trigger {
  padding: 0.75rem 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: var(--c-harper-dark);
  border: 1px solid var(--c-slate);
  border-radius: 0.375rem;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
  white-space: nowrap;
}
.js-offcanvas-trigger.mobile-facets-trigger .icon-sliders {
  margin-right: 0.5rem;
}

.facets__display {
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: 55rem;
  overflow-y: auto;
  border: 0;
  -webkit-box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  background-color: var(--c-white);
  overflow: hidden;
  margin-top: 0.75rem;
}
body:not(.filters-open) .facets__display {
  opacity: 0;
}

.mobile-facets__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.625rem 1.25rem;
  color: var(--c-harper-dark);
  font-size: 1.25rem;
  line-height: 1.375rem;
  text-transform: uppercase;
}
.mobile-facets__header .OffcanvasNav-closeBtn {
  padding-top: 0;
}

.mobile-facets__count:not(:empty) {
  padding: 0.15625rem 0;
  margin-left: 0.875rem;
  color: var(--c-white);
  background: var(--c-harper-dark);
  border-radius: 100%;
  height: 1.1875rem;
  width: 1.1875rem;
  font-weight: 600;
  font-size: 0.5625rem;
  text-align: center;
}

.mobile-facets__list {
  overflow: visible;
  font-family: var(--font-body);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.mobile-facets__list .mobile-facets__item:not(:first-child) {
  margin-top: 0.25rem;
}
#FacetFiltersFormMobile .mobile-facets__list .mobile-facets__item:not(:first-child) {
  margin-top: 0;
}

#FacetFiltersFormMobile #availability + .OffcanvasNav-items {
  padding-top: 0.25rem;
  background-color: var(--c-white);
}

.mobile-facets__label {
  padding: 0.25rem 0;
  width: 100%;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  word-break: break-word;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.25rem;
}

.mobile-facets__label > svg {
  background-color: var(--c-white);
  color: var(--c-thread-grey);
  border-radius: 0.1875rem;
  position: relative;
  margin-right: 0.625rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.mobile-facets__label .icon-checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(50%, -40%);
  -ms-transform: translate(50%, -40%);
  transform: translate(50%, -40%);
  visibility: hidden;
  color: var(--c-white);
}

.mobile-facets__label > input[type=checkbox]:checked ~ svg {
  background-color: var(--c-harper-dark);
}

.mobile-facets__label > input[type=checkbox]:checked ~ .icon-checkmark {
  visibility: visible;
}

.mobile-facets__footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  padding: 1.25rem;
  background-color: var(--c-harper-dark);
}
.mobile-facets__footer .mobile-facets__clear[disabled],
.mobile-facets__footer #mobile-facets-apply[disabled] {
  color: var(--c-slate);
  opacity: 1;
}
.mobile-facets__footer #mobile-facets-apply {
  background: var(--c-eggshell);
}
.mobile-facets__footer #mobile-facets-apply[disabled] {
  background: var(--c-eggshell-alt);
  border-color: var(--c-harper-dark);
}

.mobile-facets__summary {
  font-size: 1rem;
}
.mobile-only .mobile-facets__summary {
  padding: 0 0 0 1rem;
  font-size: 0.8125rem;
}

.mobile-facets__sort {
  color: var(--c-harper-dark);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.mobile-facets__sort label {
  margin-right: 0.375rem;
  font-size: inherit;
  line-height: 20px;
}

.sort-by__select {
  cursor: pointer;
  opacity: 0;
  width: auto;
  margin: 0;
  padding: 0;
  background-position: 84% 50%;
  font-family: var(--font-body);
  font-size: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background-image: url("data:image/svg+xml;utf8,<svg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M.15.588a.406.406 0 0 1 .575 0L4.5 4.363 8.275.588a.406.406 0 1 1 .575.574L4.787 5.225a.406.406 0 0 1-.574 0L.15 1.162a.406.406 0 0 1 0-.574Z' fill='%23000000'/></svg>");
}

.sort-by__button {
  font-family: var(--font-body);
  font-size: inherit;
  white-space: nowrap;
  padding: 0 1.875rem 0 0;
  background-position: 84% 50%;
  background-size: unset;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M.15.588a.406.406 0 0 1 .575 0L4.5 4.363 8.275.588a.406.406 0 1 1 .575.574L4.787 5.225a.406.406 0 0 1-.574 0L.15 1.162a.406.406 0 0 1 0-.574Z' fill='%23000000'/></svg>");
}
.sort-by__select:focus + .sort-by__button {
  border: 2px solid var(--c-thread-grey);
}

/* ===================================================== */
/*  PDP page featured section */
/* ===================================================== */
.PDPFeatured {
  display: block;
  margin: 0;
  overflow: hidden;
  background-color: var(--c-sky-blue);
  padding-top: 2.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--c-sky-blue)), color-stop(72%, var(--c-sky-blue)), color-stop(72%, #ffffff), to(#ffffff));
  background: -o-linear-gradient(top, var(--c-sky-blue) 0%, var(--c-sky-blue) 72%, #ffffff 72%, #ffffff 100%);
  background: linear-gradient(to bottom, var(--c-sky-blue) 0%, var(--c-sky-blue) 72%, #ffffff 72%, #ffffff 100%);
}
.PDPFeatured-container {
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 0.3125rem;
}
.PDPFeatured-title {
  font-size: 1.875rem;
  line-height: 2rem;
  padding-bottom: 1.75rem;
  text-transform: uppercase;
  text-align: inherit;
  font-family: var(--font-header);
  color: var(--c-harper-dark);
  max-width: 19.375rem;
  margin: auto;
}
.PDPFeatured-description {
  font-size: 1.375rem;
  line-height: 1.625rem;
  text-align: inherit;
  max-width: 34.375rem;
  margin: auto;
  font-family: var(--font-body);
  color: var(--c-harper-dark);
  display: none;
  max-width: 17.5rem;
}
.PDPFeatured-description p {
  line-height: inherit;
}
.PDPFeatured-grid {
  padding-top: 0;
  margin: auto;
  width: 15.625rem;
}
.PDPFeatured-cta {
  margin: 0 auto 0.875rem auto;
  width: 15rem;
}
.PDPFeatured-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
}
.PDPFeatured-grid {
  padding-top: 0;
  margin: auto;
  width: 15.625rem;
}
.PDPFeatured-cta {
  margin: 0 auto 0.875rem auto;
  width: 15rem;
}
.PDPFeatured-items {
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
}
.PDPFeatured-item {
  padding: 0.5rem 0.625rem;
  padding: 0.5rem 0.125rem 0.5rem 0.375rem;
  padding-left: 0.3125rem;
  margin: 0 0.0625rem;
  outline: none;
  overflow: hidden;
  width: 17.5rem;
}
.PDPFeatured-item-details {
  max-width: 15.375rem;
}
.PDPFeatured-item-img {
  width: 100%;
  display: inline-block;
  margin: auto;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  height: 15.625rem;
  border: 0.125rem solid var(--c-harper-dark);
  margin-top: -14px;
  margin-left: -20px;
  vertical-align: bottom;
}
.PDPFeatured-item-img-wrapper {
  border: 0.125rem solid var(--c-harper-dark);
  padding-bottom: 0.5rem;
  position: relative;
  max-width: 15.375rem;
  background-color: var(--c-harper-dark);
}
.PDPFeatured-item-img-wrapper.shadow {
  background-color: var(--c-harper-dark);
}
.PDPFeatured-item-img img {
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.PDPFeatured-item-img2 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.PDPFeatured-item-img2-wrapper {
  border: 0.125rem solid var(--c-harper-dark);
  padding-bottom: 0.5rem;
  position: relative;
}
.PDPFeatured-item-img2-wrapper.shadow {
  background-color: var(--c-harper-dark);
}
.PDPFeatured-item-img2:hover {
  opacity: 0;
}
.PDPFeatured-item-placeholder {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0.125rem solid var(--c-harper-dark);
  margin-top: -7px;
  margin-left: -7px;
  padding-bottom: 131.2335958005%;
}
.PDPFeatured-item-title {
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 1.375rem;
  line-height: 1.375rem;
  text-align: center;
  padding-bottom: 0.625rem;
  padding-top: 1.375rem;
  text-transform: uppercase;
  margin-left: -8px;
}
.PDPFeatured-item-description {
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-size: 1.375rem;
  line-height: 1.625rem;
  text-align: center;
  margin-left: -8px;
}
.PDPFeatured-item-description p {
  line-height: inherit;
}

.PDPFeatured-btnwrapper {
  display: block;
}

.PDPFeatured-prev-arrow {
  background: #464855;
  height: 0.125rem;
  width: 1.3125rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  left: -3.125rem;
  top: 50%;
  outline: none;
}
.PDPFeatured-prev-arrow:before, .PDPFeatured-prev-arrow:after {
  content: "";
  background: #464855;
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.PDPFeatured-prev-arrow:before {
  left: -3px;
  bottom: -4px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.PDPFeatured-prev-arrow:after {
  left: -3px;
  top: -4px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.PDPFeatured-next-arrow {
  background: #464855;
  height: 0.125rem;
  width: 1.4375rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  right: -3.125rem;
  top: 50%;
  outline: none;
}
.PDPFeatured-next-arrow:before, .PDPFeatured-next-arrow:after {
  content: "";
  background: #464855;
  position: absolute;
  height: 0.125rem;
  width: 0.75rem;
}
.PDPFeatured-next-arrow:before {
  right: -2px;
  bottom: -4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.PDPFeatured-next-arrow:after {
  right: -2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ProductDetails .jdgm-star::before {
  font-size: 0.875rem;
}
.PDPReviews .jdgm-star::before {
  font-size: 0.6875rem;
}

.PDPReviews .jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) .jdgm-row-stars {
  max-width: 800px;
  margin: 0 auto;
}
.PDPReviews .jdgm-review-widget--small .jdgm-rev-widg {
  padding: 1.5rem 1rem !important;
}
.PDPReviews .jdgm-link {
  color: var(--c-harper-dark);
  text-decoration: none !important;
  pointer-events: none !important;
}
.PDPReviews .jdgm-rev-widg__title {
  text-align: center !important;
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.5625rem;
}
.PDPReviews .jdgm-rev__icon,
.PDPReviews .jdgm-rev__timestamp,
.PDPReviews .jdgm-rev__buyer-badge {
  display: none !important;
}
.PDPReviews .jdgm-rev__content {
  color: var(--c-harper-dark);
}
.PDPReviews .jdgm-rev__body {
  font-size: 1rem !important;
  line-height: 1.375rem !important;
}
.PDPReviews .jdgm-rev__title {
  font-size: 1.125rem !important;
  line-height: 1.5625rem !important;
  padding-bottom: 0.625rem !important;
  font-family: var(--font-body);
  font-weight: 600;
  color: var(--c-harper-dark);
  font-size: 20px !important;
}
.PDPReviews .judgeme-widget-preview-wrapper {
  width: 100%;
  margin: auto;
  text-align: left;
}
.PDPReviews .jdgm-rev-widg__body {
  max-width: 52.5rem;
  margin: auto !important;
  text-align: center;
  padding-top: 1.25rem;
}
.PDPReviews .jdgm-all-reviews-widget,
.PDPReviews .jdgm-rev-widg {
  border: none !important;
}
.PDPReviews .jdgm-widget .jdgm-temp-hidden {
  display: none !important;
}
.PDPReviews .jdgm-temp-hidden {
  display: none !important;
}
.PDPReviews .jdgm-paginate__page {
  color: #253746 !important;
}
.PDPReviews .jdgm-paginate__first-page,
.PDPReviews .jdgm-paginate__last-page,
.PDPReviews .jdgm-paginate__prev-page,
.PDPReviews .jdgm-paginate__next-page {
  color: #253746 !important;
}
.PDPReviews .jdgm-quest:not(:first),
.PDPReviews .jdgm-rev:not(:first) {
  border-color: var(--c-harper-dark);
}
.PDPReviews a.jdgm-paginate__page {
  color: #253746 !important;
}
.PDPReviews .jdgm-rev__cf-ans {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.PDPReviews .jdgm-rev__cf-ans__title {
  padding-right: 0.625rem;
  font-size: 100% !important;
  font-family: var(--font-body);
  font-weight: 600;
}
.PDPReviews .jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) :not(.jdgm-revs-tab__content-header) > .jdgm-widget-actions-wrapper,
.PDPReviews .jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) .jdgm-rev-widg__summary {
  width: 100%;
}
.PDPReviews .jdgm-rev-widg__summary {
  margin: auto;
  padding-top: 1.25rem;
  padding-bottom: 2rem;
  float: unset !important;
  text-align: center;
}
.PDPReviews .jdgm-rev-widg__summary-stars {
  float: unset;
}
.PDPReviews .jdgm-rev-widg__summary-text {
  text-align: center;
  padding-left: 0.625rem;
  margin-top: 0.8125rem;
}
.PDPReviews .jdgm-row-search {
  border: 0;
}
.PDPReviews .jdgm-rev-widg__sort-wrapper {
  margin: auto;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0.9375rem;
  float: unset !important;
}
.PDPReviews .jdgm-widget-actions-wrapper {
  margin: auto;
  float: unset !important;
  text-align: center !important;
}
.PDPReviews .jdgm-rev-widg__reviews {
  text-align: left;
}
.PDPReviews .jdgm-rev__author {
  display: none;
}
.PDPReviews .GridItem-reviews .jdgm-star {
  padding-right: 2px !important;
}
.PDPReviews .jdgm-star::before {
  font-size: 0.5625rem;
}

.jdgm-prev-badge__text {
  padding: 0;
  font-size: 0.875rem !important;
  line-height: 1.3125rem !important;
}
.product-card__reviews .jdgm-prev-badge__text {
  font-size: 0.75rem !important;
}

/* ===================================================== */
/* PDP tooltips section */
/* ===================================================== */
.PDPTooltips-textblock .PDPTooltips-griditem-title {
  display: -ms-flexbox;
  display: flex;
}

.PDPTooltips {
  text-align: center;
}
.PDPTooltips-sentence-cased::first-letter {
  text-transform: uppercase;
}
.PDPTooltips-mobileImg {
  margin: auto;
  max-width: 13.75rem;
}
.PDPTooltips-mobileImg img {
  margin: auto;
}
.PDPTooltips-wrapper {
  background-color: var(--c-beige);
  padding: 1.875rem;
}
.PDPTooltips-container {
  display: none;
}
.PDPTooltips-carousel {
  display: block;
}
.PDPTooltips-imageblock {
  width: 54%;
  padding-right: 4.375rem;
}
.PDPTooltips-textblock {
  width: 46%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
.PDPTooltips-textblock-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.875rem;
}
.PDPTooltips-title {
  padding-bottom: 1.75rem;
  /* h1 */
  line-height: 1;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 2.1875rem;
  max-width: 21.25rem;
  margin: auto;
  text-align: center;
}
.PDPTooltips-title p {
  line-height: inherit;
}
.PDPTooltips-griditem {
  max-width: 15.625rem;
}
.PDPTooltips-griditem-title {
  padding-bottom: 0.625rem;
  /* h1 */
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.5625rem;
  padding-top: 2.1875rem;
}
.PDPTooltips-griditem-description {
  max-width: 19.6875rem;
  margin: auto;
  /* h1 */
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1rem;
}
.PDPTooltips-staticplaceholder {
  display: block;
  position: relative;
  width: 100%;
  top: 0;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.PDPTooltips-Primary-imagePlaceholder {
  padding: 0 0 42.8571428571% 0;
}
.PDPTooltips-Primary-imagePlaceholderStatic {
  height: 100%;
  padding: 0;
}
.PDPTooltips-Primary-image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(90deg);
  transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(90deg);
  width: 100%;
  padding: 0 0 42.8571428571% 0;
}
.PDPTooltips-Primary-caption {
  max-width: 60rem;
  margin: 0 auto 1em auto;
  font-size: 1.25rem;
  text-align: center;
}
.PDPTooltips-Primary-caption strong {
  color: #252f4f;
  color: var(--tvg-color-primary);
}
.PDPTooltips-Primary-tooltips {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.PDPTooltips-Primary-tooltip {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
  transform: translateX(-50%) translateY(-50%) translateZ(0);
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  overflow: hidden;
  outline: none;
  overflow: visible;
  z-index: 2;
  opacity: 1;
}
.PDPTooltips-Primary-tooltip:focus {
  outline: none;
  overflow: visible;
  z-index: 2;
}
.PDPTooltips-Primary-tooltipIcon {
  position: relative;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0.25rem;
  background-color: var(--c-harper-dark);
  border-radius: 1rem;
  color: white;
  padding: 0.375rem;
  font-size: 1rem;
  font-family: var(--font-header);
}
.PDPTooltips-Primary-tooltipIcon svg {
  fill: #ffffff;
  fill: var(--tvg-color-button-color);
}
.PDPTooltips-Primary-tooltipText {
  position: absolute;
  top: 100%;
  left: 3rem;
  width: 15rem;
  padding: 1rem;
  background-color: #ffffff;
  background-color: var(--tvg-color-white);
  border: 0.0625rem solid #dddedc;
  border: 0.0625rem solid var(--tvg-color-gray-60);
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.PDPTooltips-Primary-tooltipText.dir-left {
  left: auto;
  right: 3rem;
}
.PDPTooltips-Primary-tooltipText.dir-top {
  top: auto;
  bottom: 100%;
}
.PDPTooltips-Primary-tooltip:focus .PDPTooltips-Primary-tooltipText {
  opacity: 1;
}

.PDPTooltipsSlidecount {
  font-size: 1.5625rem;
  font-family: var(--font-header);
  color: var(--c-harper-dark);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

/* ===================================================== */
/*  PDPQuote section */
/* ===================================================== */
.PDPQuote-content {
  padding-top: 2.5rem;
  padding-bottom: 1.875rem;
}
.PDPQuote-heading {
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  padding: 0 1.875rem;
  margin: auto;
  max-width: 34.375rem;
}
.PDPQuote-heading-quote {
  display: inline-block;
  text-transform: uppercase;
  max-width: 58.75rem;
}
.PDPQuote-heading-author {
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: var(--c-red);
  text-transform: uppercase;
  padding-top: 1.25rem;
}
.PDPQuote-heading a {
  color: var(--c-harper-dark);
  text-decoration: none;
  display: inline-block;
  position: relative;
  line-break: normal;
  font-family: var(--font-header);
  border: none;
}
.PDPQuote-heading a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 0.25rem;
  left: 0%;
  position: absolute;
  background: var(--c-red);
  -webkit-transition: width 0.6s ease 0s, left 0s ease 0s;
  -o-transition: width 0.6s ease 0s, left 0s ease 0s;
  transition: width 0.6s ease 0s, left 0s ease 0s;
  width: 0;
}
.PDPQuote-heading a:hover:after {
  width: 100%;
  left: 0;
}
.PDPQuote-heading p {
  margin: 0;
}

[data-shopify-template=page-size-guides] .size-guide__content {
  overflow: auto;
}

.shopify-section > .size-guide-container {
  padding: 2.5rem 0 2.5rem;
}

.size-guide__header {
  padding-bottom: 1.0625rem;
}
.ProductTabs-fittingModal .size-guide__header {
  display: none;
}

.size-guide__title {
  font-family: var(--font-header);
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-align: center;
  text-transform: uppercase;
}

.size-guide__description {
  font-size: 0.8125rem;
  line-height: 1rem;
  margin: 0.5rem 0 0;
  text-align: center;
}

.size-guide__content {
  position: relative;
}
.size-guide__content::before {
  background-color: var(--c-harper-dark);
  content: "";
  display: none;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 120px;
  z-index: 5;
}

.ProductTabs-fittingModal .size-guide__table-wrapper {
  max-height: calc(100vh - 420px);
  min-height: 6.25rem;
  overflow-y: scroll;
  position: relative;
  z-index: 1;
}

.size-guide__table {
  border-collapse: separate;
  border-spacing: 0;
  display: table;
  margin: 0 auto;
  padding-right: 1.5rem;
  text-align: center;
  width: 100%;
}
.shopify-section > .size-guide-container .size-guide__table {
  padding-left: 1.5rem;
}
.ProductTabs-fittingModal-container .size-guide__table {
  padding-right: 0;
}
.size-guide__table tr:first-child th:first-child,
.size-guide__table tr:first-child td:first-child {
  border-radius: 4px 0 0 0;
}
.size-guide__table tr:first-child th:last-child,
.size-guide__table tr:first-child td:last-child {
  border-radius: 0 4px 0 0;
}
.size-guide__table tr:last-child th:first-child,
.size-guide__table tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}
.size-guide__table tr:last-child th:last-child,
.size-guide__table tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}
.size-guide__table th,
.size-guide__table td {
  border-color: var(--c-harper-dark);
  border-style: solid;
  border-width: 0 1px 1px 0;
  height: 36px;
  min-width: 60px;
  padding: 0;
}
.size-guide__table th:first-child,
.size-guide__table td:first-child {
  border-left-width: 1px;
}
.size-guide__table th {
  background-color: #f3e6d4;
  font-family: var(--font-header);
  font-size: 0.875rem;
}
.ProductTabs-fittingModal .size-guide__table tr th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
}
.size-guide__table tr.header {
  top: 0;
  z-index: 3;
}
.ProductTabs-fittingModal .size-guide__table tr.header {
  position: -webkit-sticky;
  position: sticky;
}
.size-guide__table tr.header th {
  border-top: 1px solid var(--c-harper-dark);
}

/* ===================================================== */
/*  FAQ */
/* ===================================================== */
.FAQ-content {
  max-width: 19.6875rem;
  width: 100%;
  margin: auto;
}
.FAQ-topSectionMobile {
  padding-top: 1.875rem;
}
.FAQ-select, .FAQ-select:focus, .FAQ-select:hover {
  height: 4.6875rem;
  width: 100%;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  background: #fef7d8;
  border: 0.125rem solid var(--c-harper-dark);
  color: var(--c-harper-dark);
  letter-spacing: 0.03125rem;
  font-size: 0.9375rem;
  padding: 1.25rem 1.5625rem;
  text-transform: uppercase;
  font-family: var(--font-body);
  font-weight: 600;
}
.FAQ-selectContainer {
  position: relative;
}
.FAQ-selectContainer:after {
  position: absolute;
  content: "";
  background-image: url('chevron-down.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 1.25rem;
  height: 0.9375rem;
  right: 1.5625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.FAQ-topSectionDesktop {
  display: none;
  margin: auto;
  width: 100%;
  max-width: 40.875rem;
  text-align: center;
  padding: 1.6875rem 0;
}
.FAQ-link {
  color: var(--c-harper-dark);
  text-transform: uppercase;
  padding: 0.6875rem 1.3125rem;
  letter-spacing: 0.03125rem;
  font-size: 0.9375rem;
  font-family: var(--font-body);
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
}
.FAQ-link span {
  border-bottom: 0.0625rem solid var(--c-harper-dark);
}
.FAQ-block {
  padding-top: 1.875rem;
}
.FAQ-section {
  padding-bottom: 1.875rem;
}
.FAQ-header {
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  text-transform: uppercase;
  font-size: 1.25rem;
  padding-bottom: 0.3125rem;
}
.FAQ-bodySection {
  border-bottom: 0.0625rem solid var(--c-harper-dark);
}
.FAQ-subSecTitle {
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.8125rem 0.9375rem 0.9375rem 0;
  cursor: pointer;
  position: relative;
}
.FAQ-subSecTitle:after {
  position: absolute;
  right: 0px;
  content: "";
  width: 0.9375rem;
  height: 0.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.FAQ-subSecTitle.close:after {
  background-image: url('chevron-down.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.FAQ-subSecTitle.open:after {
  background-image: url('chevron-up.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.FAQ-text {
  padding: 0.625rem 1.25rem 2.5rem 1.25rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--c-harper-dark);
  font-family: var(--font-body);
}
.FAQ-text a, .FAQ-text a:hover, .FAQ-text a:focus {
  color: var(--c-red);
  text-decoration: underline;
}
.FAQ-text strong {
  font-weight: 600;
}
.FAQ-text ul {
  list-style: disc;
  margin-left: 2.5rem;
}
.FAQ-infoText {
  padding-top: 0.625rem;
  text-align: center;
  color: var(--c-harper-dark);
  font-family: var(--font-body);
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding-bottom: 3.75rem;
}
.FAQ-infoText a {
  text-decoration: underline;
}

.FaqHero-img {
  width: 100%;
  padding-bottom: 127.2%;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.FaqHero-img.desktop {
  display: none;
}
.FaqHero-title {
  max-width: 19.0625rem;
  width: 100%;
  position: absolute;
  bottom: 2.375rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: var(--c-harper-dark);
  font-family: var(--font-header);
  font-size: 1.875rem;
  line-height: 1.875rem;
  left: 50%;
  text-transform: uppercase;
  text-align: center;
  max-width: 16.25rem;
}

.order-cta-wrapper {
  display: grid;
  gap: 0.5rem;
}

.grecaptcha-badge {
  opacity: 0 !important;
}

.cro-100322769-1,
.cro-100322769-3 {
  display: none;
}

.cro-10033901-100322769-1 .cro-100322769-control,
.cro-10033901-100322769-3 .cro-100322769-control {
  display: none !important;
}
.cro-10033901-100322769-1 .cro-100322769-1,
.cro-10033901-100322769-1 .cro-100322769-3,
.cro-10033901-100322769-3 .cro-100322769-1,
.cro-10033901-100322769-3 .cro-100322769-3 {
  display: block;
}
.cro-10033901-100322769-1 .cro-100322769-1.Product-PDPDesc-mobile,
.cro-10033901-100322769-1 .cro-100322769-3.Product-PDPDesc-mobile,
.cro-10033901-100322769-3 .cro-100322769-1.Product-PDPDesc-mobile,
.cro-10033901-100322769-3 .cro-100322769-3.Product-PDPDesc-mobile {
  padding: 1.25rem 0 0;
}

.cro-10033901-100322769-2 .cro-100322769-1.Product-PDPDesc-mobile {
  display: none !important;
}

.cro-10033901-100322769-3 .cro-100322769-control {
  display: none !important;
}

.cro-10033901-100322769-2 main.ProductPage .cro-hide,
.cro-10033901-100322769-3 main.ProductPage .cro-hide {
  display: none;
}
.cro-10033901-100322769-2 main.ProductPage .ProductForm-submitButtonSubtitle,
.cro-10033901-100322769-3 main.ProductPage .ProductForm-submitButtonSubtitle {
  margin-top: 5px;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc {
  display: block;
  position: fixed;
  z-index: 1001;
  bottom: 0px;
  background: #fff;
  width: 100%;
  border: 0.3125rem solid #253746;
  border-bottom: none;
  max-height: 0;
  padding: 0 1.25rem;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .cro-atc-wrapper,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .cro-atc-wrapper,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .cro-atc-wrapper,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .cro-atc-wrapper {
  position: relative;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.active,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.active,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.active,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.active {
  display: block;
  max-height: 140px;
  height: auto;
  padding: 0 1.25rem;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.active.ProductForm-controls,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.active.ProductForm-controls,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.active.ProductForm-controls,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.active.ProductForm-controls {
  display: none;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.is-moving .cro-dummy-btn, .cro-10033901-100322769-2 .cro-100322769-2.cro-atc.expand .cro-dummy-btn,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.is-moving .cro-dummy-btn,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.expand .cro-dummy-btn,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.is-moving .cro-dummy-btn,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.expand .cro-dummy-btn,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.is-moving .cro-dummy-btn,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.expand .cro-dummy-btn {
  display: none;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.is-moving .cro-close-btn, .cro-10033901-100322769-2 .cro-100322769-2.cro-atc.expand .cro-close-btn,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.is-moving .cro-close-btn,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.expand .cro-close-btn,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.is-moving .cro-close-btn,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.expand .cro-close-btn,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.is-moving .cro-close-btn,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.expand .cro-close-btn {
  display: -ms-flexbox;
  display: flex;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.expand,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.expand,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.expand,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.expand {
  padding: 0 1.25rem;
  max-height: 100vh;
  min-height: 140px;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.expand .ProductSwatches,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.expand .ProductSwatches,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.expand .ProductSwatches,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.expand .ProductSwatches {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  max-height: 900px;
  height: 100%;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.expand .ProductForm,
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.expand .ProductUpsellCta,
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.expand .product-BackInStock,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.expand .ProductForm,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.expand .ProductUpsellCta,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.expand .product-BackInStock,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.expand .ProductForm,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.expand .ProductUpsellCta,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.expand .product-BackInStock,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.expand .ProductForm,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.expand .ProductUpsellCta,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.expand .product-BackInStock {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  max-height: 900px;
  height: 100%;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.expand .ProductUpsellCta,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.expand .ProductUpsellCta,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.expand .ProductUpsellCta,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.expand .ProductUpsellCta {
  margin-bottom: 10px;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.expand .product-BackInStock,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.expand .product-BackInStock,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.expand .product-BackInStock,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.expand .product-BackInStock {
  overflow: visible !important;
  margin-top: 5px;
  position: relative;
  max-width: 28.125rem;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc.expand .product-BackInStock .cro-sold-out,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc.expand .product-BackInStock .cro-sold-out,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc.expand .product-BackInStock .cro-sold-out,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc.expand .product-BackInStock .cro-sold-out {
  display: block;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc #rsc-addtocart,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc #rsc-addtocart,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc #rsc-addtocart,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc #rsc-addtocart {
  margin: 0 0 5px;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .ProductSwatches-category,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .ProductSwatches-category,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .ProductSwatches-category,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .ProductSwatches-category {
  padding-bottom: 0.5rem;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .ProductRadioButtons-group,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .ProductRadioButtons-group,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .ProductRadioButtons-group,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .ProductRadioButtons-group {
  margin-bottom: 0;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .ProductSwatches-label,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .ProductSwatches-label,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .ProductSwatches-label,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .ProductSwatches-label {
  padding-left: 0;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .ProductSwatches,
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .ProductForm,
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .product-BackInStock,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .ProductSwatches,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .ProductForm,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .product-BackInStock,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .ProductSwatches,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .ProductForm,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .product-BackInStock,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .ProductSwatches,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .ProductForm,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .product-BackInStock {
  max-height: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .cro-close-btn,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .cro-close-btn,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .cro-close-btn,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .cro-close-btn {
  width: 100%;
  display: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 25px;
  cursor: pointer;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .cro-close-btn .cro-icon,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .cro-close-btn .cro-icon,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .cro-close-btn .cro-icon,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .cro-close-btn .cro-icon {
  border: 2px solid #d8d8d8;
  border-radius: 5px;
  width: 35px;
  margin: 0 auto;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .product-BackInStock-button,
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .cro-dummy-btn,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .product-BackInStock-button,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .cro-dummy-btn,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .product-BackInStock-button,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .cro-dummy-btn,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .product-BackInStock-button,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .cro-dummy-btn {
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 28.125rem;
  margin: 12px auto 5px;
  padding: 1.25rem 1.5rem;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.0625rem;
  text-align: center;
  text-transform: uppercase;
  background-color: #fef7d8;
  color: #253746;
  border: 0.125rem solid #253746;
  border-radius: 0;
  outline: 0;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .product-BackInStock,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .product-BackInStock,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .product-BackInStock,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .product-BackInStock {
  margin-top: 0;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .product-BackInStock .product-BackInStock-button,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .product-BackInStock .product-BackInStock-button,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .product-BackInStock .product-BackInStock-button,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .product-BackInStock .product-BackInStock-button {
  margin: 12px 0 5px;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .product-BackInStock .cro-sold-out,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .product-BackInStock .cro-sold-out,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .product-BackInStock .cro-sold-out,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .product-BackInStock .cro-sold-out {
  line-height: 1;
  color: #802a38;
  text-align: center;
  display: none;
  margin: 0;
  position: absolute;
  left: 0;
  top: -20px;
  width: 100%;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc #rsc-addtocart:disabled,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc #rsc-addtocart:disabled,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc #rsc-addtocart:disabled,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc #rsc-addtocart:disabled {
  display: none;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .ProductForm-submitButtonSubtitle,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .ProductForm-submitButtonSubtitle,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .ProductForm-submitButtonSubtitle,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .ProductForm-submitButtonSubtitle {
  margin-top: 5px;
}
.cro-10033901-100322769-2 .cro-100322769-2.cro-atc .cro-shipping-text,
.cro-10033901-100322769-2 .cro-100322769-3.cro-atc .cro-shipping-text,
.cro-10033901-100322769-3 .cro-100322769-2.cro-atc .cro-shipping-text,
.cro-10033901-100322769-3 .cro-100322769-3.cro-atc .cro-shipping-text {
  width: 100%;
  max-width: 28.125rem;
  font-size: 0.625rem;
  text-align: center;
  margin: 0 auto 10px;
}

/*.cro-10033901-100324223-1 {
    .ProductGallery {
        &-imagePlaceholder {
          @include breakpoint(xlarge) {
            padding-bottom: 97%;
          }
        }
        &-carouselPlaceholder {
            @include breakpoint(xlarge) {
             padding-bottom: 83%;
            }
        }
        .Product-labeltag {
            @include breakpoint(large) {
             right: 10px;
            }
        }
        &-images{
            @include breakpoint(large) {
                width: calc(100% - 120px);
                left: auto;
                right: 0;
            }
        }
        &-arrow{
            .o-placeholder{
                display: flex;
                justify-content: center;
                align-items: center;
                height: auto;
                padding: 0;
                svg{
                    position: relative;
                    width: 20px;
                    height: 17px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }
        }
        &-arrowLeft {
            left: 0;
            top: 60%;

            @include breakpoint(large) {
                bottom: rem-calc(-20);
            }
        }
        &-arrowRight {
            right: 0;
            transform: rotate(180deg);
            top: 60%;
            @include breakpoint(large) {
                bottom: rem-calc(-20);
            }
        }

        &-thumb{
            margin: 5px;
            opacity: 1;
            &.is-active{
                outline: 3px solid #253746;
            }
            @include breakpoint(large) {
                margin: 0 0 1.25rem;
                position: relative;
                // top: -20px;
                width: rem-calc(80);
                height: rem-calc(100);
            }
        }
        &-thumbs {
            display: flex;
            top: 0;
            left: 0;
            position: relative;
            transform: translateY(0); 
            max-height: none;
            z-index: 2;
            align-items: flex-end;
            justify-content: flex-start;
            flex-wrap: wrap;
            margin: 15px 15px 0;
            background: none;
            padding: 0;
            @include breakpoint(large) {
                display: block;
                left: 0;
                position: absolute;
                transform: none;
                max-height: none;
                overflow: auto;
                margin: 0;
                scroll-snap-type: none;
                scroll-snap-stop: always;
                z-index: 2;
                background: #fff;
                height: 100%;
                padding: 20px;
                top: 0;
                overflow-y: scroll;
            }
        }
    }
}*/

@media print, screen and (min-width: 52.5em) {
  /* MQPacker */
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .medium-1 {
    width: 8.3333333333%;
  }

  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }

  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }

  .medium-offset-0 {
    margin-left: 0%;
  }

  .medium-2 {
    width: 16.6666666667%;
  }

  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }

  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }

  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }

  .medium-3 {
    width: 25%;
  }

  .medium-push-3 {
    position: relative;
    left: 25%;
  }

  .medium-pull-3 {
    position: relative;
    left: -25%;
  }

  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }

  .medium-4 {
    width: 33.3333333333%;
  }

  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }

  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .medium-5 {
    width: 41.6666666667%;
  }

  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }

  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }

  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }

  .medium-6 {
    width: 50%;
  }

  .medium-push-6 {
    position: relative;
    left: 50%;
  }

  .medium-pull-6 {
    position: relative;
    left: -50%;
  }

  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }

  .medium-7 {
    width: 58.3333333333%;
  }

  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }

  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .medium-8 {
    width: 66.6666666667%;
  }

  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }

  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }

  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-push-9 {
    position: relative;
    left: 75%;
  }

  .medium-pull-9 {
    position: relative;
    left: -75%;
  }

  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }

  .medium-10 {
    width: 83.3333333333%;
  }

  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }

  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .medium-11 {
    width: 91.6666666667%;
  }

  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }

  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }

  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }

  .medium-12 {
    width: 100%;
  }

  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }

  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }

  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }

  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }

  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }

  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }

  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }

  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }

  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }

  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }

  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }

  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }

  .medium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .medium-centered, .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }

  .medium-uncentered,
.medium-push-0,
.medium-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
  .column-block {
    margin-bottom: 1.875rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 1.9375rem;
  }

  h4 {
    font-size: 1.5625rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1rem;
  }
  .medium-text-left {
    text-align: left;
  }

  .medium-text-right {
    text-align: right;
  }

  .medium-text-center {
    text-align: center;
  }

  .medium-text-justify {
    text-align: justify;
  }
  .o-sectionHeading {
    font-size: 1.953125rem;
    margin: 0 0 1.953125rem 0;
  }
  .o-sectionSubhead {
    font-size: 1.125rem;
    margin: 0 auto 1.953125rem auto;
  }
  .o-sectionHeading + .o-sectionSubhead {
    margin-top: -1.5625rem;
  }
  .o-rte h1 {
    font-size: 1.75em;
  }
  .o-rte h2 {
    font-size: 1.5625em;
  }
  .o-rte h3 {
    font-size: 1.25em;
  }
  .Pagination-item {
    display: inline-block;
  }
  .Header-iconText {
    display: block;
  }
  .MobileTabBar {
    display: none;
  }
  .Breadcrumbs {
    font-size: 0.8125rem;
  }
  .IndexBlog-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    max-width: 100%;
    margin: 0;
    padding: 0.5rem;
  }
  .HomePage,
.StoryPage,
.RecyclePage,
.LUTLPage,
.ProductPage,
.ContactPage,
.Collection,
.CartPage,
.Page,
.template-customers > main,
#replo-fullpage-element {
    border-right: 1.25rem solid var(--c-harper-dark);
    border-left: 1.25rem solid var(--c-harper-dark);
  }
  .Slideshow-placeholder {
    padding: 0 0 100% 0;
  }
  .SlideshowItem-imagePlaceholder {
    padding: 0 0 100% 0;
  }
  .SlideshowItem-caption-hollow {
    font-size: 0.75rem;
  }
  .SlideshowItem-caption-solid {
    font-size: 0.75rem;
  }
  .SlideshowControls {
    margin-top: 0;
  }
  .SlideshowControls-dots {
    top: auto;
    bottom: 0;
  }
  .BannerGrid-item {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    padding: 0 0.9375rem;
  }
  .BannerGrid-items[data-item-count="2"] .BannerGrid-item {
    width: 50%;
  }
  .BannerGrid-items[data-item-count="3"] .BannerGrid-item {
    width: 33.3333333333%;
  }
  .BannerGrid-items[data-item-count="1"] .BannerGrid-itemPlaceholder {
    padding: 0 0 33.3333333333% 0;
  }
  .BannerGrid-items[data-item-count="2"] .BannerGrid-itemPlaceholder {
    padding: 0 0 66.6666666667% 0;
  }
  .BannerGrid-caption {
    font-size: 0.6875rem;
  }
  .FeatureRow-textContainer {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 1.25rem;
    width: 50%;
    margin: 0;
  }
  .FeatureRow.has-imageOnLeft .FeatureRow-textContainer {
    position: relative;
    left: 50%;
  }
  .FeatureRow-imageContainer {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 1rem;
    width: 50%;
  }
  .FeatureRow.has-imageOnLeft .FeatureRow-imageContainer {
    position: relative;
    left: -50%;
  }
  .Product-subheading {
    font-size: 1.125rem;
  }
  .ProductGallery-carouselPlaceholder {
    height: calc(100vh - 110px);
  }
  .ProductGallery-images {
    height: 100%;
  }
  .ProductTabs-fittingModal-footer {
    padding-top: 2.5rem;
  }
  .ProductTabs-fittingModal-footer-title {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
  .ProductTabs-fittingModal-footer-description {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .ProductTabs-placeholder {
    background-size: contain;
  }
  .CompleteLook-items .has-multi-options .ProductDropdowns {
    min-height: 94px;
  }
  .smpbundle-Page {
    border-right-width: 1.25rem;
    border-left-width: 1.25rem;
  }
  .Grid {
    text-align: center;
  }
  .Grid--itemsPerRow-medium-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .Grid--itemsPerRow-medium-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .Grid--itemsPerRow-medium-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .Grid--itemsPerRow-medium-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .Grid--itemsPerRow-medium-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .Grid--itemsPerRow-medium-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .GridItem {
    padding: 0;
  }
  .GridItem-extraDescription {
    margin-left: -0.5rem;
    text-align: center;
    /* h1 */
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 0.875rem;
  }
  .GridItem-details {
    text-align: center;
  }
  .GridItem-reviews {
    padding-top: 0.3125rem;
    text-align: center;
    font-size: 1rem;
  }
  .tile__spacer {
    display: block;
  }
  .tile__body {
    margin: 1rem 0 1.75rem;
  }
  .small .tile__body {
    margin: 1.75rem 0;
  }
  .tile__header--text {
    /* h1 */
    line-height: 1.2;
    letter-spacing: -1px;
    font-weight: 700;
    text-transform: none;
    font-size: 2.8125rem;
  }
  .tile__body--text {
    /* h1 */
    line-height: 1.4;
    letter-spacing: 0;
    font-size: 1.125rem;
  }
  .large .tile__body--text {
    width: 100%;
  }
  .Cart-totalWrapper {
    text-align: right;
  }
  .Cart-totalTitle {
    margin: 0 1.953125rem 0 0;
  }
  .Cart-shippingAtCheckout {
    text-align: right;
  }
  .Cart-shippingAtCheckout-more {
    text-align: right;
  }
  .Cart-checkoutWrapper {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .Cart-checkoutButton {
    margin: 0;
  }
  .Cart-checkoutButtonExtra {
    margin: 0 0.375rem;
  }
  .CartPage-item-priceoriginal {
    padding-right: 3px;
    font-size: 15px;
  }
  .CartPage-item-priceoriginal-drawer--show {
    padding-right: 0;
    font-size: 15px;
  }
  .account-login .split__block {
    margin: 2.5rem auto;
  }
  .split-container {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .split__block {
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 50%;
    padding-left: 3.75rem;
  }
  .split__block:first-of-type {
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 2.125rem 3.75rem 2.125rem 1.25rem;
    border-bottom: 0;
    border-right: 1px solid var(--c-thread-grey);
  }
  .HomeKnowyourworth-contentContainer {
    min-height: 80vw;
  }
  .HomeStatement-heading {
    max-width: 43.75rem;
  }
  .HomeStatement-itemswrapper {
    margin-top: 5.625rem;
    padding-left: 5.625rem;
    padding-right: 5.625rem;
  }
  .HomeStatement-item {
    width: 8.75rem;
    margin-right: 2.5rem;
  }
  .HomeStatement-item-description {
    font-size: 0.8125rem;
    padding: 0 0.625rem;
    border-radius: 0;
  }
  .FeaturedProducts {
    padding-top: 6.6875rem;
    overflow: visible;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--c-sky-blue)), color-stop(56%, var(--c-sky-blue)), color-stop(56%, #ffffff), to(#ffffff));
    background: -o-linear-gradient(top, var(--c-sky-blue) 0%, var(--c-sky-blue) 56%, #ffffff 56%, #ffffff 100%);
    background: linear-gradient(to bottom, var(--c-sky-blue) 0%, var(--c-sky-blue) 56%, #ffffff 56%, #ffffff 100%);
  }
  .FeaturedProducts-img-wrapper {
    max-width: 100%;
    width: 100%;
  }
  .HomePress-item-placeholder--mobile {
    display: none;
  }
  .StaticHeader-caption-hollow {
    font-size: 0.75rem;
  }
  .StaticHeader-caption-solid {
    font-size: 0.75rem;
  }
  .StoryTextGraph-graph-right {
    width: 15.625rem;
  }
  .ProductsCarousel-title {
    max-width: 34.375rem;
  }
  .CollectionFeatured-title {
    max-width: 34.375rem;
  }
  .PDPFeatured {
    overflow: visible;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--c-sky-blue)), color-stop(65%, var(--c-sky-blue)), color-stop(65%, #ffffff), to(#ffffff));
    background: -o-linear-gradient(top, var(--c-sky-blue) 0%, var(--c-sky-blue) 65%, #ffffff 65%, #ffffff 100%);
    background: linear-gradient(to bottom, var(--c-sky-blue) 0%, var(--c-sky-blue) 65%, #ffffff 65%, #ffffff 100%);
  }
  .PDPFeatured-title {
    max-width: 34.375rem;
  }
  .PDPFeatured-item-img-wrapper {
    max-width: 15.375rem;
  }
  .jdgm-prev-badge__text {
    padding-left: 0.625rem;
  }
  .product-card__reviews .jdgm-prev-badge__text {
    font-size: 0.875rem;
  }
  .PDPTooltips-Primary-image {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
  }
  .PDPTooltips-Primary-caption {
    font-size: 1.953125rem;
    text-align: left;
  }
  .PDPTooltips-Primary-tooltipText {
    width: 20rem;
  }
  .PDPQuote-heading {
    max-width: 43.75rem;
  }
  .shopify-section > .size-guide-container {
    padding: 1.25rem 0.625rem 2.5rem;
  }
  .size-guide__table {
    width: auto;
  }
  .size-guide__table th,
.size-guide__table td {
    height: 40px;
    min-width: 90px;
    padding: 0.5rem 0.625rem 0.625rem;
  }
}

@media screen and (min-width: 50em) {
  /* MQPacker */
}

@media print, screen and (min-width: 64em) {
  /* MQPacker */
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
  .large-1 {
    width: 8.3333333333%;
  }

  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
  }

  .large-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }

  .large-offset-0 {
    margin-left: 0%;
  }

  .large-2 {
    width: 16.6666666667%;
  }

  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
  }

  .large-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }

  .large-offset-1 {
    margin-left: 8.3333333333%;
  }

  .large-3 {
    width: 25%;
  }

  .large-push-3 {
    position: relative;
    left: 25%;
  }

  .large-pull-3 {
    position: relative;
    left: -25%;
  }

  .large-offset-2 {
    margin-left: 16.6666666667%;
  }

  .large-4 {
    width: 33.3333333333%;
  }

  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
  }

  .large-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .large-5 {
    width: 41.6666666667%;
  }

  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
  }

  .large-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }

  .large-offset-4 {
    margin-left: 33.3333333333%;
  }

  .large-6 {
    width: 50%;
  }

  .large-push-6 {
    position: relative;
    left: 50%;
  }

  .large-pull-6 {
    position: relative;
    left: -50%;
  }

  .large-offset-5 {
    margin-left: 41.6666666667%;
  }

  .large-7 {
    width: 58.3333333333%;
  }

  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
  }

  .large-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .large-8 {
    width: 66.6666666667%;
  }

  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
  }

  .large-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }

  .large-offset-7 {
    margin-left: 58.3333333333%;
  }

  .large-9 {
    width: 75%;
  }

  .large-push-9 {
    position: relative;
    left: 75%;
  }

  .large-pull-9 {
    position: relative;
    left: -75%;
  }

  .large-offset-8 {
    margin-left: 66.6666666667%;
  }

  .large-10 {
    width: 83.3333333333%;
  }

  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
  }

  .large-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .large-11 {
    width: 91.6666666667%;
  }

  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
  }

  .large-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }

  .large-offset-10 {
    margin-left: 83.3333333333%;
  }

  .large-12 {
    width: 100%;
  }

  .large-offset-11 {
    margin-left: 91.6666666667%;
  }

  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }

  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }

  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }

  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }

  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }

  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }

  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }

  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }

  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }

  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }

  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }

  .large-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .large-centered, .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }

  .large-uncentered,
.large-push-0,
.large-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
  .large-text-left {
    text-align: left;
  }

  .large-text-right {
    text-align: right;
  }

  .large-text-center {
    text-align: center;
  }

  .large-text-justify {
    text-align: justify;
  }
  .js-products-carousel > .slick-list > .slick-track {
    display: -ms-flexbox;
    display: flex;
    gap: 1.75rem;
  }
  .mobile-only {
    display: none !important;
  }
  h1,
.h1 {
    font-size: 4.375rem;
  }
  h2,
.h2 {
    font-size: 3.75rem;
  }
  h3,
.h3 {
    font-size: 2.8125rem;
  }
  h4,
.h4 {
    font-size: 2.5rem;
  }
  h5,
.h5 {
    font-size: 1.875rem;
  }
  h6,
.h6 {
    font-size: 1.5625rem;
  }
  .subheading {
    font-size: 1rem;
  }
  .product-title {
    font-size: 2.5rem;
  }
  .o-button {
    width: 17.5rem;
  }
  .o-button.o-button--full-width {
    width: 100%;
  }
  .o-button--short {
    height: 2.5rem;
  }
  .Backinstock-disabled {
    width: 100%;
  }
  .Header-fitQuizIcon {
    display: none;
  }
  .Header-menuMobile {
    display: none;
  }
  .Header-section {
    gap: 1.75rem;
  }
  .Header-icon {
    width: 0.9375rem;
  }
  .Header-logo {
    padding: 1.5rem 0 1rem;
  }
  .Header-logo-mobile {
    display: none;
  }
  .Header-logo-desktop {
    display: block;
  }
  .Header-logoLink {
    font-size: 1rem;
    text-align: left;
    max-height: 1.75rem;
    width: 16.875rem;
  }
  .Header-logoLink img {
    height: 1.75rem;
  }
  .Header-logoFallbackText {
    text-align: left;
  }
  .Header-iconLink {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-block;
  }
  .Header-iconLink + .Header-iconLink {
    margin-left: 1.75rem;
  }
  .Header-right-dropbtn {
    display: block;
  }
  .Header-icon-mobile {
    display: inherit;
  }
  .Header-icon-cart {
    background: none;
  }
  .HeaderMenu {
    display: block;
  }
  .HeaderMenu-items-left {
    display: block;
  }
  .HeaderMenu-items-right {
    display: inline;
    padding-right: 2.5rem;
  }
  .HeaderMenu-item-is-mobile {
    display: none;
  }
  .HeaderMenu-item-right {
    display: inline;
    padding-right: 2.5rem;
  }
  .primary-menu {
    display: block;
  }
  .menu-top-link {
    font-size: 1.875rem;
  }
  .menu-top-link {
    display: unset;
    width: auto;
    padding: 0 0.75rem 1.25rem;
    background: transparent;
    color: var(--c-white);
    /* h1 */
    line-height: 1.3;
    letter-spacing: 0.03125rem;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
    text-transform: uppercase;
  }
  .menu-top-link:hover {
    color: white;
  }
  .menu-sub-link {
    font-weight: 600;
  }
  .dropdown-toggle {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .header-icons {
    padding-top: 2rem;
  }
  .header-icons.header-icons--right {
    padding-right: 3.75rem;
  }
  .header-icons.header-icons--left {
    padding-left: 3.75rem;
  }
  .header-icon {
    margin-right: 1.5rem;
    width: 0.9375rem;
  }
  .header__search .header-icon {
    top: unset;
  }
  .header-link__container {
    display: inline-block;
  }
  .megamenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(100% - 40px);
    padding: 30px 20px;
    margin: 0 20px;
  }
  a:hover .header-image-tile__image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .header-image-tile__text {
    font-weight: 600;
  }
  .mobile-menu-divider {
    display: none;
  }
  .extra-item__container {
    display: block;
  }
  .search__input-container,
.search-header__toggle {
    gap: 1rem;
    margin: 0;
  }
  .predictive-search {
    max-height: var(--search-header-max-height);
  }
  .search-header .predictive-search {
    padding: 2.25rem;
  }
  .predictive-search.predictive-search--header {
    padding: 3.5rem 0 0;
  }
  .predictive-search__results-groups-wrapper {
    display: grid;
    grid-template-columns: calc(70% - 21px) calc(30% - 21px);
    -webkit-column-gap: 2.625rem;
    -moz-column-gap: 2.625rem;
    column-gap: 2.625rem;
  }
  .predictive-search__results-list.predictive-search__products-list {
    grid-template-columns: repeat(3, calc(33% - 11px));
    -webkit-column-gap: 1.375rem;
    -moz-column-gap: 1.375rem;
    column-gap: 1.375rem;
    padding: 0;
    margin: 0 0 2.5rem 0;
    border: 0;
  }
  .predictive-search__products {
    padding: 0 0 3.375rem 0;
    margin: 0;
    border: 0;
  }
  .predictive-search-queries__label {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--c-thread-grey);
  }
  .predictive-search-products__label {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .HeaderDropdown {
    display: block;
    border-left: 1.25rem solid var(--c-harper-dark);
    border-right: 1.25rem solid var(--c-harper-dark);
  }
  .HeaderDropdown li ul li {
    padding-right: 3rem;
  }
  .HeaderDropdown-wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 30%;
    width: 22.5rem;
  }
  .HeaderDropdown-shopitem-content {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .HeaderDropdown-shopitem-featured {
    height: 25.75rem;
  }
  .Header-section-right-links {
    display: inline-block;
  }
  .Footer-container {
    padding: 3.75rem 3.75rem;
  }
  .Footer-sections {
    padding-top: 3.75rem;
    padding-bottom: 0.9375rem;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: unset;
    margin: auto;
  }
  .Footer-section {
    vertical-align: top;
  }
  .Footer-section--left {
    width: 100%;
  }
  .Footer-section--left {
    width: 50%;
  }
  .Footer-section--right {
    text-align: right;
  }
  .Footer-lowerSection {
    text-align: right;
    gap: 2.5rem;
  }
  .Footer-lowerSection-links {
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: auto 0;
  }
  .Footer-lowerSection-menulink {
    padding-right: 1.875rem;
  }
  .Footer-topbar {
    display: block;
  }
  .Footer-bottomlogo {
    display: none;
  }
  .Footer-footnote {
    text-align: left;
  }
  .Footer-logo {
    padding: 0;
    text-align: left;
    margin-left: -0.25rem;
    width: 3.25rem;
  }
  .FooterMenu {
    display: inline-block;
    max-width: 11.5rem;
    padding: 0;
    width: auto;
    max-width: 9.5rem;
  }
  .FooterMenu-label {
    /* h1 */
    line-height: 1.4;
    letter-spacing: 0;
    font-size: 1.125rem;
    min-width: unset;
  }
  .FooterMenu-items {
    min-width: unset;
    gap: 1rem;
  }
  .FooterMenu-itemLink {
    /* h1 */
    line-height: 1.4;
    letter-spacing: 0;
    font-size: 1.125rem;
  }
  .FooterSocial {
    text-align: left;
  }
  .FooterSocial-items {
    margin: auto;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .PaymentMethods {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: left;
  }
  .PaymentMethods-items .PaymentMethods-item:first-child {
    margin-left: 0;
  }
  .Credits {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    margin: 0;
    text-align: left;
  }
  .carousel-arrow {
    top: calc(50% - 60px);
  }
  .HomePress-container .carousel-arrow {
    top: 50%;
  }
  .ProductsCarousel-container .ProductsCarousel-grid {
    padding-top: 1.5rem;
  }
  .IndexBlog-item {
    width: 33.3333333333%;
  }
  .IndexBlog-items .IndexBlog-item:nth-child(4):last-child {
    display: none;
  }
  .ContactPage {
    padding: 3.125rem;
  }
  .Slideshow-placeholder {
    padding: 0 0 44.4444444444% 0;
  }
  .SlideshowItem-imagePlaceholder {
    padding: 0 0 44.4444444444% 0;
  }
  .SlideshowItem-captionContainer[data-position~=top] {
    top: 10%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .SlideshowItem-captionContainer[data-position~=bottom] {
    top: auto;
    bottom: 10%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .SlideshowItem-captionContainer[data-position~=left] {
    width: 50%;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .SlideshowItem-captionContainer[data-position~=right] {
    left: 50%;
    width: 50%;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .SlideshowItem-caption-hollow {
    font-size: 0.875rem;
  }
  .SlideshowItem-caption-hollow[data-position~=left] {
    width: 35.625rem;
    padding: 0 0 0 4.375rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .SlideshowItem-caption-hollow[data-position~=right] {
    width: 35.625rem;
    padding: 0 4.375rem 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .SlideshowItem-caption-solid {
    font-size: 0.875rem;
  }
  .SlideshowItem-caption-solid[data-position~=left] {
    padding: 0 0 0 4.375rem;
    width: 40.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .SlideshowItem-caption-solid[data-position~=right] {
    width: 40.75rem;
    padding: 0 4.375rem 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .SlideshowItem-captioncontent-solid {
    color: #fff;
    width: 36.375rem;
    margin: auto 0;
    padding: 3rem 2.5625rem;
  }
  .SlideshowItem-captioncontent-hollow {
    color: #fff;
    width: 31.25rem;
    margin: auto 0;
  }
  .SlideshowItem-heading {
    font-size: 4.375rem;
    color: var(--c-harper-dark);
    line-height: 4.375rem;
    margin: 0;
    max-width: unset;
  }
  .SlideshowItem-subhead {
    color: var(--c-harper-dark);
    font-size: 1.25rem;
    line-height: 1.5rem;
    width: 17.5rem;
    margin: auto;
    padding-bottom: 2.875rem;
    max-width: unset;
  }
  .SlideshowControls-arrows {
    display: none;
  }
  .SlideshowControls-dots {
    font-size: 1rem;
  }
  .BannerGrid-caption {
    font-size: 0.9375rem;
  }
  .Newsletter-footer {
    text-align: left;
  }
  .Product-PDPDesc-desktop {
    display: block;
  }
  .Product-PDPDesc-mobile {
    display: none;
  }
  .Product-info-mobile {
    display: none;
  }
  .Product-info-desktop {
    display: block;
    min-width: 18.125rem;
  }
  .Product-info-details {
    padding-bottom: 0;
    border-bottom: none;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0.5rem;
  }
  .Product-title {
    margin: 0.75rem 0 0;
  }
  .Product-title-desktop {
    display: block;
  }
  .Product-short-description {
    margin: 0.5rem 0;
  }
  .Product-price {
    text-align: left;
    padding-bottom: 0.5rem;
    margin-top: 1.25rem;
  }
  .Product-hr {
    display: block;
  }
  .Product-labeltag {
    right: 0.625rem;
  }
  .ProductGallery {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
  }
  .ProductGallery.is-fixedSticky {
    position: fixed;
  }
  .ProductGallery-imagePlaceholder {
    padding-bottom: 53.125rem;
  }
  .ProductGallery-zoom .zoom-desktop {
    display: initial;
  }
  .ProductGallery-zoom .zoom-mobile {
    display: none;
  }
  .ProductGallery-progress {
    display: none;
  }
  .ProductGallery-arrow {
    display: none;
  }
  .ProductGallery-arrowLeft {
    top: 60%;
    bottom: -1.25rem;
  }
  .ProductGallery-arrowRight {
    top: 60%;
    bottom: -1.25rem;
  }
  .ProductGallery-carouselPlaceholder {
    padding-bottom: 53.125rem;
  }
  .ProductGallery-images {
    height: 100%;
    width: calc(100% - 120px);
    left: auto;
    right: 0;
  }
  .ProductGallery-images.slick-slider .slick-list {
    height: 100%;
  }
  .ProductGallery-images.slick-slider .slick-list .slick-track,
.ProductGallery-images.slick-slider .slick-list .ProductGallery-imageLink,
.ProductGallery-images.slick-slider .slick-list .ProductGallery-imagePlaceholder {
    height: 100%;
  }
  .ProductGallery-thumbsInside {
    width: initial;
    white-space: initial;
    overflow-x: initial;
  }
  .ProductGallery-thumbs {
    display: block;
    left: 0;
    position: absolute;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-height: none;
    overflow: auto;
    margin: 0;
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
    scroll-snap-stop: always;
    z-index: 2;
    height: 100%;
    padding: 1.25rem;
    top: 0;
    overflow-y: scroll;
    width: 120px;
    max-width: initial;
  }
  .ProductGallery-thumb {
    margin: 0 0 1.25rem;
    position: relative;
    width: 5rem;
    height: 6.25rem;
    display: block;
  }
  .gallery-subtitles {
    font-size: 1rem;
  }
  .gallery-subtitle {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
  }
  .QuickshopGallery-imagePlaceholder {
    padding-bottom: 53.125rem;
  }
  .QuickshopGallery-zoom .zoom-desktop {
    display: initial;
  }
  .QuickshopGallery-zoom .zoom-mobile {
    display: none;
  }
  .QuickshopGallery-arrowLeft {
    top: 60%;
    bottom: -1.25rem;
  }
  .QuickshopGallery-arrowRight {
    top: 60%;
    bottom: -1.25rem;
  }
  .QuickshopGallery-images.slick-slider .slick-list .slick-track,
.QuickshopGallery-images.slick-slider .slick-list .QuickshopGallery-imageLink,
.QuickshopGallery-images.slick-slider .slick-list .QuickshopGallery-imagePlaceholder {
    height: 315px !important;
  }
  .QuickshopGallery-thumbsInside {
    width: initial;
    white-space: initial;
    overflow-x: initial;
  }
  .QuickshopGallery-thumbs {
    display: block;
    left: 0;
    position: absolute;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-height: none;
    overflow: auto;
    margin: 0;
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
    scroll-snap-stop: always;
    z-index: 2;
    height: 100%;
    padding: 1.25rem;
    top: 0;
    overflow-y: scroll;
    width: 120px;
    max-width: initial;
  }
  .QuickshopGallery-thumb {
    margin: 0 0 1.25rem;
    position: relative;
    width: 5rem;
    height: 6.25rem;
    display: block;
  }
  .gallery-subtitles {
    font-size: 1rem;
  }
  .gallery-subtitle {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
  }
  .ProductDetails-sections {
    grid-template-columns: 3fr minmax(30rem, 2fr);
    grid-template-areas: "images details" "images completethelook";
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 0;
  }
  .ProductDetails-section--mobileHeader {
    display: none;
  }
  .ProductDetails-section--details {
    padding: 0;
  }
  .ProductDetails-content {
    padding-inline: 2.5rem;
    padding-top: 2.5rem;
  }
  .ProductDetails-desktopProductSummary {
    display: block;
  }
  .ProductDetails-desktopProductSummary.v2 {
    display: none;
  }
  .ProductDetails .ProductSwatches-container.v2 .swatch {
    width: 2.5rem;
    height: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ProductDetails .ProductSwatches-container.v2 .swatch .swatch-link {
    height: 100%;
    width: 100%;
  }
  .ProductDetails .ProductSwatches-container.v2 .swatch .swatch-inner {
    width: 1.875rem;
    height: 1.875rem;
  }
  .product-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.25rem;
  }
  .bulk-discount__description {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 0.75rem;
    border-left: 1px solid var(--c-thread-grey);
    border-bottom: 0;
  }
  .CompleteLook .ProductForm {
    margin-top: 0;
  }
  .smpbundle-Product .ProductForm {
    margin-top: 0.625rem;
  }
  .ProductSwatches-label {
    margin-bottom: 0.5rem;
  }
  .ProductSwatches-newcolor {
    padding: 0.625rem 0 0 0;
  }
  .colour-swatch-links--desktop {
    display: -ms-flexbox;
    display: flex;
    gap: 0.375rem;
    width: 100%;
  }
  .colour-swatch-links--mobile {
    display: none;
  }
  .swatch-wrapper {
    margin: 0 auto;
  }
  .swatch-wrapper .slick-list {
    max-width: 15rem;
  }
  .swatch-link {
    width: 1.75rem;
    height: 1.75rem;
  }
  .swatch-link:not(input[disabled] + *):hover, label:hover input:not(:disabled) ~ .swatch-link {
    border-radius: 100%;
    border: 0.125rem solid var(--c-slate);
  }
  .swatch-inner {
    min-width: 1.375rem;
    height: 1.375rem;
  }
  .swatch-link:not(input[disabled] + *):hover .swatch-inner, .swatch-link:not(input[disabled] + *).is-selected .swatch-inner, label input:not([disabled]) + .swatch-link > .swatch-inner {
    border: 0.125rem solid #fff;
  }
  .swatch-slider .slick-slide {
    width: 1.875rem;
    height: 26px !important;
  }
  .swatch-slider-next, .swatch-slider-prev {
    min-width: 1.375rem;
    height: 1.375rem;
  }
  .swatch-slider-next {
    margin-left: 0;
    left: 0.25rem;
  }
  .swatch-slider-prev {
    margin-right: 0;
    right: 0.25rem;
  }
  .swatch-slider-prev-arrow, .swatch-slider-next-arrow {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
  }
  .smpbundle-Product .ProductRadioButtons-group.is-last {
    margin-bottom: 0;
  }
  .ProductTabs-fittingModal {
    padding-top: 6.25rem;
  }
  .ProductTabs-fittingModal-content {
    text-align: left;
    height: auto;
    max-height: 80vh;
    width: 90vw;
    margin: auto;
    padding: 3.125rem 1.25rem 3.125rem 1.25rem;
  }
  .ProductTabs-fittingModal-content-header {
    padding-bottom: 2.125rem;
  }
  .ProductTabs-fittingModal-content-title {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
  .ProductTabs-fittingModal-content-subheading {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .ProductTabs-fittingModal-container {
    padding: 0 1.25rem;
  }
  .ProductTabs-placeholder--mobileoriginal {
    display: none;
  }
  .ProductTabs-placeholder--desktop {
    display: block;
    padding-bottom: calc(100% / 2.47);
  }
  .ProductTabs-placeholder--mobile {
    display: none;
  }
  .CompleteLook {
    overflow: visible;
  }
  .CompleteLook-title {
    padding: 2.25rem;
    /* h1 */
    line-height: 1.3;
    letter-spacing: -1px;
    font-weight: 600;
    text-transform: none;
    font-size: 1.5625rem;
  }
  .CompleteLook-container {
    width: 100%;
    max-width: 31.5625rem;
    padding: 0 1.875rem;
    background: transparent;
  }
  .CompleteLook-items {
    padding: 0;
    width: 24.375rem;
  }
  .CompleteLook-items .CompleteLook-item-details-top {
    min-height: 84px;
  }
  .CompleteLook-btnwrapper-next {
    display: block !important;
    top: 166px;
    right: -30px;
    z-index: 9;
  }
  .CompleteLook-btnwrapper-prev {
    display: block !important;
    top: 164px;
    left: -38px;
    z-index: 9;
  }
  .CompleteLook-prev-arrow {
    position: relative;
  }
  .CompleteLook .slick-dots {
    display: none !important;
  }
  .Breadcrumb {
    gap: 0.375rem;
    padding-bottom: 0.9375rem;
  }
  .catch__wrapper {
    -ms-flex-pack: left;
    justify-content: left;
    margin-top: 0;
  }
  .smpbundle-Main {
    margin-bottom: 0;
  }
  .smpbundle-Main-sections {
    grid-template-columns: 3fr minmax(30rem, 2fr);
    grid-template-areas: "images summary" "images products" "images controls";
  }
  .smpbundle-Main-section--products {
    padding: 0 2.5rem;
  }
  .smpbundle-Main-section--controls {
    padding: 0 2.5rem 2.5rem 2.5rem;
  }
  .smpbundle-Main-section--summary {
    padding: 0 2.5rem;
    padding-top: 2.5rem;
  }
  .smpbundle-Main-section--mobileDescription {
    display: none;
  }
  .smpbundle-ImageGallery {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
  }
  .smpbundle-ImageGallery.is-fixedSticky {
    position: fixed;
  }
  .smpbundle-ImageGallery-imagePlaceholder {
    padding-bottom: 53.125rem;
  }
  .smpbundle-ImageGallery-zoom .zoom-desktop {
    display: initial;
  }
  .smpbundle-ImageGallery-zoom .zoom-mobile {
    display: none;
  }
  .smpbundle-ImageGallery-progress {
    display: none;
  }
  .smpbundle-ImageGallery-arrow {
    display: none;
  }
  .smpbundle-ImageGallery-carouselPlaceholder {
    padding-bottom: 53.125rem;
  }
  .smpbundle-ImageGallery-thumbs {
    display: block;
  }
  .smpbundle-Summary-title {
    text-align: left;
  }
  .smpbundle-Summary-descContainer {
    display: block;
    position: relative;
    padding: 0 0 1.25rem 0;
    margin: 0 auto;
  }
  .smpbundle-Summary-descContainer::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #cfcfcf;
  }
  .smpbundle-Summary-priceContainer {
    margin-bottom: 1.25rem;
    text-align: left;
  }
  .Grid-alternate {
    padding: 0;
    grid-template-columns: repeat(auto-fit, minmax(0, 50%));
  }
  .Grid-alternate:after {
    padding: 1rem 1.25rem 1.953125rem 1.25rem;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .Grid-alternate-item {
    padding: 1rem 1.25rem 1.953125rem 1.25rem;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .Grid {
    padding: 2rem 2.5rem 2.5rem;
    gap: 2.5rem;
  }
  .Grid-item-mysize-title {
    font-size: 2.5rem;
  }
  .Grid-item-mysize-title {
    padding-bottom: 1.25rem;
  }
  .Grid--itemsPerRow-large-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .Grid--itemsPerRow-large-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .Grid--itemsPerRow-large-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .Grid--itemsPerRow-large-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .Grid--itemsPerRow-large-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .Grid--itemsPerRow-large-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .GridItem--showMinHeightDesktop .GridItem-title {
    min-height: 50px;
  }
  .GridItem-extraDescription {
    margin-left: -0.5rem;
  }
  .GridItem-imagePlaceholder {
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .GridItem-imageContainer:hover .GridItem-imagePlaceholder.has-secondImage {
    opacity: 0;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .GridItem-secondImagePlaceholder {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    background-color: var(--tvg-color-white);
    opacity: 0;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .GridItem-imageContainer:hover .GridItem-secondImagePlaceholder {
    opacity: 1;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .GridItem-details {
    margin: 1.25rem 0 1rem 0;
  }
  .GridItem-title {
    margin: 0.2em 0 0.3em 0;
  }
  .GridItem-titleLink {
    font-size: 1.5625rem;
  }
  .GridItem-titlePrice {
    /* h1 */
    line-height: 1.4;
    letter-spacing: 0;
    font-size: 1.125rem;
  }
  .CollectionMySizeFull-PGLarge {
    padding-top: 0;
  }
  .product-card {
    padding: 0;
  }
  .product-card--showMinHeightDesktop .product-card__title {
    min-height: 50px;
  }
  .product-card__imageContainer:hover .quickshop-btn {
    display: block;
  }
  .product-card__imageContainer {
    border-radius: 0.625rem;
  }
  .product-card__secondImagePlaceholder {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    background-color: var(--tvg-color-white);
    opacity: 0;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .product-card__imageContainer:hover .product-card__secondImagePlaceholder {
    opacity: 1;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .product-card__imagePlaceholder {
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .product-card__imageContainer:hover .product-card__imagePlaceholder.has-secondImage {
    opacity: 0;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .product-card__details {
    text-align: center;
  }
  .product-card__title {
    font-size: 1.5625rem;
  }
  .product-card--small .product-card__title {
    font-size: 1.125rem;
    line-height: 1.575rem;
  }
  .product-card__titlePrice {
    /* h1 */
    line-height: 1.4;
    letter-spacing: 0;
    font-size: 1.125rem;
  }
  .product-card__extraDescription {
    margin-left: -0.5rem;
    text-align: center;
    /* h1 */
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 0.875rem;
  }
  .product-card__extraDescription {
    margin-left: -0.5rem;
  }
  .product-card__reviews {
    text-align: center;
    /* h1 */
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 0.875rem;
  }
  .product-card__reviews .jdgm-star {
    font-size: 0.6875rem;
  }
  .large:not(.overlay) .tile__wrap {
    padding-top: 0;
  }
  .tile__content {
    width: 90%;
    margin: 0 auto;
  }
  .small .tile__content, .large.with-img .tile__content {
    position: relative;
  }
  .large .tile__content {
    width: 50%;
    padding: 4rem;
    left: 0;
  }
  .large.overlay .tile__content {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .large .tile__header--text {
    font-size: 3.75rem;
  }
  .tile__cta {
    margin-top: 1.875rem;
  }
  .tile__cta.cta-button--primary:after {
    background-color: var(--c-white);
  }
  .tile.with-img .tile__wrap {
    display: -ms-flexbox;
    display: flex;
  }
  .tile__figure {
    display: block;
  }
  .large:not(.overlay) .tile__figure {
    position: relative;
    width: 50%;
    padding-top: 0;
  }
  .tile.with-img.small .tile__wrap {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tile.with-img.text-first.small .tile__wrap {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .tile.with-img.text-first.large .tile__wrap {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .Collectionknowyourworth {
    display: block;
  }
  .Page-content {
    padding: 3.125rem;
  }
  .Cart-totalWrapper {
    font-size: 1.5625rem;
  }
  .Cart-totalTitle {
    font-size: 1.5625rem;
  }
  .Cart-totalPrice {
    font-size: 1.5625rem;
  }
  .CartPage-header {
    height: 15rem;
  }
  .CartPage-formcontainer {
    padding-bottom: 3.125rem;
  }
  .CartPage-item-priceoriginal {
    padding-right: 10px;
  }
  .Offcanvas--right {
    top: 5rem;
  }
  .Offcanvas--left {
    top: 5rem;
  }
  .search-backdrop {
    background: #000;
    opacity: 0.5;
  }
  .header__search {
    position: static;
  }
  .header__search details[open=true] {
    padding: 2.75rem;
    background-color: var(--c-white);
    max-height: 100vh;
  }
  .search-header {
    padding: 0;
  }
  .search__count {
    padding: 1.5rem 0 1.25rem;
  }
  .quickshop-modal .ProductForm-controls {
    padding: 16px 20px 24px;
    max-width: 434px;
  }
  .quickshop-modal .ProductForm {
    margin-top: 16px;
  }
  .quickshop-modal details {
    width: 100%;
    right: 0;
  }
  .header__quickshop details[open=true] {
    width: 434px;
    padding: 0 1.25rem;
    right: 0;
  }
  .quickshop__modal-container .drawer-top {
    margin: 24px 0;
  }
  .quickshop__modal-container .Quickshop-title-desktop {
    display: inline-block;
  }
  .quickshop__modal-container .Quickshop-title-mobile {
    display: none;
  }
  .quickshop-product-sections .quickshop-product-link {
    font-size: 14px;
    line-height: 21px;
  }
  .quickshop-product-section--imageGallery {
    height: 315px;
  }
  .Quickshop-price .product-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
  .Quickshop-price .product-price .bulk-discount__badge {
    font-size: 14px;
    padding: 4px 16px 4px;
  }
  .Customer {
    padding: 0 1.25rem 3.125rem;
  }
  .Customer-account-section {
    padding-top: 2.5rem;
  }
  .Customer-sectionTitle {
    font-size: 1.875rem;
    line-height: 1.875rem;
    margin-bottom: 1.5rem;
  }
  .form-card__form {
    padding: 1.25rem 0;
  }
  .account-heading__text .swell-account-heading {
    font-size: 60px;
    margin: 64px 0 16px;
  }
  .HeaderDropdown-mission {
    display: block;
  }
  .HeaderDropdown-mission-wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .CartProgress {
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 3.125rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .CartProgress-container {
    overflow: visible;
  }
  .CartProgress-secondmessage {
    margin: auto 0;
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
  .CartProgress-progressBar {
    height: auto;
    width: 35.5625rem;
  }
  .fifty-fifty {
    overflow: hidden;
    padding: 0;
  }
  .fifty-fifty.fifty-fifty--text-right {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .fifty-fifty.fifty-fifty--text-left {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .fifty-fifty--stacked .fifty-fifty__img-container {
    width: 50%;
    border: 0;
    border-radius: 0;
    padding-bottom: 0;
    margin-top: 0;
  }
  .fifty-fifty--overlaid .fifty-fifty__img-container {
    width: 50%;
  }
  .fifty-fifty--stacked .fifty-fifty__img-placeholder {
    border: 0;
  }
  .fifty-fifty__img-placeholder {
    border: 0;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 100%;
  }
  .fifty-fifty--text-right .fifty-fifty__text-container {
    width: 50%;
    position: relative;
    padding: 0;
  }
  .fifty-fifty--text-left .fifty-fifty__text-container {
    width: 50%;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 2.5rem;
  }
  .fifty-fifty__text {
    width: 25rem;
  }
  .fifty-fifty--overlaid .fifty-fifty__text {
    padding: 1.875rem 0.9375rem;
    width: 28.125rem;
    background: transparent;
    border: none;
    max-width: 31.25rem;
  }
  .fifty-fifty__title {
    font-size: 2.8125rem;
  }
  .fifty-fifty__title {
    padding-bottom: 1rem;
  }
  .fifty-fifty__description img {
    width: 16.25rem;
    padding-top: 2.5rem;
  }
  .HomeImgtext {
    overflow: visible;
  }
  .HomeImgtext-title {
    font-size: 2.8125rem;
  }
  .HomeImgtext-cta {
    width: 17.5rem;
  }
  .HomeKnowyourworth-container {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .HomeKnowyourworth-placeholder--mobile {
    display: none;
  }
  .HomeKnowyourworth-placeholder--desktop {
    display: block;
    padding-bottom: 44.4444444444%;
  }
  .HomeKnowyourworth-contentContainer {
    position: absolute;
    min-height: 100%;
  }
  .HomeKnowyourworth-content {
    margin: auto 0;
    width: 31.25rem;
    padding: 0;
    margin: auto 5rem;
  }
  .HomeKnowyourworth-content.righttext {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .HomeKnowyourworth-content.lefttext {
    -ms-flex-item-align: start;
    align-self: start;
  }
  .HomeKnowyourworth-content.center {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .HomeKnowyourworth-scrollheading.textscroll-top-mob {
    display: none;
  }
  .HomeKnowyourworth-scrollheading.textscroll-top-desk {
    display: block;
    margin-top: 0.75rem;
    top: 0;
    position: relative;
  }
  .HomeKnowyourworth-scrollheading svg {
    font-size: 80px;
  }
  .HomeKnowyourworth-scrollheading text {
    stroke-width: 0.25rem;
  }
  .HomeKnowyourworth-scrollheading.textscroll-bottom-mob {
    display: none;
  }
  .HomeKnowyourworth-scrollheading.textscroll-bottom-desk {
    display: block;
    margin-bottom: -0.25rem;
  }
  .HomeKnowyourworth-title {
    letter-spacing: -1px;
    font-size: 2.8125rem;
    line-height: 2.8125rem;
    padding-bottom: 0;
  }
  .HomeKnowyourworth-description {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 0;
    padding-bottom: 2.5rem;
  }
  .HomeKnowyourworth-scrolling {
    padding-right: 7.5rem;
  }
  .HomeKnowyourworth-scrolling-top {
    padding-right: 7.5rem;
  }
  @-moz-document url-prefix(){
    .HomeKnowyourworth-scrollheading svg {
      font-size: 80px;
    }
  }
  @-moz-document url-prefix(){
    .HomeKnowyourworth-scrollheading.textscroll-top-mob {
      display: none;
    }
  }
  @-moz-document url-prefix(){
    .HomeKnowyourworth-scrollheading.textscroll-top-desk {
      display: block;
      margin-top: 0.75rem;
      top: 0;
      position: relative;
    }
  }
  @-moz-document url-prefix(){
    .HomeKnowyourworth-scrollheading.textscroll-bottom-mob {
      display: none;
    }
  }
  @-moz-document url-prefix(){
    .HomeKnowyourworth-scrollheading.textscroll-bottom-desk {
      display: block;
      margin-bottom: -0.375rem;
    }
  }
  .HomeMysize {
    overflow: visible;
  }
  .HomeMysize-container {
    overflow: hidden;
  }
  .HomeMysize-imgcontainer-righttext {
    width: 50%;
  }
  .HomeMysize-imgcontainer-lefttext {
    width: 50%;
  }
  .HomeMysize-textcontainer-righttext {
    width: 50%;
    position: relative;
    padding: 0;
    margin: auto;
  }
  .HomeMysize-textcontainer-lefttext {
    width: 50%;
    position: relative;
    padding: 0;
    margin: auto;
  }
  .HomeMysize-textcontainer-centertext {
    padding: 3.875rem 2.5rem;
  }
  .HomeMysize-textcontainer-centertext {
    padding: 0;
  }
  .HomeMysize-righttext {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .HomeMysize-lefttext {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .HomeMysize-placeholder--mobile {
    display: none;
  }
  .HomeMysize-placeholder--desktop {
    display: block;
  }
  .HomeMysize-placeholder--desktop--righttext, .HomeMysize-placeholder--desktop--lefttext {
    padding-bottom: 100%;
    background-position: right;
  }
  .HomeMysize-content-righttext, .HomeMysize-content-lefttext {
    padding: 1.875rem 0.9375rem;
    width: 25rem;
    background: transparent;
    border: none;
  }
  .HomeMysize-content-centertext {
    width: 37.5rem;
    max-width: 37.5rem;
    padding: 2.5625rem 1.1875rem;
  }
  .HomeMysize-title {
    font-size: 2.8125rem;
  }
  .HomeMysize-title {
    padding-bottom: 1rem;
    max-width: 25.625rem;
    margin: auto;
  }
  .HomeMysize-title--lefttext, .HomeMysize-title--righttext {
    padding-bottom: 2.1875rem;
  }
  .HomeMysize-description {
    padding: 0 3.125rem 2.5rem 3.125rem;
  }
  .HomeMysize-description--lefttext, .HomeMysize-description--righttext {
    padding-right: 0;
    padding-left: 0;
  }
  .HomeStatement-content {
    padding: 6.25rem 0;
  }
  .HomeStatement-heading {
    padding: 0;
  }
  .HomeStatement-heading-quote {
    font-size: 1.875rem;
  }
  .HomeStatement-item {
    width: 11.4375rem;
    margin-right: 7.1875rem;
  }
  .HomeStatement-item-description {
    font-size: 1rem;
  }
  .FeaturedProducts {
    padding-top: 6.6875rem;
    overflow: visible;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--c-sky-blue)), color-stop(65%, var(--c-sky-blue)), color-stop(65%, #ffffff), to(#ffffff));
    background: -o-linear-gradient(top, var(--c-sky-blue) 0%, var(--c-sky-blue) 65%, #ffffff 65%, #ffffff 100%);
    background: linear-gradient(to bottom, var(--c-sky-blue) 0%, var(--c-sky-blue) 65%, #ffffff 65%, #ffffff 100%);
  }
  .FeaturedProducts-container {
    padding-bottom: 3.125rem;
    background: transparent;
  }
  .FeaturedProducts-title {
    font-size: 2.5rem;
  }
  .FeaturedProducts-title {
    max-width: 31.25rem;
    padding: 0 1.25rem 1.25rem 1.25rem;
  }
  .FeaturedProducts-description {
    display: inline-block;
  }
  .FeaturedProducts-grid {
    padding-top: 3.75rem;
    max-width: 90rem;
  }
  .FeaturedProducts-cta {
    margin: 1.5rem auto 0 auto;
    width: 17.5rem;
  }
  .FeaturedProducts-items {
    width: auto;
  }
  .FeaturedProducts-item-description {
    padding-bottom: 0.875rem;
  }
  .FeaturedProducts-img-secondary {
    opacity: 1;
    display: block;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
  }
  .FeaturedProducts-img-secondary:hover {
    opacity: 0;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .HomeSocial {
    overflow: visible;
  }
  .HomeSocial-grid {
    padding-top: 0;
    height: 510px;
  }
  .HomeSocial-title {
    font-size: 2.5rem;
  }
  .HomeSocial-title {
    padding: 0.9375rem 0 0 0;
  }
  .HomeSocial-description {
    padding-top: 0.625rem;
    padding-bottom: 1.875rem;
    max-width: 100%;
  }
  .HomeSocial-items {
    padding: 0.625rem 0 3.4375rem 0;
    overflow: hidden;
  }
  .HomeSocial-item {
    max-width: 17.5rem;
  }
  .HomeSocial-item-description {
    /* h1 */
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1rem;
  }
  .HomeSocial-item-content {
    margin: 0 0.625rem;
  }
  .HomeSocial .slick-list {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .HomeSocial-item.slick-slide.slick-active:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  .HomePress {
    padding: 3.125rem 0;
  }
  .HomePress-container {
    padding: 0;
  }
  .HomePress-grid {
    padding: 0;
  }
  .HomePress-items {
    padding: 0;
  }
  .HomePress-items--mobile {
    display: none;
    max-width: unset;
    width: unset;
  }
  .HomePress-items--desktop {
    display: block;
  }
  .HomePress-itemsnav {
    padding: 0;
  }
  .HomePress-itemsnav--mobile {
    display: none;
    max-width: unset;
    width: unset;
  }
  .HomePress-itemsnav--desktop {
    display: block;
  }
  .HomePress-item-description {
    font-size: 2.5rem;
  }
  .HomePress-item-description {
    padding: 1.875rem;
  }
  .HomePress-item-quotes {
    width: 2.8125rem;
  }
  .HomePress-item-img {
    padding: 0.3125rem 0.9375rem;
    height: 4.375rem;
  }
  .HomePress-item-placeholder--desktop {
    display: block;
  }
  .HomePress .slick-list {
    padding: 0 15% 0 15%;
  }
  .HomePress-wrap-prev {
    top: 50%;
    width: 2.5rem;
    height: 2.5rem;
    background: #fef7d8;
    border: 0.125rem solid var(--c-harper-dark);
  }
  .HomePress-wrap-next {
    width: 2.5rem;
    height: 2.5rem;
    top: 50%;
    background: #fef7d8;
    border: 0.125rem solid var(--c-harper-dark);
  }
  .HomePress-items:before {
    background: -o-linear-gradient(left, #fff 40px, rgba(1, 1, 1, 0));
    background: linear-gradient(to right, #fff 40px, rgba(1, 1, 1, 0));
  }
  .HomePress-items:after {
    background: -o-linear-gradient(right, #fff 40px, rgba(1, 1, 1, 0));
    background: linear-gradient(to left, #fff 40px, rgba(1, 1, 1, 0));
  }
  .StaticHeader-fill {
    display: none;
  }
  .StaticHeader-placeholder--mobile {
    display: none;
  }
  .StaticHeader-placeholder--desktop {
    background-position: center;
    padding-bottom: calc(100% / 2.25);
    display: block;
  }
  .StaticHeader-contentContainer {
    display: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    position: absolute;
  }
  .StaticHeader-contentContainer-bg {
    display: none;
  }
  .StaticHeader-captionContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: unset;
    justify-content: unset;
    margin-bottom: unset;
    position: absolute;
    top: 10%;
    left: 0;
    -webkit-transform: translateY(-10%) translateZ(0);
    transform: translateY(-10%) translateZ(0);
    width: 100%;
    opacity: 1;
    text-align: center;
    -webkit-transition: opacity 300ms ease-in-out 300ms;
    -o-transition: opacity 300ms ease-in-out 300ms;
    transition: opacity 300ms ease-in-out 300ms;
    height: 100%;
  }
  .StaticHeader-captionContainer[data-position~=top] {
    top: 10%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .StaticHeader-captionContainer[data-position~=bottom] {
    top: auto;
    bottom: 10%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .StaticHeader-captionContainer[data-position~=left] {
    width: 50%;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .StaticHeader-captionContainer[data-position~=right] {
    left: 50%;
    width: 50%;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .StaticHeader-caption-hollow {
    font-size: 0.875rem;
  }
  .StaticHeader-caption-hollow[data-position~=left] {
    width: 35.625rem;
    padding: 0 0 0 4.375rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .StaticHeader-caption-hollow[data-position~=right] {
    width: 35.625rem;
    padding: 0 4.375rem 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .StaticHeader-caption-solid {
    font-size: 0.875rem;
  }
  .StaticHeader-caption-solid[data-position~=left] {
    padding: 0 0 0 4.375rem;
    width: 40.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .StaticHeader-caption-solid[data-position~=right] {
    width: 40.75rem;
    padding: 0 4.375rem 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .StaticHeader-captioncontent-solid {
    width: 36.375rem;
    max-width: 36.375rem;
    color: var(--c-harper-dark);
    margin: auto 0;
    padding: 3rem 2.5625rem;
  }
  .StaticHeader-captioncontent-hollow {
    width: 31.25rem;
    margin: auto 0;
  }
  .StaticHeader-heading {
    font-size: 3.75rem;
  }
  .StaticHeader-heading {
    padding-bottom: 0.875rem;
    margin: 0;
    max-width: unset;
    text-align: center;
  }
  .StaticHeader-subhead {
    width: 18.75rem;
    margin: auto;
    padding: 0 0 1.3125rem 0;
    max-width: unset;
    text-align: center;
  }
  .StaticHeader-ctaContainer {
    margin-top: 1.5625rem;
  }
  .hero__placeholder--desktop {
    display: block;
    padding-bottom: 33.3333333333%;
  }
  .hero__content {
    position: absolute;
    border-top: 0;
    min-height: 100%;
    padding: 3rem;
  }
  .hero__content--right {
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .hero__content--left {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .hero__title {
    display: block;
    text-align: center;
    margin: 1rem auto;
  }
  .hero__subheading {
    text-align: center;
    margin: 0 auto 0.5rem auto;
    /* h1 */
    line-height: 1.3;
    letter-spacing: 0.03125rem;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
  }
  .hero__description,
.hero__description p {
    text-align: center;
    margin: 0 auto;
    /* h1 */
    line-height: 1.4;
    letter-spacing: 0;
    font-size: 1.125rem;
  }
  .hero--text-only {
    margin-bottom: 0;
    padding: 2.5rem;
    background-color: var(--c-lightest-grey);
  }
  .hero--text-only .hero__subtitle,
.hero--text-only .hero__description {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .hero-with-video .hero__content {
    width: 50%;
    min-width: 595px;
  }
  .hero-with-video .tile__cta {
    margin-top: 2rem;
  }
  .hero-with-video .hero__placeholder--desktop {
    width: 50%;
    padding-bottom: 50%;
  }
  .hero-with-video .hero__placeholder--desktop.hero-full-width {
    width: 100%;
  }
  .hero__video-wrapper {
    display: -ms-flexbox;
    display: flex;
  }
  .hero__video {
    width: 50%;
  }
  .hero-text-overlay .hero__video {
    width: 100%;
  }
  .hero__video-controls {
    bottom: 1.5rem;
    right: 1.5rem;
    top: unset;
  }
  .category-tiles__container {
    padding: 40px 16px;
  }
  .category-tiles__container .category-tiles {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .category-tiles__container .category-tiles .category-tile {
    padding: 0 8px;
  }
  .category-tiles__container .category-tiles .category-tile:first-of-type {
    padding: 0 8px 0 0;
  }
  .category-tiles__container .category-tiles .category-tile:last-of-type {
    padding: 0 0 0 8px;
  }
  .category-tiles__container .category-tiles .category-tile {
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
  }
  .category-tiles__container .category-tiles .category-tile .category-tile-img {
    margin-bottom: 16px;
  }
  .category-tiles__container .category-tiles .category-tile .category-tile-text {
    max-width: 215px;
  }
  .category-tiles__container .category-tiles .category-tile .arrow-right {
    display: none;
    padding-top: 5px;
    margin-bottom: -5px;
  }
  .hp-50-50__container .hp-50-50 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .hp-50-50__container .hp-50-50 .hp-50-50-item {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding: 0 16px;
  }
  .hp-50-50__container .hp-50-50 .hp-50-50-item .hp-50-50-item-img {
    min-height: 899px;
    max-height: 1200px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 20px 0;
  }
  .hp-50-50__container .hp-50-50 .hp-50-50-item .hp-50-50-item-text.on-top {
    padding: 24px;
    bottom: 20px;
    left: 16px;
  }
  .hp-50-50__container .hp-50-50 .hp-50-50-item .arrow-right {
    display: none;
  }
  .hp-50-50__container .hp-50-50 .hp-50-50-item .arrow-right svg {
    width: 45px;
    height: 45px;
  }
  .hp-50-50__container .hp-50-50 .hp-50-50-item .arrow-right.on-top {
    bottom: 40px;
    right: 34px;
  }
  .StoryCtas-item {
    /* h1 */
    line-height: 1.3;
    letter-spacing: -1px;
    font-weight: 600;
    text-transform: none;
    font-size: 1.875rem;
    padding: 3.1875rem;
  }
  .StoryCtas-item div {
    width: 100%;
  }
  .StoryTextbanner-container {
    padding: 5rem 0;
  }
  .StoryTextbanner-description {
    padding-top: 1.875rem;
  }
  .StoryTextbanner-cta {
    padding-top: 1.25rem;
  }
  .StoryTextimg {
    overflow: visible;
  }
  .StoryTextimg-signature {
    padding-top: 1.25rem;
    width: 15.625rem;
  }
  .StoryTextimg-container {
    overflow: hidden;
  }
  .StoryTextimg-header {
    padding: 1.875rem 5rem;
  }
  .StoryTextimg-imgcontainer-righttext {
    width: 50%;
  }
  .StoryTextimg-imgcontainer-lefttext {
    width: 50%;
  }
  .StoryTextimg-textcontainer-righttext {
    width: 50%;
    position: relative;
    padding: 0;
  }
  .StoryTextimg-textcontainer-lefttext {
    width: 50%;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 2.5rem;
  }
  .StoryTextimg-righttext {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .StoryTextimg-lefttext {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .StoryTextimg-placeholder {
    padding-bottom: 120%;
  }
  .StoryTextimg-content {
    width: 25rem;
  }
  .StoryTextimg-content-centertext {
    padding: 4.75rem 3.125rem;
  }
  .StoryTextimg-title {
    padding-bottom: 2.1875rem;
  }
  .StoryTextimg-description img {
    width: 16.25rem;
    padding-top: 2.5rem;
  }
  .StoryCommitments {
    padding: 5.625rem 1.875rem 5.625rem 1.875rem;
  }
  .StoryCommitments-container {
    max-width: 90rem;
  }
  .StoryCommitments-hr {
    display: none;
  }
  .StoryCommitments-item {
    width: 18.75rem;
  }
  .StoryCommitments-item-title {
    padding-top: 2.5rem;
  }
  .StoryCommitments-heading {
    padding: 0 1.875rem 3.75rem 1.875rem;
  }
  .slidecount {
    display: none;
  }
  .StoryTextGraph-container {
    overflow: visible;
    padding: 3.4375rem 3.4375rem 5.625rem 3.4375rem;
  }
  .StoryTextGraph-graphcontainer-righttext {
    width: 50%;
  }
  .StoryTextGraph-graphcontainer-lefttext {
    width: 50%;
  }
  .StoryTextGraph-textcontainer-righttext {
    width: 50%;
    position: relative;
    padding: 0;
  }
  .StoryTextGraph-textcontainer-lefttext {
    width: 50%;
    position: relative;
    padding: 0;
  }
  .StoryTextGraph-righttext {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .StoryTextGraph-lefttext {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .StoryTextGraph-content-centertext {
    padding: 4.75rem 3.125rem;
  }
  .StoryTextGraph-title {
    padding-bottom: 1.875rem;
    text-align: left;
  }
  .StoryTextGraph-description {
    text-align: left;
  }
  .StoryTextGraph-graphwrapper {
    padding: 2rem;
    margin-top: 0;
    margin-bottom: 0;
    width: 25.25rem;
    height: 18.4375rem;
  }
  .StoryTextGraph-graph-title {
    padding-bottom: 2.5625rem;
  }
  .StoryTextGraph-graph-left {
    width: 4.375rem;
  }
  .bar1 {
    height: 3.5625rem;
    width: 6.25rem;
  }
  .bar2 {
    height: 3.5625rem;
    width: 13.75rem;
  }
  .level {
    height: 3.5625rem;
  }
  .levelstatic-first {
    height: 3.5625rem;
    width: 3.125rem;
  }
  .levelstatic-second {
    height: 3.5625rem;
    width: 3.125rem;
  }
  .RecycleHeader {
    overflow: visible;
  }
  .RecycleHeader-header {
    height: 18.75rem;
    padding: 0 5rem;
    font-size: 2.8125rem;
    line-height: 2.8125rem;
  }
  .RecycleTextimg {
    overflow: visible;
  }
  .RecycleTextimg-items {
    padding-bottom: 10rem;
  }
  .RecycleTextimg-container {
    overflow: hidden;
  }
  .RecycleTextimg-itemswrapper {
    max-width: 31.25rem;
  }
  .RecycleTextimg-header-text {
    padding: 0;
    text-align: left;
  }
  .RecycleTextimg-imgcontainer-righttext {
    width: 50%;
  }
  .RecycleTextimg-imgcontainer-lefttext {
    width: 50%;
  }
  .RecycleTextimg-textcontainer-righttext {
    width: 50%;
    position: relative;
    padding: 0;
  }
  .RecycleTextimg-textcontainer-lefttext {
    width: 50%;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 2.5rem;
  }
  .RecycleTextimg-righttext {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .RecycleTextimg-lefttext {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .RecycleTextimg-content {
    width: 25rem;
  }
  .RecycleTextimg-content-centertext {
    padding: 4.75rem 3.125rem;
  }
  .RecycleTextimg-title {
    text-align: left;
    padding-bottom: 2.1875rem;
  }
  .RecycleTextimg-description {
    text-align: left;
  }
  .RecycleTextimg-description img {
    width: 16.25rem;
    padding-top: 2.5rem;
  }
  .RecycleTextimg-hr {
    display: none;
  }
  .RecycleStats {
    overflow: visible;
    padding: 4.375rem 0 1.25rem 0;
  }
  .RecycleStats-header {
    padding: 0 0 2.5rem 0;
  }
  .RecycleStats-subheading {
    padding: 0 0 4.375rem 0;
    max-width: 43.75rem;
  }
  .RecycleStats-stats {
    padding-bottom: 3.4375rem;
  }
  .RecycleStats-stats-number::after {
    height: 0.625rem;
    bottom: 0.5rem;
    left: -0.25rem;
    min-width: 23.625rem;
  }
  .RecycleReady {
    overflow: visible;
  }
  .RecycleReady-container {
    overflow: hidden;
    padding: 85px 0;
  }
  .BorderedImgText {
    overflow: visible;
  }
  .BorderedImgText-cta {
    width: 17.5rem;
  }
  .CollectionBanner-container {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .CollectionBanner-placeholder--mobile {
    display: none;
  }
  .CollectionBanner-placeholder--desktop {
    display: block;
    padding-bottom: 33.3333333333%;
  }
  .CollectionBanner-contentContainer {
    min-height: 100%;
  }
  .CollectionBanner-contentContainer--v2 {
    position: absolute;
    border-top: none;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 3rem;
  }
  .CollectionBanner-content {
    margin: auto 0;
    padding: 0;
    width: 34.375rem;
    padding: 0;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .CollectionBanner-content--v2 {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .CollectionBanner-content-righttext {
    margin-right: 4.375rem;
  }
  .CollectionBanner-content-lefttext {
    margin-left: 4.375rem;
  }
  .CollectionBanner-scrollheading.textscroll-top-mob {
    display: none;
  }
  .CollectionBanner-scrollheading.textscroll-top-desk {
    display: block;
  }
  .CollectionBanner-scrollheading svg {
    font-size: 2.5rem;
  }
  .CollectionBanner-scrollheading.textscroll-bottom-mob {
    display: none;
  }
  .CollectionBanner-scrollheading.textscroll-bottom-desk {
    display: block;
  }
  .CollectionBanner-title {
    letter-spacing: -1px;
    font-size: 2.8125rem;
    line-height: 2.8125rem;
    padding: 1.875rem 1.875rem 0 1.875rem;
  }
  .CollectionBanner-title--v2 {
    text-align: center;
    padding: 0 0 0.625rem;
    font-size: 4.0625rem;
    line-height: 4.1875rem;
  }
  .CollectionBanner-title-lefttext {
    margin-left: 1.25rem;
    margin: auto 0;
  }
  .CollectionBanner-title-righttext {
    margin-right: 1.25rem;
    margin: auto 0;
  }
  .CollectionBanner-subtitle {
    letter-spacing: -1px;
    font-size: 2rem;
    line-height: 2.1875rem;
    padding: 1.875rem 1.875rem 0 1.875rem;
  }
  .CollectionBanner-subtitle--v2 {
    padding: 0;
    margin-bottom: 0.625rem;
    text-align: center;
  }
  .CollectionBanner-description {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 0;
    padding-bottom: 2.5rem;
  }
  .CollectionBanner-description--v2 {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .CollectionBadge {
    bottom: 25px;
    left: 8px;
    font-size: 14px;
  }
  .CollectionBadge-shape::after {
    border-width: 3rem;
  }
  .ProductsCarousel {
    padding-top: 3.5rem;
  }
  .ProductsCarousel-container.carousel {
    max-width: 53.75rem;
  }
  .ProductsCarousel-container {
    padding-bottom: 4.6875rem;
    background: transparent;
  }
  .ProductsCarousel-title {
    max-width: 34.375rem;
    padding: 0 1.25rem 1rem 1.25rem;
  }
  .ProductsCarousel-description {
    display: inline-block;
    max-width: 16.25rem;
  }
  .ProductsCarousel-grid {
    padding-top: 2.5rem;
    max-width: 90rem;
  }
  .ProductsCarousel-items {
    max-width: 100%;
  }
  .ProductsCarousel-cta {
    margin: 1.5rem auto 0 auto;
    width: 17.5rem;
  }
  .ProductsCarousel-item {
    -ms-flex-preferred-size: 20.3125rem;
    flex-basis: 20.3125rem;
  }
  .ProductsCarousel-item-title {
    font-size: 1.875rem;
  }
  .ProductsCarousel-item-description {
    margin-left: -0.5rem;
  }
  .ProductsCarousel-swatches {
    width: 100%;
  }
  .ProductsCarousel .product-card__imageContainer img {
    width: 100%;
    min-height: 23.125rem;
    min-width: 16.125rem;
  }
  .ProductsCarousel-btnwrapper-next {
    display: none;
  }
  .ProductsCarousel-btnwrapper-prev {
    display: none;
  }
  .ProductsCarousel .product-card__title {
    font-size: 1.5625rem;
  }
  .product-carousel-tabbed {
    margin: 80px 0 100px;
  }
  .product-carousel-tabbed .tabs {
    padding: 0;
  }
  .product-carousel-tabbed .tabs .tab.hover {
    -webkit-transition: width 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out;
    transition: width 0.6s ease-in-out;
  }
  .product-carousel-tabbed .tabs .tab.hover:after {
    width: 365px;
  }
  .product-carousel-tabbed .tab:after {
    width: 650px;
  }
  .product-carousel-tabbed .tab {
    padding: 0 0 16px;
  }
  .product-carousel-tabbed .tab.is-active:after {
    width: 325px;
  }
  .product-carousel-tabbed.has-cta {
    margin: 80px 0 180px;
  }
  .product-carousel-tabbed.has-cta .swiper-pagination {
    bottom: -162px !important;
  }
  .product-carousel-tabbed .ProductsCarousel-container .ProductsCarousel-grid {
    padding-top: 48px;
  }
  .product-carousel-tabbed .ProductsCarousel-container .product-card__details {
    gap: 8px;
    margin-top: 24px;
  }
  .product-carousel-tabbed .ProductsCarousel-container .product-card__details .quickshop-btn {
    display: none;
  }
  .product-carousel-tabbed .bulk-discount__badge {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    padding: 4px 16px 4px !important;
    margin-left: 12px;
  }
  .product-carousel-tabbed .carousel-cta {
    padding-top: 48px;
  }
  .product-carousel-tabbed .swiper-container {
    padding-right: 120px;
  }
  .product-carousel-tabbed .swiper-container .swiper-wrapper {
    padding: 0 60px;
  }
  .product-carousel-tabbed .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
  .product-carousel-tabbed .colour-swatch-links.colour-swatch-links--desktop .swatch {
    margin-right: 10px;
  }
  .CollectionBundle-content {
    padding: 2.5rem 1.625rem 0 2.5rem;
    width: auto;
    max-width: 32.5rem;
  }
  .CollectionBundle-desktop {
    display: block;
  }
  .CollectionBundle-mobile {
    display: none;
  }
  .CollectionBundle-contentwrapper {
    margin-left: 0;
    max-width: 100%;
    padding: 2.5rem 0 0 0;
  }
  .CollectionBundle-contentwrapper-scrollable {
    margin-left: 0;
    max-width: 100%;
    max-height: 48.125rem;
    overflow-y: scroll;
  }
  .GridItemBundle {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .GridItemBundle-details-content {
    padding-left: 20px;
    padding-top: 0;
  }
  .GridItemBundle-details-bottomlabel-left {
    display: block;
  }
  .GridItemBundle-details-bottomlabel-right {
    margin-left: 35px;
    margin-right: 10px;
  }
  .GridItemBundle .ProductRadioButtons-group {
    margin-bottom: 0px;
  }
  .GridItemBundle .ProductForm-controls {
    margin: 1.25rem 0 0 0;
  }
  .GridItemBundle .ProductForm-submitButton {
    margin-top: 0;
  }
  .GridItemBundle-imageContainer {
    width: 100%;
    min-width: 110px;
    height: 110px;
  }
  .GridItemBundle-titleLink {
    font-size: 24px;
  }
  .GridItemBundle-imagePlaceholder {
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .GridItem-imageContainer:hover .GridItemBundle-imagePlaceholder.has-secondImage {
    opacity: 0;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .GridItemBundle-secondImagePlaceholder {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    background-color: var(--tvg-color-white);
    opacity: 0;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .GridItemBundle-imageContainer:hover .GridItemBundle-secondImagePlaceholder {
    opacity: 1;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .GridItemBundle-item-hr {
    margin-bottom: 28px;
    margin-top: 20px;
  }
  .GridItemBundle-item-hr:first-child {
    display: block;
  }
  .GridItemBundle-item:last-child {
    padding-bottom: 0;
  }
  .GridItemBundleIndex-imagePlaceholder {
    padding: 0 0 100% 0;
    padding-bottom: 0;
    height: auto;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .GridItem-imageContainer:hover .GridItemBundleIndex-imagePlaceholder.has-secondImage {
    opacity: 0;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .GridItemBundleIndex-secondImagePlaceholder {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    background-color: var(--tvg-color-white);
    opacity: 0;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .GridItem-imageContainer:hover .GridItemBundleIndex-secondImagePlaceholder {
    opacity: 1;
    -webkit-transition-delay: 0.1s, 0s, 0s;
    -o-transition-delay: 0.1s, 0s, 0s;
    transition-delay: 0.1s, 0s, 0s;
  }
  .CollectionBundleupUnderwear-title {
    font-size: 2.8125rem;
    line-height: 2.8125rem;
    padding-bottom: 2.1875rem;
    max-width: 320px;
    margin: auto;
  }
  .CollectionBundleup {
    overflow: visible;
  }
  .CollectionBundleup-container {
    padding: 3.125rem;
  }
  .CollectionBundleup-container {
    overflow: hidden;
    padding: 0;
  }
  .CollectionBundleup-container.mobile-reverse.StoryTextimg-righttext {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .CollectionBundleup-container.mobile-reverse.StoryTextimg-lefttext {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .CollectionBundleup-header {
    height: 14.0625rem;
  }
  .CollectionBundleup-header {
    font-size: 2.8125rem;
    line-height: 3.3125rem;
  }
  .CollectionBundleup-imgcontainer-righttext {
    width: 50%;
    border: 0;
    padding-bottom: 0;
    margin-top: 0;
  }
  .CollectionBundleup-imgcontainer-lefttext {
    width: 50%;
    border: 0;
    padding-bottom: 0;
    margin-top: 0;
  }
  .CollectionBundleup-textcontainer-righttext {
    width: 50%;
    position: relative;
    padding: 0;
  }
  .CollectionBundleup-textcontainer-lefttext {
    width: 50%;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 2.5rem;
  }
  .CollectionBundleup-righttext {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .CollectionBundleup-lefttext {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .CollectionBundleup-placeholder {
    border: 0;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 100%;
  }
  .CollectionBundleup-content {
    width: 25rem;
  }
  .CollectionBundleup-content-centertext {
    padding: 4.75rem 3.125rem;
  }
  .CollectionBundleup-title {
    font-size: 2.8125rem;
    line-height: 2.8125rem;
    padding-bottom: 2.1875rem;
  }
  .CollectionBundleup-description {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .CollectionBundleup-description img {
    width: 16.25rem;
    padding-top: 2.5rem;
  }
  .CollectionMySizeUnderwear-content {
    padding: 1.875rem 0.9375rem;
    width: 28.125rem;
    background: transparent;
    border: none;
    max-width: 31.25rem;
  }
  .CollectionMySizeUnderwear-content-centertext {
    padding: 4.75rem 3.125rem;
  }
  .CollectionMySize {
    overflow: visible;
  }
  .CollectionMySize-container {
    overflow: hidden;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .CollectionMySize-container-righttext {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .CollectionMySize-container-lefttext {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .CollectionMySize-header {
    height: 14.0625rem;
  }
  .CollectionMySize-header {
    font-size: 2.8125rem;
    line-height: 3.3125rem;
  }
  .CollectionMySize-imgcontainer-righttext {
    width: 50%;
  }
  .CollectionMySize-imgcontainer-lefttext {
    width: 50%;
  }
  .CollectionMySize-textcontainer-righttext {
    width: 50%;
    position: relative;
    padding: 0;
  }
  .CollectionMySize-textcontainer-lefttext {
    width: 50%;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 2.5rem;
  }
  .CollectionMySize-placeholder {
    padding-bottom: 100%;
  }
  .CollectionMySize-content {
    padding: 1.875rem 0.9375rem;
    width: 25rem;
    background: transparent;
    border: none;
  }
  .CollectionMySize-content-centertext {
    padding: 4.75rem 3.125rem;
  }
  .CollectionMySize-title {
    font-size: 2.8125rem;
  }
  .CollectionMySize-title {
    padding-bottom: 2.1875rem;
  }
  .CollectionMySize-description {
    padding-right: 0;
    padding-left: 0;
  }
  .CollectionMySize-description img {
    width: 16.25rem;
    padding-top: 2.5rem;
  }
  .CollectionMySize-cta {
    margin-top: 2.5rem;
    width: auto;
  }
  .CollectionFeatured {
    padding-top: 3.75rem;
    overflow: visible;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--c-sky-blue)), color-stop(60%, var(--c-sky-blue)), color-stop(60%, #ffffff), to(#ffffff));
    background: -o-linear-gradient(top, var(--c-sky-blue) 0%, var(--c-sky-blue) 60%, #ffffff 60%, #ffffff 100%);
    background: linear-gradient(to bottom, var(--c-sky-blue) 0%, var(--c-sky-blue) 60%, #ffffff 60%, #ffffff 100%);
  }
  .CollectionFeatured-container {
    padding-bottom: 4.6875rem;
    background: transparent;
  }
  .CollectionFeatured-title {
    letter-spacing: -1px;
    max-width: 34.375rem;
    padding: 0 1.25rem 1.25rem 1.25rem;
  }
  .CollectionFeatured-description {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.5rem;
    max-width: 16.25rem;
  }
  .CollectionFeatured-grid {
    padding-top: 3.75rem;
    max-width: 90rem;
  }
  .CollectionFeatured-items {
    max-width: 100%;
  }
  .CollectionFeatured-cta {
    margin: 1.5rem auto 0 auto;
    width: 17.5rem;
  }
  .CollectionFeatured-item {
    -ms-flex-preferred-size: 20.3125rem;
    flex-basis: 20.3125rem;
    padding: 0.3125rem 1.25rem 0 1.25rem;
  }
  .CollectionFeatured-item-description {
    margin-left: -0.5rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .CollectionFeatured-swatches {
    width: 100%;
  }
  .CollectionFeatured-btnwrapper-next {
    display: none;
  }
  .CollectionFeatured-btnwrapper-prev {
    display: none;
  }
  .CollectionFeatured-prev-arrow {
    display: none;
  }
  .CollectionFeatured-next-arrow {
    display: none;
  }
  .filters-open #ProductGridContainer {
    margin-top: 0;
    margin-top: var(--facet-margin-top);
  }
  .filter-sort-container {
    position: relative;
  }
  .facets-wrapper {
    margin-bottom: 0;
    padding: 1.75rem 2.5rem 0;
  }
  .template-search .facets-wrapper {
    padding: 2.25rem 1.4375rem 0;
  }
  .facets__item--color {
    margin-bottom: 1rem;
  }
  .facets__item--color .swatch-link {
    margin-right: 1.25rem;
  }
  label:hover > input:not([disabled]) + .facets__label-text,
label:hover > input:not([disabled]) + .product-option__label-text {
    color: var(--c-white);
  }
  label:hover > input:not([disabled]) + .facets__label-text::after,
label:hover > input:not([disabled]) + .product-option__label-text::after {
    background-color: var(--c-harper-dark);
  }
  .facets__label-color {
    top: 1.625rem;
    margin-left: -1.25rem;
  }
  .active-facets {
    margin-top: -0.5rem;
    padding-top: 1.75rem;
  }
  .active-facets:has(> facet-remove:only-child) {
    padding-top: 0;
  }
  .active-facets facet-remove:nth-last-of-type(2) {
    margin-right: 0.75rem;
  }
  .active-facets__button {
    min-height: 2.5rem;
    margin: 0 0.5rem 0 0;
  }
  .active-facets__button-remove {
    margin: 0 0.5rem 0 0;
  }
  .mobile-facets__sort {
    display: block;
  }
  .sort-by__select {
    position: absolute;
    height: auto;
    background-position: 100% 60%;
    background-size: unset;
    border: 0.125rem solid transparent;
    text-align: right;
    background-image: url("data:image/svg+xml;utf8,<svg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M.646.646a.5.5 0 0 1 .708 0L6 5.293 10.646.646a.5.5 0 0 1 .708.708l-5 5a.5.5 0 0 1-.708 0l-5-5a.5.5 0 0 1 0-.708Z' fill='%23000000'/></svg>");
  }
  .sort-by__button {
    height: auto;
    padding: 0 1.75rem 0 0;
    background-position: 100% 60%;
    background-image: url("data:image/svg+xml;utf8,<svg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M.646.646a.5.5 0 0 1 .708 0L6 5.293 10.646.646a.5.5 0 0 1 .708.708l-5 5a.5.5 0 0 1-.708 0l-5-5a.5.5 0 0 1 0-.708Z' fill='%23000000'/></svg>");
  }
  .PDPFeatured {
    padding-top: 3.75rem;
    overflow: visible;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--c-sky-blue)), color-stop(65%, var(--c-sky-blue)), color-stop(65%, #ffffff), to(#ffffff));
    background: -o-linear-gradient(top, var(--c-sky-blue) 0%, var(--c-sky-blue) 65%, #ffffff 65%, #ffffff 100%);
    background: linear-gradient(to bottom, var(--c-sky-blue) 0%, var(--c-sky-blue) 65%, #ffffff 65%, #ffffff 100%);
  }
  .PDPFeatured-container {
    padding-bottom: 4.6875rem;
    background: transparent;
  }
  .PDPFeatured-title {
    letter-spacing: -1px;
    max-width: 34.375rem;
    padding: 0 1.25rem 1.25rem 1.25rem;
  }
  .PDPFeatured-description {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.5rem;
    max-width: 16.25rem;
  }
  .PDPFeatured-grid {
    padding-top: 1.875rem;
    width: 52.5rem;
  }
  .PDPFeatured-cta {
    margin: 1.5rem auto 0 auto;
    width: 17.5rem;
  }
  .PDPFeatured-items {
    padding: 0;
  }
  .PDPFeatured-grid {
    padding-top: 1.875rem;
    width: 52.5rem;
  }
  .PDPFeatured-cta {
    margin: 1.5rem auto 0 auto;
    width: 17.5rem;
  }
  .PDPFeatured-items {
    padding: 0;
  }
  .PDPFeatured-item {
    padding: 0.3125rem 1.25rem 0 1.25rem;
  }
  .PDPFeatured-item-description {
    margin-left: -8px;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .PDPFeatured-btnwrapper {
    display: none;
  }
  .PDPFeatured-prev-arrow {
    display: none;
  }
  .PDPFeatured-next-arrow {
    display: none;
  }
  .PDPReviews .jdgm-star::before {
    font-size: 0.875rem;
  }
  .PDPReviews .jdgm-rev-widg__title {
    padding: 0;
    /* h1 */
    line-height: 1.2;
    letter-spacing: -1px;
    font-weight: 700;
    text-transform: none;
    font-size: 2.8125rem;
  }
  .PDPReviews .jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) :not(.jdgm-revs-tab__content-header) > .jdgm-widget-actions-wrapper,
.PDPReviews .jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) .jdgm-rev-widg__summary {
    width: 50%;
    margin: 0;
  }
  .PDPReviews .jdgm-rev-widg__summary {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .PDPReviews .jdgm-rev-widg__summary-stars {
    float: left;
  }
  .PDPReviews .jdgm-rev-widg__sort-wrapper {
    float: right;
  }
  .PDPReviews .jdgm-rev__author {
    display: block;
  }
  .PDPReviews .jdgm-star::before {
    font-size: 0.6875rem;
  }
  .PDPTooltips {
    text-align: left;
  }
  .PDPTooltips-wrapper {
    padding: 3.75rem;
  }
  .PDPTooltips-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 93.75rem;
    margin: auto;
  }
  .PDPTooltips-carousel {
    display: none;
  }
  .PDPTooltips-title {
    padding: 0 1.25rem 5.625rem 1.25rem;
    max-width: 38.125rem;
    /* h1 */
    line-height: 1.2;
    letter-spacing: -1px;
    font-weight: 700;
    text-transform: none;
    font-size: 2.8125rem;
  }
  .PDPTooltips-griditem-title {
    padding-top: 0;
    /* h1 */
    line-height: 1.4;
    letter-spacing: 0;
    font-size: 1.125rem;
    font-weight: 600;
  }
  .PDPTooltips-griditem-description {
    text-align: left;
    max-width: 100%;
  }
  .PDPTooltips-staticplaceholder {
    padding-bottom: 83.3333333333%;
  }
  .PDPQuote-content {
    padding-top: 6.25rem;
    padding-bottom: 3.75rem;
  }
  .PDPQuote-heading {
    font-size: 1.875rem;
    line-height: 1.875rem;
    padding: 0;
  }
  .PDPQuote-heading-quote {
    letter-spacing: -1px;
  }
  .PDPQuote-heading-author {
    padding-top: 3.125rem;
  }
  .size-guide__header {
    padding-bottom: 2.125rem;
  }
  .size-guide__title {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
  .size-guide__description {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .FAQ-content {
    max-width: 67.5rem;
  }
  .FAQ-topSectionMobile {
    display: none;
  }
  .FAQ-topSectionDesktop {
    display: block;
  }
  .FAQ-section {
    padding-bottom: 3.125rem;
  }
  .FAQ-header {
    padding-bottom: 1.5625rem;
  }
  .FaqHero-img {
    padding-bottom: 26.9%;
  }
  .FaqHero-img.mobile {
    display: none;
  }
  .FaqHero-img.desktop {
    display: block;
  }
  .FaqHero-title {
    max-width: 67.5rem;
    font-size: 2.8125rem;
    line-height: 2.8125rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: initial;
    text-align: left;
  }
}

@media screen and (min-width: 75em) {
  /* MQPacker */
  .Header-logoLink {
    width: 16.875rem;
  }
  .HeaderDropdown-shopitem-featured {
    padding: 2.5rem 2.5rem 0 2.5rem;
  }
  .FooterMenu {
    max-width: 11.5rem;
  }
  .SlideshowItem-caption-hollow {
    font-size: 1rem;
  }
  .SlideshowItem-caption-solid {
    font-size: 1rem;
  }
  .SlideshowItem-heading {
    font-size: 4.375rem;
    line-height: 4.375rem;
    padding-bottom: 0.875rem;
  }
  .BannerGrid-caption {
    font-size: 1rem;
  }
  .ProductGallery-imagePlaceholder {
    padding-bottom: 97%;
  }
  .ProductGallery-carouselPlaceholder {
    padding-bottom: 83%;
  }
  .QuickshopGallery-imagePlaceholder {
    padding-bottom: 97%;
  }
  .ProductTabs-placeholder--desktop {
    background-size: contain;
  }
  .Grid-alternate {
    grid-template-columns: repeat(auto-fit, minmax(0, 33.333%));
  }
  .Grid-item-mysize--PGMedium {
    display: inline-block;
    max-width: 48rem;
    padding: 1rem 2.5rem 1.953125rem 2.5rem;
  }
  .Grid-item-mysize--PGSmall {
    display: inline-block;
    max-width: 24rem;
  }
  .Grid--itemsPerRow-xlarge-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .Grid--itemsPerRow-xlarge-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .Grid--itemsPerRow-xlarge-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .Grid--itemsPerRow-xlarge-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .Grid--itemsPerRow-xlarge-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .Grid--itemsPerRow-xlarge-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .collection .Grid-item {
    max-width: 27.75rem;
  }
  .CollectionMySizeFull-PGMedium,
.CollectionMySizeFull-PGSmall {
    display: none;
  }
  .tile.small {
    grid-column: 3;
    grid-row: 1;
  }
  .tile.large {
    grid-row: 3;
    max-width: 59.375rem;
  }
  .ContactPage-title {
    font-size: 2.8125rem;
    line-height: 2.8125rem;
    padding-bottom: 1.25rem;
    padding-top: 0;
  }
  .fifty-fifty--text-left .fifty-fifty__text-container {
    padding: 1.25rem 5.625rem 1.25rem 5.625rem;
  }
  .fifty-fifty__text {
    width: 28.125rem;
  }
  .fifty-fifty--overlaid .fifty-fifty__text {
    width: 20rem;
  }
  .HomeImgtext-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 6.25rem 4.375rem 5rem 4.375rem;
  }
  .HomeImgtext-imgcontainer, .HomeImgtext-textcontainer {
    width: 50%;
  }
  .HomeImgtext-textcontainer {
    position: relative;
    padding: 0;
  }
  .HomeImgtext-righttext {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .HomeImgtext-lefttext {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .HomeImgtext-img {
    max-width: 37.5rem;
    display: inline-block;
    border: 0.125rem solid var(--c-harper-dark);
    border-radius: 0.625rem;
    padding-bottom: 0.5rem;
    margin-top: 1.25rem;
  }
  .HomeImgtext-placeholder {
    border: 0.125rem solid var(--c-harper-dark);
    border-radius: 0.625rem;
    margin-top: -8px;
    margin-left: -8px;
  }
  .HomeImgtext-placeholder--mobile {
    display: none;
  }
  .HomeImgtext-placeholder--desktop {
    display: block;
  }
  .HomeImgtext-content {
    width: 28.125rem;
    margin: 0;
  }
  .HomeImgtext-title {
    color: var(--c-harper-dark);
    padding-bottom: 1.25rem;
    padding-top: 0;
  }
  .HomeImgtext-description {
    color: var(--c-harper-dark);
    max-width: 31.25rem;
  }
  .HomeImgtext-cta {
    margin: 2.5rem auto 0 auto;
  }
  .HomeImgtext-content-lefttext {
    float: left;
  }
  .HomeImgtext-content-righttext {
    float: right;
  }
  .HomeKnowyourworth-contentContainer {
    position: absolute;
    min-height: 100%;
  }
  .HomeKnowyourworth-content {
    margin: auto 10rem;
  }
  .HomeKnowyourworth-scrollheading.textscroll-top-desk {
    margin-top: 3.1875rem;
  }
  .HomeKnowyourworth-scrollheading svg {
    font-size: 160px;
  }
  .HomeKnowyourworth-scrolling {
    padding-right: 31.25rem;
  }
  .HomeKnowyourworth-scrolling-top {
    padding-right: 31.25rem;
  }
  @-moz-document url-prefix(){
    .HomeKnowyourworth-scrollheading svg {
      font-size: 160px;
    }
  }
  @-moz-document url-prefix(){
    .HomeKnowyourworth-scrollheading.textscroll-top-desk {
      margin-top: 1.375rem;
    }
  }
  .HomeMysize-content-righttext, .HomeMysize-content-lefttext {
    width: 28.125rem;
  }
  .HomeMysize-content-centertext {
    padding: 4.75rem 3.125rem;
  }
  .HomeStatement-heading {
    max-width: 64rem;
  }
  .StaticHeader-caption-hollow {
    font-size: 1rem;
  }
  .StaticHeader-caption-solid {
    font-size: 1rem;
  }
  .StaticHeader-heading {
    padding-bottom: 0.875rem;
  }
  .category-tiles__container .category-tiles .category-tile .category-tile-img {
    height: 400px;
  }
  .StoryTextimg-textcontainer-lefttext {
    padding: 3.75rem 5.625rem 3.75rem 5.625rem;
  }
  .StoryTextimg-placeholder {
    padding-bottom: 100%;
  }
  .StoryTextimg-content {
    width: 28.125rem;
  }
  .StoryCommitments-grid {
    padding-top: 3.75rem;
    max-width: 90rem;
  }
  .StoryCommitments-items {
    padding: 0;
  }
  .StoryCommitments-item {
    width: 20rem;
  }
  .StoryTextGraph-container {
    padding: 5.3125rem 5.3125rem 5.625rem 5.3125rem;
  }
  .StoryTextGraph-graphwrapper {
    width: 27.75rem;
  }
  .StoryTextGraph-graph-right {
    width: auto;
  }
  .StoryTextGraph-graphbar {
    margin-bottom: 1.3125rem;
  }
  .RecycleImgtext .BorderedImgText-container {
    padding: 6.25rem 4.375rem 5rem 4.375rem;
  }
  .RecycleImgtext .BorderedImgText-img {
    max-width: 33.125rem;
  }
  .HomeImgtext-content-lefttext {
    float: left;
  }
  .HomeImgtext-content-righttext {
    float: right;
  }
  .RecycleTextimg-textcontainer-lefttext {
    padding: 1.25rem 5.625rem 1.25rem 5.625rem;
  }
  .RecycleTextimg-content {
    width: 28.125rem;
  }
  .BorderedImgText-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 5.625rem 5.3125rem 5.625rem 5.3125rem;
  }
  .BorderedImgText-textcontainer {
    width: 50%;
  }
  .BorderedImgText-imgcontainer {
    display: block;
    width: 50%;
  }
  .BorderedImgText-textcontainer {
    padding: 0;
  }
  .BorderedImgText-righttext {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .BorderedImgText-lefttext {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .BorderedImgText-img {
    display: inline-block;
    border: 0.125rem solid var(--c-harper-dark);
    border-radius: 0.625rem;
    padding-bottom: 0.5rem;
    margin-top: 1.25rem;
  }
  .BorderedImgText-placeholder {
    border: 0.125rem solid var(--c-harper-dark);
    border-radius: 0.625rem;
    margin-top: -8px;
    margin-left: -8px;
  }
  .BorderedImgText-placeholder--mobile {
    display: none;
  }
  .BorderedImgText-placeholder--desktop {
    display: block;
  }
  .BorderedImgText-content {
    margin: 0;
  }
  .BorderedImgText-content-lefttext {
    float: left;
  }
  .BorderedImgText-content-righttext {
    float: right;
  }
  .BorderedImgText-title {
    padding-bottom: 2.1875rem;
    padding-top: 0;
  }
  .BorderedImgText-description {
    max-width: 31.25rem;
  }
  .BorderedImgText-cta {
    margin: 2.5rem auto 0 auto;
  }
  .CollectionBanner-contentContainer {
    min-height: 100%;
  }
  .CollectionBanner-content-righttext {
    margin-right: 6.875rem;
  }
  .CollectionBanner-content-lefttext {
    margin-left: 6.875rem;
  }
  .CollectionBanner-scrollheading svg {
    font-size: 3.75rem;
  }
  .ProductsCarousel-container.carousel {
    max-width: 60.75rem;
  }
  .ProductsCarousel-title {
    max-width: 62.5rem;
  }
  .ProductsCarousel-description {
    max-width: 62.5rem;
  }
  .ProductsCarousel-grid .colour-swatch-links--desktop {
    min-width: 18.5rem;
  }
  .ProductsCarousel-item-details {
    padding-bottom: 0.3125rem;
  }
  .ProductsCarousel-item-title {
    padding-top: 0.625rem;
  }
  .CollectionBundleup-textcontainer-lefttext {
    padding: 1.25rem 5.625rem 1.25rem 5.625rem;
  }
  .CollectionBundleup-content {
    width: 28.125rem;
  }
  .CollectionMySizeUnderwear-content {
    width: 20rem;
  }
  .CollectionMySize-textcontainer-lefttext {
    padding: 1.25rem 5.625rem 1.25rem 5.625rem;
  }
  .CollectionMySize-content {
    width: 28.125rem;
  }
  .CollectionFeatured-title {
    max-width: 62.5rem;
    font-size: 2.8125rem;
    line-height: 2.8125rem;
  }
  .CollectionFeatured-description {
    max-width: 62.5rem;
  }
  .CollectionFeatured-item-details {
    padding-bottom: 0.3125rem;
  }
  .CollectionFeatured-item-title {
    font-size: 1.875rem;
    line-height: 1.875rem;
    padding-top: 0.625rem;
  }
  .PDPFeatured-title {
    max-width: 62.5rem;
    font-size: 2.8125rem;
    line-height: 2.8125rem;
  }
  .PDPFeatured-description {
    max-width: 62.5rem;
  }
  .PDPFeatured-items {
    padding: 0;
  }
  .PDPFeatured-items {
    padding: 0;
  }
  .PDPFeatured-item-img {
    padding-bottom: 0.5rem;
  }
  .PDPFeatured-item-img-wrapper {
    max-width: 20.25rem;
  }
  .PDPFeatured-item-title {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
  .PDPQuote-heading {
    font-size: 2.8125rem;
    line-height: 2.8125rem;
    max-width: 64rem;
  }
}

@media screen and (min-width: 90em) {
  /* MQPacker */
  .SlideshowItem-caption-hollow {
    font-size: 1.25rem;
  }
  .SlideshowItem-caption-solid {
    font-size: 1.25rem;
  }
  .ProductGallery-imagePlaceholder {
    padding-bottom: 100%;
    background-position: bottom;
  }
  .ProductGallery-carouselPlaceholder {
    padding-bottom: 100%;
  }
  .QuickshopGallery-imagePlaceholder {
    padding-bottom: 100%;
    background-position: bottom;
  }
  .smpbundle-ImageGallery-imagePlaceholder {
    padding-bottom: 100%;
  }
  .smpbundle-ImageGallery-carouselPlaceholder {
    padding-bottom: 100%;
  }
  .Grid-alternate:after {
    padding: 1rem 1.25rem 1.953125rem 1.25rem;
    max-width: 27.75rem;
  }
  .Grid-alternate-item {
    padding: 1rem 1.25rem 1.953125rem 1.25rem;
    max-width: 27.75rem;
  }
  .Grid-item-mysize--PGMedium {
    max-width: 55.5rem;
    padding: 1rem 2.5rem 1.953125rem 2.5rem;
  }
  .Grid-item-mysize--PGSmall {
    display: inline-block;
    max-width: 27.75rem;
  }
  .product-card {
    max-width: 27.75rem;
  }
  .tile.small {
    max-width: 27.75rem;
  }
  .fifty-fifty__text {
    width: 31.25rem;
  }
  .fifty-fifty--overlaid .fifty-fifty__text {
    width: 20rem;
  }
  .HomeImgtext-container {
    padding: 6.25rem 7.5rem 5rem 7.5rem;
  }
  .HomeImgtext-content {
    width: 31.25rem;
    margin: 0;
  }
  .HomeMysize-content-righttext, .HomeMysize-content-lefttext {
    width: 31.25rem;
  }
  .StaticHeader-caption-hollow {
    font-size: 1.25rem;
  }
  .StaticHeader-caption-solid {
    font-size: 1.25rem;
  }
  .hero__text {
    margin-right: 8%;
  }
  .category-tiles__container .category-tiles .category-tile .category-tile-img {
    height: 450px;
  }
  .StoryTextimg-content {
    width: 31.25rem;
  }
  .StoryTextGraph-content {
    width: 37.5rem;
  }
  .StoryTextGraph-graphwrapper {
    margin-top: 0;
    margin-bottom: 0;
    width: 34rem;
    height: 18.4375rem;
  }
  .RecycleImgtext .BorderedImgText-container {
    padding: 6.25rem 7.5rem 5rem 7.5rem;
  }
  .RecycleTextimg-content {
    width: 31.25rem;
  }
  .BorderedImgText-container {
    padding: 5.625rem 5.3125rem 5.625rem 5.3125rem;
  }
  .BorderedImgText-content {
    margin: 0;
  }
  .ProductsCarousel-container.carousel {
    max-width: 74.375rem;
  }
  .ProductsCarousel-container {
    padding-bottom: 4.6875rem;
    background: transparent;
  }
  .ProductsCarousel-item {
    -ms-flex-preferred-size: 24.75rem;
    flex-basis: 24.75rem;
  }
  .CollectionBundle-content {
    padding: 2.5rem 2.5rem 0 2.5rem;
  }
  .CollectionBundle-contentwrapper {
    padding: 2.5rem 0 0 0;
  }
  .GridItemBundle-details-bottomlabel-right {
    margin-left: 20px;
  }
  .GridItemBundleIndex-imagePlaceholder {
    background-position: bottom;
  }
  .CollectionBundleup-content {
    width: 31.25rem;
  }
  .CollectionMySizeUnderwear-content {
    width: 20rem;
  }
  .CollectionMySize-content {
    width: 31.25rem;
  }
  .CollectionFeatured-container {
    padding-bottom: 4.6875rem;
    background: transparent;
  }
  .CollectionFeatured-item {
    -ms-flex-preferred-size: 24.75rem;
    flex-basis: 24.75rem;
    padding: 1rem 0.9375rem 1.9375rem 0.9375rem;
  }
  .PDPFeatured-container {
    padding-bottom: 4.6875rem;
    background: transparent;
  }
  .PDPFeatured-grid {
    padding-top: 2.5rem;
    width: 70.625rem;
  }
  .PDPFeatured-grid {
    padding-top: 2.5rem;
    width: 70.625rem;
  }
  .PDPFeatured-item {
    padding: 0.3125rem 1.9375rem 0 1.9375rem;
    width: 23.5rem;
  }
}

@media screen and (max-width: 63.9375em) {
  /* MQPacker */
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
table.stack th,
table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
  .desktop-only {
    display: none !important;
  }
  .Grid-item .Product-labeltag, .predictive-search-product .Product-labeltag {
    font-size: 0.625rem;
    line-height: 1.5;
    width: unset;
    min-height: unset;
    padding: 3px 6px;
    top: 4px;
    right: 4px;
  }
  .accordion-heading {
    font-size: 16px;
  }

  .ProductDetails-desktopProductSummary.v2 {
    display: none !important;
  }

  .Product-info-details {
    border-bottom: unset;
  }
  .is-selected .swatch-inner {
    min-width: 1rem;
    height: 1rem;
  }
  .Grid.collection, .Collection-products .Grid {
    padding-top: 0;
  }
  .slick-slide .GridItem-secondImagePlaceholder {
    display: none;
  }
  .Grid-alternate-item .GridItem-title {
    text-align: center;
  }
  .Grid-alternate-item .GridItem-titleLink {
    font-size: 1.25rem;
  }
  .slick-slide .product-card__secondImagePlaceholder {
    display: none;
  }
  .product-card__titlePrice.custom-sale-styles .on-sale {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .small .tile__cta {
    margin-top: 0.75rem;
    padding: 0;
    width: auto;
    height: auto;
    background: none;
    border: 0;
    color: inherit;
    white-space: nowrap;
    /* h1 */
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 0.875rem;
    text-transform: none;
    text-decoration: underline;
  }
  .small .tile__cta *::after {
    content: none;
  }
  .small .tile__cta::after {
    display: none;
  }
  .Collection .hero__text {
    padding-bottom: 0;
  }
  .CartDrawer-title {
    line-height: 1.925rem;
  }
  .quickshop-modal .Quickshop-short-description {
    font-size: 14px;
    line-height: 21px;
  }
  .header__quickshop details[open=true] {
    left: 40px;
  }
  .header__quickshop details[open=true] .ProductForm-controls {
    left: 40px;
    width: calc(100% - 40px);
  }
  .quickshop-product .jdgm-star {
    font-size: 12px;
  }
  .quickshop-product .jdgm-prev-badge__text {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .Quickshop-price .product-price span {
    font-size: 14px;
    line-height: 22px;
  }
  .Quickshop-price .product-price .bulk-discount__badge {
    font-weight: 700;
    line-height: 12px;
  }
  .hero__text {
    padding: 1rem 1.5rem;
  }
  .hero-with-video.hero-text-overlay .hero__content {
    position: absolute;
    top: initial;
    bottom: 0;
    height: auto;
    background-color: transparent !important;
    border: none;
  }
  .hero__video-content {
    width: 100%;
    position: initial;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 1.5rem 1rem;
    margin-top: -0.375rem;
    margin-bottom: 0.375rem;
  }
  .hero-text-overlay .hero__video-content {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: auto;
    background-color: transparent !important;
    border: none;
  }
  .ProductsCarousel-item__wrapper {
    padding: 0.5rem;
  }
  .product-carousel-tabbed .tab {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
  .product-carousel-tabbed .bulk-discount__badge {
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    margin-left: 8px;
  }
  .product-carousel-tabbed .product-card__title {
    line-height: 18px;
    letter-spacing: 0px;
  }
  .product-carousel-tabbed .colour-swatch-links .additional-swatches-trigger {
    margin-top: -1px;
    width: 18px !important;
    height: 18px !important;
  }
  .filter-sort-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    overflow-x: hidden;
  }
  .sort-by__select {
    border: 0;
    position: relative;
  }
  .sort-by__select:focus {
    border: 0;
  }
  .facet-filters-form {
    width: 150px;
  }
  .facet-filters-form {
    border: 1px solid var(--c-slate);
    border-radius: 0.375rem;
  }
  .size-guide__table tr th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
  }
}

@media print {
  /* MQ Packer */
  * {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }

  .show-for-print {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  table.show-for-print {
    display: table !important;
  }

  thead.show-for-print {
    display: table-header-group !important;
  }

  tbody.show-for-print {
    display: table-row-group !important;
  }

  tr.show-for-print {
    display: table-row !important;
  }

  td.show-for-print {
    display: table-cell !important;
  }

  th.show-for-print {
    display: table-cell !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  pre,
blockquote {
    border: 1px solid #a3a3a3;
    border: 1px solid var(--tvg-color-gray-40);
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}

@media screen and (max-width: 1024px) {
  /* MQPacker */
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@media screen and (min-width: 0\0 ) {
  /* MQPacker */
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (-o-min-device-pixel-ratio: 35/32), (min-resolution: 105dpi), (-o-min-device-pixel-ratio: 11/10), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
    background-image: url("//harperwilde.com/cdn/shop/t/746/assets/photoswipe.svg?v=181206631284060882001756193822");
  }

  .pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .IELogo {
    display: block;
    width: 178px;
  }

  .Header-logoLink .o-placeholder {
    display: none;
  }
}

@media screen and (max-width: 74.9375em) {
  .header-dropdown__item {
    padding-bottom: 0.375rem;
  }
  .ProductSwatches-newcolor::after {
    content: "";
    display: block;
    margin-bottom: 0.875rem;
  }
  .Grid-item-mysize {
    margin-inline: auto;
    width: 100%;
    max-width: 360px;
  }
  .Grid-item-mysize-content--PGMedium {
    width: 100%;
    top: unset;
  }
  .GridItem--showMinHeightMobile .GridItem-title {
    min-height: 30px;
  }
  .product-card--showMinHeightMobile .product-card__title {
    min-height: 40px;
  }
  .active-facets__button svg {
    height: 0.5rem;
  }
  .facet-filters-form .facets-vertical-form,
.facet-filters-form .mobile-facets__details,
.facet-filters-form .mobile-facets__summary,
.facet-filters-form .mobile-facets__sort {
    height: 100%;
  }
}

@media screen and (max-width: 52.4375em) {
  .Grid-item .bulk-discount__badge,
.bulk-discount__badge .product-card, .predictive-search-product .bulk-discount__badge {
    padding: 0.3125rem;
    /* h1 */
    font-family: var(--font-header);
    font-weight: 600;
    font-size: 0.5rem;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    font-size: 0.625rem;
    line-height: 1;
  }
  .product-price .bulk-discount__badge {
    vertical-align: text-top;
  }
  .CartDrawer-item .bulk-discount__badge {
    vertical-align: text-top;
  }
}

@media screen and (max-width: 989px) {
  .Grid-item .bulk-discount__badge {
    margin-left: 0;
  }
  .product-card__details .global-discount {
    font-size: 14px;
    margin: 0;
    line-height: 21px;
  }
  .ProductForm-purchase-options-checkbox label,
.ProductForm-purchase-options-checkbox-v2 label {
    font-size: 14px;
  }
  #ProductGridContainer.quickshop_grid .product-card__extraDetails {
    display: none;
  }

  #ProductGridContainer.quickshop_grid a.quickshop-btn {
    margin-top: 16px;
    text-align: left;
    color: #253746;
    color: #253746;
    color: var(--primary-new-harper-dark, #253746);
    font-family: Lexend;
    font-size: 10px;
    font-weight: 600;
    line-height: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
  }

  #ProductGridContainer.quickshop_grid .bulk-discount__badge {
    position: relative;
    background-color: var(--c-sky-blue);
    color: var(--c-harper-dark);
    padding: 4px 12px !important;
    vertical-align: middle;
    border: none !important;
    border-radius: 1.25rem !important;
    width: auto !important;
    bottom: 2px;
  }
}

@media (max-width: 480px) {
  .ProductGallery-productBadge-container .ProductGallery-productBadge-image-container {
    max-width: 75px;
  }
}

@media (min-width: 990px) {
  custom-swatches {
    display: none;
  }

  .ProductPage:not(:has(.custom-checkbox-check)) .custom-swatches-btn {
    display: none;
  }
  .customize-colors-mobile {
    display: none;
  }
}

@media (max-width: 400px) {
  .ProductForm-controls .button--narrow {
    padding-inline: 4px;
  }
}

@media (min-width: 64em) {
  .v2-flex-container .Product-title {
    font-size: 25px;
    line-height: 32px;
    font-weight: 600;
  }

  .buy-box-ab-test-description {
    display: none !important;
  }

  .ab-test-divider-line {
    display: none !important;
  }
  .ProductForm-purchase-options-checkbox-v2 {
    display: none;
  }

  .product-checkbox-bundle.mobile-only-checkbox {
    display: none !important;
  }
}

@media (max-width: 63.93752em) {
  .v2-flex-container .Product-info-current_price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-weight: 600;
    font-size: 20px;
  }

  .v2-flex-right .product-price {
    margin-top: 0.5rem;
  }

  .v2-flex-container .Product-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
  }

  .v2-flex-container .Product-short-description {
    font-size: 14px;
  }

  .ProductPage .ProductDetails-section--details {
    overflow: hidden;
    padding: 0;
  }

  .ProductDetails-content {
    padding-inline: 1.25rem;
  }
}

@media (max-width: 63.9375em) {
  .ProductForm-purchase-options-checkbox-v2 {
    margin: 24px 0 0;
  }
}

@media (max-width: 989px) {
  .custom-swatches-btn {
    display: none;
  }
  .customize-colors-quickshop {
    display: none;
  }
}

@media screen and (min-width: 48.125em) {
  .ProductTabs-fittingModal-image {
    width: 100%;
  }
  .HomePress-items--mobile {
    max-width: 25rem;
    width: 25rem;
  }
}

@media screen and (max-width: 24.9375em) {
  .Breadcrumb-product {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 200px;
    color: var(--c-slate);
  }
  .Grid-item-mysize-title {
    margin-bottom: 0;
  }
  .GridItem-title {
    margin-bottom: 3px;
  }
  .GridItem-titleLink {
    font-size: 0.9375rem;
  }
  .GridItem-extraDetails {
    margin-top: 2px;
  }
  .GridItem-priceCallout {
    font-size: 0.8125rem;
  }
  .product-card__title {
    font-size: 0.9375rem;
  }
  .product-card__priceCallout {
    font-size: 0.8125rem;
  }
  .product-card__extraDetails {
    margin-top: 2px;
  }
}

@media screen and (min-width: 990px) {
  #ProductGridContainer.quickshop_grid a.quickshop-btn {
    display: none;
  }

  #ProductGridContainer.quickshop_grid .bulk-discount__badge {
    position: relative;
    background-color: var(--c-sky-blue);
    color: var(--c-harper-dark);
    padding: 4px 12px !important;
    vertical-align: middle;
    border: none !important;
    border-radius: 1.25rem !important;
    width: auto !important;
    bottom: 2px;
  }
}

@media screen and (min-width: 25em) {
  .CartPage-item {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .CartPage-item-price {
    text-align: right;
  }
  .CartPage-item-section.is-image {
    margin: 0;
  }
  .CartPage-item-section.is-price {
    margin: auto;
  }
  .CartPage-item-section.is-info {
    text-align: left;
    padding-top: 0;
    padding-left: 1.875rem;
    margin: 0 0 0.5rem 0;
  }
  .HomePress-itemsnav--mobile {
    max-width: 25rem;
    width: 25rem;
  }
}

@media print, screen and (min-width: 64em) and (min-width: 64em) {
  .hero__subheading {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .ProductsCarousel-grid .colour-swatch-links--desktop {
    gap: 0;
  }
  .ProductsCarousel-grid .colour-swatch-links--desktop .swatch {
    margin-right: 0;
  }
  .ProductsCarousel-item__wrapper .Grid-item {
    margin: 0 -10px;
  }
}

.product-option label.product-option__label--checked {
  border: 1px solid var(--c-harper-dark);
}