/** Shopify CDN: Minification failed

Line 38:33 Expected identifier but found "."
Line 4149:47 The "-" operator only works if there is whitespace on both sides
Line 19121:16 Expected identifier but found whitespace
Line 19121:18 Unexpected "{"
Line 19121:27 Expected ":"
Line 19121:71 Expected ":"
Line 20034:11 Expected identifier but found whitespace
Line 20034:12 Unexpected "0"
Line 20034:17 Unexpected "{"
Line 20034:32 Expected ":"
... and 1 more hidden warnings

**/
@charset "utf-8";

/**
 * ----------------------------------------------------------------------------------------------
 * This is a variation of Normalize.css (http://necolas.github.io/normalize.css/)
 * ----------------------------------------------------------------------------------------------
 */
/**
 * Base
 */
*,
*:before,
*:after {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-width: 0;
  border-style: solid;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;.\31\/3--phone .product-item__vendor
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
  margin: 0;
}

[hidden] {
  display: none !important;
}

/**
 * HTML5 display definitions
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Text-level semantic
 */
:active {
  outline: none;
}

a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-size: inherit;
  font-weight: inherit;
}

p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}

/**
 * Embedded content
 */
img {
  max-width: 100%;
  height: auto;
  border-style: none;
  vertical-align: top;
}

/**
 * Grouping content
 */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 16px;
}

/**
 * Forms
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button,
input[type=submit] {
  padding: 0;
  overflow: visible;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
  -moz-appearance: none;
  border-radius: 0;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/* html[lang=ko] .product-form__info-item .product-form__payment-container .product-form__add-button {
    width: 150%;
} */

input[type=search] {
  -webkit-appearance: none;
  box-sizing: content-box;
}

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

input::-moz-placeholder, textarea::-moz-placeholder {
  color: inherit;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: inherit;
}

input::placeholder,
textarea::placeholder {
  color: inherit;
}

.is-tabbing input[type=radio]:focus + label {
  /* Helps improving accessibility */
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 6px 10px 12px;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/**
 * Tables
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
.flickity-enabled {
  position: relative;
  overflow: visible !important;
}

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

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

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  /*will-change: transform;*//*okas*/
}

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

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

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

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

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

.flickity-page-dots .dot {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 5px;
  background: rgba(var(--text-color-rgb), 0.8);
  border-radius: 100%;
  cursor: pointer;
  transform: scale(1);
  will-change: transform;
  transition: background 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.flickity-page-dots .dot::before {
  position: absolute;
  content: "";
  top: -4px;
  right: -4px;
  left: -4px;
  bottom: -4px;
}

.flickity-page-dots .dot.is-selected {
  transform: scale(1.35);
/*   border: 0.5px solid #000; */
/*   background: var(--heading-color); */
  background: #000;
}

/* prev/next buttons */
.flickity-prev-next-button {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
/*   width: 50px;
  height: 50px; */
  width: 40px;
  height: 40px;
/*   top: calc(50% - 25px); */
/*   top: calc(50% - 20px); */
  top: calc(50% - 20px);
  border-radius: 100%;
  visibility: visible;
  background: var(--flickity-arrow-color);
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.7);
  z-index: 1;
}

@media screen and (min-width: 1000px) {
  .product-gallery__carousel-wrapper .flickity-prev-next-button {
    width: 30px;
    height: 30px;
  }
}

.product-list--vertical .flickity-prev-next-button {
  border: 1px solid;
}

.flickity-prev-next-button:hover {
/*   background: var(--accent-color); */
  background: #fff;
}

.flickity-prev-next-button svg {
  position: relative;
/*   width: 15px;
  height: 15px; */
  width: 12px;
  height: 12px;
  fill: #000;
/*   fill: var(--secondary-background); */
  vertical-align: middle;
}
.announcement-bar__inner .flickity-prev-next-button svg {
/*   fill: #fff; */
  /* fill: #000; */
  /* fill: #FFF; */
  fill: #fff;
}

.flickity-prev-next-button[disabled] {
  opacity: 0;
  visibility: hidden;
}

.flickity-prev-next-button.previous {
/*   left: -25px; */
  left: -20px;
}
.flickity-prev-next-button.previous svg {
  left: 1px;
}

.product-gallery__carousel-wrapper .flickity-prev-next-button.previous {
  left: 0px;
/*   margin-left: 5px; */
/*   border: 1px solid #000; */
}

@media screen and (min-width: 1000px) {
.product-gallery__carousel-wrapper .flickity-prev-next-button.previous {
  border: 1px solid #000;
}
}

.product-gallery__carousel-wrapper .flickity-prev-next-button {
  border: none !important;
  background: transparent !important;
}

.flickity-prev-next-button.previous svg {
  left: 1px;
/*   left: 4px; */
}

.product-item .flickity-prev-next-button.previous svg {
  /* left: 4px; */
  left: 6px;
}

.flickity-prev-next-button.next {
/*   right: -25px; */
  right: -20px;
}

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

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

.product-gallery__carousel-wrapper .flickity-prev-next-button.next {
  right: 0px;
/*   margin-right: 5px; */
/*   border: 1px solid #000; */
}

@media screen and (min-width: 1000px) {
.product-gallery__carousel-wrapper .flickity-prev-next-button.next {
  border: 1px solid #000;
}
  .card__section--tight .flickity-prev-next-button.previous svg {
/*   left: 1px; */
/*   left: 20px; */
  left: 10px;
}
  .card__section--tight .flickity-prev-next-button.next svg {
/*   left: -1px; */
/*   left: -20px; */
    left: -10px;
}
}

.flickity-prev-next-button.next svg {
  left: -1px;
/*   left: -4px; */
}

.product-item .flickity-prev-next-button.next svg {
  /* left: -4px; */
  left: -6px;
}

.flickity-enabled:hover .flickity-prev-next-button:not([disabled]) {
  transform: scale(1);
  opacity: 1;
}

.product-gallery__carousel-wrapper .flickity-enabled:hover .flickity-prev-next-button:not([disabled]) {
  opacity: 0.5;
}

.product-gallery__carousel-wrapper .flickity-prev-next-button:not([disabled]):hover {
  opacity: 1 !important;
}

/*
   flickity-fade

   NOTE: there is currently a bug in Flickity-fade when there are only 2 slides (https://github.com/metafizzy/flickity-fade/issues/1),
         which requires currently those ugly !important rules to fix the issue
 */
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
  visibility: hidden;
  transition: opacity 0.3s linear, visibility 0.3s linear !important;
  opacity: 0 !important;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
  visibility: visible;
  opacity: 1 !important;
}

/* Make sure that if Flickity is embedded within a modal, the slideshow are not with auto pointer events */
.modal[aria-hidden=true] .flickity-slider > * {
  pointer-events: none !important;
}

/* Temporary fix for slideshow, should be fixed once Flickity is fixed */
.product-gallery__carousel.is-fade .flickity-slider > * {
  transition: opacity 0.3s linear !important;
}
@-webkit-keyframes drift-fadeZoomIn {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes drift-fadeZoomIn {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes drift-fadeZoomOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}

@keyframes drift-fadeZoomOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}

@-webkit-keyframes drift-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    transform: translate(-50%, -50%) rotate(-180deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes drift-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    transform: translate(-50%, -50%) rotate(-180deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@-webkit-keyframes drift-loader-before {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2) translateX(6px);
  }
  25% {
    transform: scale(1.3) translateX(8px);
  }
  40% {
    transform: scale(1.2) translateX(6px);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.8) translateX(6px);
  }
  75% {
    transform: scale(0.7) translateX(8px);
  }
  90% {
    transform: scale(0.8) translateX(6px);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes drift-loader-before {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2) translateX(6px);
  }
  25% {
    transform: scale(1.3) translateX(8px);
  }
  40% {
    transform: scale(1.2) translateX(6px);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.8) translateX(6px);
  }
  75% {
    transform: scale(0.7) translateX(8px);
  }
  90% {
    transform: scale(0.8) translateX(6px);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes drift-loader-after {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2) translateX(-6px);
  }
  25% {
    transform: scale(1.3) translateX(-8px);
  }
  40% {
    transform: scale(1.2) translateX(-6px);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.8) translateX(-6px);
  }
  75% {
    transform: scale(0.7) translateX(-8px);
  }
  90% {
    transform: scale(0.8) translateX(-6px);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes drift-loader-after {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2) translateX(-6px);
  }
  25% {
    transform: scale(1.3) translateX(-8px);
  }
  40% {
    transform: scale(1.2) translateX(-6px);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.8) translateX(-6px);
  }
  75% {
    transform: scale(0.7) translateX(-8px);
  }
  90% {
    transform: scale(0.8) translateX(-6px);
  }
  100% {
    transform: scale(1);
  }
}

.drift-zoom-pane {
  position: absolute;
  background: var(--secondary-background);
  top: 0;
  left: 0;
  height: 520px;
  width: 100%;
  max-width: 520px;
  z-index: 2;
  border: 1px solid var(--accent-color);
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(#000000, 0.2);
  /* This is required because of a bug that causes border-radius to not work with child elements in certain cases. */
  transform: translate3d(0, 0, 0);
}

.drift-zoom-pane.drift-opening {
  -webkit-animation: drift-fadeZoomIn 180ms ease-out;
          animation: drift-fadeZoomIn 180ms ease-out;
}

.drift-zoom-pane.drift-closing {
  -webkit-animation: drift-fadeZoomOut 210ms ease-in;
          animation: drift-fadeZoomOut 210ms ease-in;
}

.drift-zoom-pane.drift-inline {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}

.drift-loading .drift-zoom-pane-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  -webkit-animation: drift-loader-rotate 1800ms infinite linear;
          animation: drift-loader-rotate 1800ms infinite linear;
}

.drift-zoom-pane-loader:before,
.drift-zoom-pane-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(var(--text-color-rgb), 0.4);
}

.drift-zoom-pane-loader:before {
  left: 0;
  -webkit-animation: drift-loader-before 1800ms infinite linear;
          animation: drift-loader-before 1800ms infinite linear;
}

.drift-zoom-pane-loader:after {
  right: 0;
  -webkit-animation: drift-loader-after 1800ms infinite linear;
          animation: drift-loader-after 1800ms infinite linear;
  -webkit-animation-delay: -900ms;
          animation-delay: -900ms;
}

.drift-bounding-box {
  background-color: rgba(var(--accent-color-rgb), 0.05);
  border: 1px solid var(--accent-color);
  border-radius: 3px;
}

@media screen and (min-width: 641px) {
  .drift-zoom-pane.drift-inline {
    width: 240px;
    height: 240px;
  }
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp img {
  max-width: none;
}

.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  cursor: -webkit-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: var(--secondary-background);
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

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

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

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

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

.pswp__bg {
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

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

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

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

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

/* UI */

.pswp__ui {
  position: relative;
  height: 100%;
  z-index: 1550;
}

.pswp__button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-color);
  height: 32px;
  width: 32px;
  background: var(--secondary-background);
  border-radius: 100%;
}

.pswp__button--close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.pswp__button--close svg {
  width: 12px;
  height: 12px;
}

.pswp__prev-next {
  position: absolute;
  display: flex;
  justify-content: space-between;
  left: 0;
  top: calc(50% - 18px);
  width: 100%;
  padding: 0 20px;
}

.pswp__prev-next svg {
  position: relative;
  width: 9px;
  height: 13px;
}

.pswp__button--arrow--left svg {
  left: -1px;
}

.pswp__button--arrow--right svg {
  right: -1px;
}

.pswp__pagination {
  position: absolute;
  padding: 1px 13px;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

/**
 * ----------------------------------------------------------------------------
 * GENERAL
 * ----------------------------------------------------------------------------
 */

html {
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  font-style: var(--text-font-style);
  font-size: calc(var(--base-text-font-size) - 1px);
  line-height: 1.87;
  color: var(--text-color);
  background: var(--background);
}

@media screen and (min-width: 641px) {
  html {
    font-size: var(--base-text-font-size);
  }
}

/**
 * ----------------------------------------------------------------------------
 * HEADINGS
 * ----------------------------------------------------------------------------
 */

.heading {
  font-family: var(--heading-font-family);
/*   font-weight: var(--heading-font-weight); */
  font-weight: 500;
  font-style: var(--heading-font-style);
  color: var(--heading-color);
}

.h1, .rte h1 {
  margin-bottom: 20px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 24px));
  line-height: 1.45;
}

.h2, .rte h2 {
  margin-bottom: 20px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 22px));
  line-height: 1.55;
}

.h3, .rte h3 {
  margin-bottom: 14px;
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 20px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
  line-height: 1.6;
}

.h4, .rte h4 {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  line-height: 1.75;
}

.h5, .rte h4 {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  line-height: 1.85;
  text-transform: uppercase;
}

.h6, .rte h5 {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  line-height: 1.85;
  text-transform: uppercase;
}

@media screen and (min-width: 641px) {
  .h1, .rte h1 {
/*     font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 28px)); */
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 23px));
    line-height: 1.43;
  }

  .h2, .rte h2 {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 25px));
    line-height: 1.5;
  }

  .h3, .rte h3 {
/*     font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 21px)); */
    /* font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 19px)); */
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 21px));
    line-height: 1.5;
  }

  .h4, .rte h4 {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
    line-height: 1.7;
  }

  .h5, .rte h5 {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
    line-height: 1.75;
  }

  .h6, .rte h6 {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
    line-height: 1.7;
  }
}

/**
 * --------------------------------------------------------------------
 * TEXT HEADING
 * --------------------------------------------------------------------
 */

.text--strong, .highlight {
  color: var(--heading-color);
  /* font-weight: var(--text-font-bolder-weight); */
  text-shadow: .5px 0px 0px currentColor;
}

.text--pull {
  margin-top: -0.435em;
  /* This can be applied to pull up the text and remove the effect of line-height to preserve better spacing */
}

/**
 * --------------------------------------------------------------------
 * LINKS
 * --------------------------------------------------------------------
 */

.link {
  transition: color 0.2s ease-in-out;
}

.link:hover,
.link:focus {
  color: var(--accent-color);
}

.link--secondary:hover,
.link--secondary:focus {
  color: var(--heading-color);
}

.link--strong {
  font-weight: var(--heading-font-weight);
}

.link--accented {
  color: var(--accent-color);
}

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

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

/**
 * --------------------------------------------------------------------
 * ICON
 * --------------------------------------------------------------------
 */

@-webkit-keyframes spinnerRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spinnerRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.icon {
  display: inline-block;
  height: 1em;
  width: 1em;
  fill: currentColor;
  vertical-align: middle;
  background: none;
  pointer-events: none;
  overflow: visible;
}

.icon--search-loader {
  -webkit-animation: spinnerRotation 0.7s infinite linear;
          animation: spinnerRotation 0.7s infinite linear;
}

@media (-moz-touch-enabled: 1), (hover: none) {
  .touch-area {
    position: relative;
    background: transparent;
    /* This is used to increase the clickable area */
  }

  .touch-area::before {
    position: absolute;
    content: "";
    top: -8px;
    right: -8px;
    left: -8px;
    bottom: -8px;
    transform: translateZ(0);
    /* Needed to avoid a glitch on iOS */
  }
}

/**
 * --------------------------------------------------------------------
 * TABLE
 * --------------------------------------------------------------------
 */

.table-wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.table,
.rte table {
  width: 100%;
  text-align: left;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

/* Table with the class .table are styled a bit differently from RTE tables ,that are smaller */
.table th {
  font-weight: normal;
}

.table th,
.table td {
  padding: 16px 20px;
}

.table th:first-child,
.table td:first-child {
  padding-left: 20px;
}

.table th:last-child,
.table td:last-child {
  padding-right: 20px;
}

.table tbody tr {
  border-top: 1px solid var(--border-color);
}

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

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

.table--loose tbody td {
  padding-top: 26px;
  padding-bottom: 26px;
}

/* RTE tables are a bit more compact */

.rte table th,
.rte table td {
  padding: 3px 6px;
}

.rte tbody tr {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

@media screen and (max-width: 640px) {
  /* When a table is within a card, on mobile, we need to change the margin and padding to respect the funny iOS-style border */
  .card .table {
    margin-left: 20px;
  }

  .card .table th:first-child,
  .card .table td:first-child {
    padding-left: 0;
  }
}

@media screen and (min-width: 641px) {
  .table th, .table td {
    padding: 15px 30px;
  }

  .table th:first-child,
  .table td:first-child {
    padding-left: 30px;
  }

  .table th:last-child,
  .table td:last-child {
    padding-right: 30px;
  }
}

@media screen and (min-width: 1000px) {
  .table-wrapper {
    white-space: normal;
    overflow: visible;
  }
}
html {
  /*overflow-x: hidden;*/
}
.no-mobile-scroll.subheader-enabled header .header-sub {
  display: none;
}
body:not(.is-tabbing) [tabindex]:focus,
body:not(.is-tabbing) label:focus,
body:not(.is-tabbing) button:focus,
body:not(.is-tabbing) input:focus,
body:not(.is-tabbing) select:focus,
body:not(.is-tabbing) textarea:focus {
  outline: none;
}

.is-locked {
  overflow-y: hidden;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.container {
/*   max-width: 1480px; */
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--mobile-container-gutter);
}

.container--flush {
/*   max-width: 1600px; */
  max-width: 1800px;
/*   max-width: 1200px; */
/*   max-width: 100%; */
}

.template-product .container--flush {
  max-width: 1200px;
}

/* .container--flush #gallery {
  max-width: 1600px;
} */

.container--product {
/*   max-width: 1200px; */
  max-width: 1600px;
}

.container--medium {
  /* max-width: 1150px; */
  max-width: 1550px;
}

.container--narrow {
  /* max-width: 800px; */
  max-width: 1350px;
}

.container--extra-narrow {
  max-width: 630px;
}

.container--giga-narrow {
  max-width: 520px;
}

.anchor {
  display: block;
  position: relative;
  top: -75px;
  visibility: hidden;
}

@supports (--css: variables) {
  .anchor {
    top: calc(-1 * var(--header-height));
  }
}

.js .no-js {
  display: none !important;
}

@media screen and (max-width: 640px) {
  .container--flush {
    padding: 0;
  }

  .container--unflush {
    padding: 0 var(--mobile-container-gutter);
  }
}

@media screen and (min-width: 641px) {
  .container, #brand_content {
    padding: 0 var(--desktop-container-gutter);
  }
}
/**
 * --------------------------------------------------------------------
 * ASPECT RATIO
 * --------------------------------------------------------------------
 */

.aspect-ratio {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

/* The aspect-ratio can also contain a native HTML5 video element */
.aspect-ratio img,
.aspect-ratio video,
.aspect-ratio svg {
  position: absolute;
  height: 100%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  /* border-radius: 10px; */
}

.product-gallery__thumbnail-list .aspect-ratio img,
.product-gallery__thumbnail-list .aspect-ratio video,
.product-gallery__thumbnail-list .aspect-ratio svg {
  /* border-radius: 4px; */
  border-radius: 0;
}

.aspect-ratio--square {
  padding-bottom: 100% !important;
}

.aspect-ratio--short {
  padding-bottom: 75% !important;
}

.aspect-ratio--tall {
  padding-bottom: 150% !important;
}

.aspect-ratio--square img,
.aspect-ratio--short img,
.aspect-ratio--tall img {
  position: absolute;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .aspect-ratio--square img,
  .aspect-ratio--short img,
  .aspect-ratio--tall img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

/**
 * --------------------------------------------------------------------
 * LAZY LOADING
 * --------------------------------------------------------------------
 */

@-webkit-keyframes lazyLoader {
  0%, 100% {
    transform: translateX(-50%);
  }
  50% {
    transform: translateX(100%);
  }
}

@keyframes lazyLoader {
  0%, 100% {
    transform: translateX(-50%);
  }
  50% {
    transform: translateX(100%);
  }
}
img.lazyload[data-sizes=auto] {
  width: 100%;
  /* this is needed to help LazySizes calculate the correct size */
}

.image--fade-in {
  /*opacity: 0;*//*okasL this has to be zero without image placeholder */
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  /* border-radius: 10px; */
}

.lazyloaded.image--fade-in,
.no-js [data-bgset],
.no-js [data-bg] {
  opacity: 1;
}

.lazyload__loader {
  position: absolute;
  display: block;
  height: 2px;
  width: 40px;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  margin: auto;
  pointer-events: none;
  background-color: var(--border-color);
  z-index: -1;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}

.lazyload__loader::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 200%;
  background-color: var(--text-color);
}

.lazyloading ~ .lazyload__loader {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.lazyloading ~ .lazyload__loader::after {
  -webkit-animation: lazyLoader 3s infinite;
          animation: lazyLoader 3s infinite;
  -webkit-animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99);
          animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99);
}

/**
 * --------------------------------------------------------------------
 * PLACEHOLDER SVG
 * --------------------------------------------------------------------
 */

.placeholder-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.placeholder-svg {
  display: block;
  fill: var(--text-color);
  background-color: rgba(var(--text-color-rgb), 0.1);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.placeholder-svg--inverted {
  fill: var(--background);
  background-color: var(--text-color);
  fill-opacity: 0.5;
}
/* This is just a foundation for an ultra simplistic grid */

.grid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 -18px -18px;
  font-size: 0;
}

.grid__cell {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 0 0 18px 18px;
  margin: 0;
  vertical-align: top;
  font-size: 1rem;
}

.grid__cell--top {
  align-self: flex-start;
}

.grid__cell--middle {
  align-self: center;
}

.grid__cell--bottom {
  align-self: flex-end;
}

@media screen and (min-width: 641px) {
  .grid {
    margin: 0 0 -30px -30px;
  }

  .grid__cell {
    padding: 0 0 30px 30px;
  }
}

.\31\/1 {
  width: 100%;
}

.\31\/2 {
  width: 50%;
}

.\31\/3 {
  width: 33.333333%;
}

.\31\/4 {
  width: 25%;
}

.\31\/5 {
  width: 20%;
}

.\31\/6 {
  width: 16.666667%;
}

@media screen and (max-width: 640px) {
  .hidden-phone {
    display: none !important;
  }

  .\31\/1--phone {
    width: 100%;
  }

  .\31\/2--phone {
    width: 50%;
  }

  .\31\/3--phone {
    width: 33.333333% !important;
    padding: 5px !important;
  }
  .featured-collections .\31\/3--phone {
    width: 42% !important;
  }
  .product-item.\31\/3--phone {
    padding-top: 0px !important;
  }

  .\31\/4--phone {
    width: 25%;
  }

  .\31\/5--phone {
    width: 20%;
  }

  .\31\/6--phone {
    width: 16.666667%;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .hidden-tablet {
    display: none !important;
  }

  .\31\/1--tablet {
    width: 100%;
  }

  .\31\/2--tablet {
    width: 50%;
  }

  .\31\/3--tablet {
    width: 33.333333%;
/*     width: calc(33.333333% - 10px); */
  }

  .\31\/4--tablet {
/*     width: 25%; */
    width: calc(25% + -10px);
  }

  .\31\/5--tablet {
    width: 20%;
  }

  .\31\/6--tablet {
    width: 16.666667%;
  }
}

@media screen and (min-width: 641px) {
  .hidden-tablet-and-up {
    display: none !important;
  }

  .\31\/1--tablet-and-up {
    width: 100%;
  }

  .\31\/2--tablet-and-up {
    width: 50%;
/*     width: calc(50% + -10px); */
    text-align: center;
  }

  .\31\/3--tablet-and-up {
    width: 33.333333%;
/*     width: calc(33.333333% + -10px); */
  }

  .\31\/4--tablet-and-up {
    width: 25%;
  }

  .\31\/5--tablet-and-up {
    width: 20%;
  }

  .\31\/6--tablet-and-up {
    width: 16.666667%;
  }
}

@media screen and (max-width: 999px) {
  .hidden-pocket {
    display: none !important;
  }

  .\31\/1--pocket {
    width: 100%;
  }

  .\31\/2--pocket {
    width: 50%;
  }

  .\31\/3--pocket {
    width: 33.333333%;
  }

  .\31\/4--pocket {
    width: 25%;
  }

  .\31\/5--pocket {
    width: 20%;
  }

  .\31\/6--pocket {
    width: 16.666667%;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1279px) {
  .hidden-lap {
    display: none !important;
  }

  .\31\/1--lap {
    width: 100%;
  }

  .\39\/12--lap {
    width: 75%;
  }

  .\32\/3--lap {
    width: 66.666666%;
  }

  .\31\/2--lap {
    width: 50%;
  }

  .\31\/3--lap {
    width: 33.333333%;
  }

  .\31\/4--lap {
    width: 25%;
  }

  .\31\/5--lap {
    width: 20%;
  }

  .\31\/6--lap {
    width: 16.666667%;
  }
}

@media screen and (min-width: 1000px) {
  .hidden-lap-and-up {
    display: none !important;
  }

  .\31\/1--lap-and-up {
    width: 100%;
  }

  .\39\/12--lap-and-up {
    width: 75%;
  }

  .\32\/3--lap-and-up {
    width: 66.666666%;
  }

  .\31\/2--lap-and-up {
    width: 50%;
  }

  .\31\/3--lap-and-up {
    width: 33.333333%;
/*     width: calc(33.333333% + -10px); */
  }

  .\31\/4--lap-and-up {
    width: 25%;
/*     width: calc(25% + -10px); */
  }

  .\31\/5--lap-and-up {
    width: 20%;
/*     width: calc(20% + -10px); */
  }

  .\31\/6--lap-and-up {
    width: 16.666667% !important;
/*     width: calc(16.666667% + -10px); */
  }
}

@media screen and (min-width: 1280px) {
  .hidden-desk {
    display: none !important;
  }

  .\31\/1--desk {
    width: 100%;
  }

  .\39\/12--desk {
    width: 75%;
  }

  .\32\/3--desk {
    width: 66.666666%;
  }

  .\31\/2--desk {
    width: 50%;
  }

  .\31\/3--desk {
    width: 33.333333%;
  }

  .\31\/4--desk {
    width: 25%;
  }

  .\31\/5--desk {
    width: 20%;
  }

  .\31\/6--desk {
    width: 16.666667%;
  }
}

@media screen and (min-width: 1440px) {
  .hidden-wide {
    display: none !important;
  }

  .\31\/1--wide {
    width: 100%;
  }

  .\39\/12--wide {
    width: 75%;
  }

  .\32\/3--wide {
    width: 66.666666%;
  }

  .\31\/2--wide {
    width: 50%;
  }

  .\31\/3--wide {
    width: 33.333333%;
  }

  .\31\/4--wide {
    width: 25%;
  }

  .\31\/5--wide {
    width: 20%;
  }

  .\31\/6--wide {
    width: 16.666667%;
  }
}

/**
 * --------------------------------------------------------------------
 * BLOCK LIST
 *
 * This component is used by various elements on mobile to allow items
 * to becomes scrollable on mobile and small tablets
 * --------------------------------------------------------------------
 */

.block-list {
  display: flex;
  flex-flow: column nowrap;
  margin: 0 -7px -20px -7px;
}

.block-list--no-flush.block-list--no-flush {
  margin-bottom: 0; /* The double class is to increase specifity and avoid to set it at each breakpoint */
}

.block-list__item {
  display: flex; /* Allow to stretch the content if different block items have different height */
}

/* Unfortunately IE11 does not like nested flex items, so for IE11, we revert to display: block */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .block-list__item {
    display: block;
  }
}

.block-list__item > :first-child {
  margin: 0 7px 20px 7px;
  flex: 1 0 0%;
}

@media screen and (max-width: 999px) {
  .scroller .block-list {
    white-space: nowrap;
    flex-flow: row nowrap;
  }

  .scroller .block-list::before {
    content: "";
    flex: 0 0 var(--mobile-container-gutter);
  }

  .scroller .block-list::after {
    content: "";
    flex: 0 0 calc(var(--mobile-container-gutter) - 7px);
  }

  .scroller .block-list__item {
    flex: 0 0 auto;
    white-space: normal;
    scroll-snap-align: center;
  }
}

@media screen and (max-width: 640px) {
  .scroller .block-list__item {
    width: 81%;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .scroller .block-list__item {
    width: 56%;
  }

  .scroller .block-list::before {
    flex: 0 0 var(--desktop-container-gutter);
  }

  .scroller .block-list::after {
    flex: 0 0 calc(var(--desktop-container-gutter) - 15px);
  }
}

@media screen and (min-width: 641px) {
  .block-list {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -15px -30px -15px;
  }

  .block-list__item > :first-child {
    margin: 0 15px 30px 15px;
  }
}

@media screen and (min-width: 1000px) {
  .block-list {
    white-space: normal;
  }

  .block-list::before,
  .block-list::after {
    display: none;
  }

  .block-list__item--grow {
    flex-grow: 1;
  }
}

/**
 * VARIATIONS
 */

.block-list--loose {
  margin-bottom: -45px;
}
.block-list--loose .block-list__item > :first-child {
  margin-bottom: 45px;
  /* border-radius: 10px; */
  border: 1px solid rgba(0,0,0,.1);
  padding: 0;
  margin-left: 1%;
}

.block-list--loose .block-list__item > :first-child:hover {
  /*    box-shadow: inset -2px -2px 3px rgba(255,255,255,0.1),
               inset 2px 2px 3px rgba(0,0,0,0.1); */
     box-shadow: -2px -2px 5px rgba(255,255,255,0.2),
               2px 2px 5px rgba(0,0,0,0.1);
}

@media screen and (min-width: 641px) {
  .block-list--loose {
    margin-bottom: -60px;
  }

  .block-list--loose .block-list__item > :first-child {
    margin-bottom: 60px;
  }
}
/**
 * --------------------------------------------------------------------
 * ARTICLE ITEM
 * --------------------------------------------------------------------
 */

.article-item__image-container {
  display: block;
  margin-bottom: 15px;
  /* border-radius: 3px; */
  border-radius: 0;
  overflow: hidden;
  /* border-radius: 10px 10px 0 0; */
}

.article-item__image-container--placeholder {
  height: 200px;
}

.article-item__image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center";
  /* IE11 polyfill */
  transform: scale(1.01);
  /* The 1.01 is necessary to avoid some rounding issues on Chrome */
  transition: opacity 0.2s ease-in-out, transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* border-radius: 10px 10px 0 0; */
}

@media (min-width: 1000px) {
  .section[data-section-type=blog-posts] .article-item__image {
      cursor: pointer;
      filter: grayscale(100%);
      position: relative;
      transition: filter .5s ease-out;
  }
  .section[data-section-type=blog-posts] .article-item__image:hover {
      filter: grayscale(0%);
  }
}

.article-item__info {
/*   padding-left: 8px;
  padding-right: 8px; */
  padding-left: 12px;
  padding-right: 12px;
/*   padding-bottom: 10px; */
  padding-bottom: 20px;
}

@media screen and (any-hover: hover) {
  .features--animate-zoom .article-item:hover .article-item__image {
    transform: scale(1.07);
  }

  .article-item:hover .article-item__title {
    color: var(--accent-color);
  }
}

.article-item__meta {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

.article-item__meta-item:not(:last-child)::after {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  margin: -1px 10px 0 10px;
  border-radius: 100%;
  background: rgba(var(--text-color-rgb), 0.4);
  vertical-align: middle;
}

.article-item__title {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 18px;
  font-family: var(--text-font-family);
  text-shadow: .5px 0px 0px currentColor;
  margin: 0 !important;
}

.article-item__excerpt {
/*   margin-top: 12px; */
  margin-top: 8px;
    font-size: 13px;
    line-height: 20px;
}

@media screen and (max-width: 999px) {
  .article-item:not(:last-child) {
    padding-bottom: 20px;
  }

  .scroller .article-item:not(:last-child) {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 641px) {
  .article-item__meta {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }
}

@media screen and (min-width: 1000px) {
  .blog-container--without-sidebar .article-item--featured .aspect-ratio {
    padding-bottom: 40% !important;
    /* We have a small exception to make image smaller in case there is no sidebar on the featured item */
  }
}

@media screen and (min-width: 1280px) {
  .article-item__meta-item + .article-item__meta-item::before {
    margin: 0 14px;
  }
}

/**
 * --------------------------------------------------------------------
 * ARTICLE DETAILS
 * --------------------------------------------------------------------
 */

.article__image-wrapper {
  position: relative;
  width: calc(100% + (var(--mobile-container-gutter) * 2));
  left: calc(-1 * var(--mobile-container-gutter));
  margin-top: 4px;
  z-index: 1;
}

.article__toolbar,
.article__toolbar-item {
  display: flex;
  align-items: center;
}

.article__toolbar {
  justify-content: space-between;
}

.article__toolbar-item .icon--bi-comment {
  width: 24px;
  height: 23px;
  margin-right: 15px;
}

.article__share-label {
  margin-right: 20px;
}

.article__comments-count {
  color: var(--heading-color);
}

.article__inner {
  max-width: 680px;
  margin: 40px auto 60px auto;
}

.article__content {
  margin-bottom: 2.8em;
}

.article__aside {
  margin-bottom: 50px;
}

.article__aside-item {
  display: flex;
  align-items: center;
}

.article__aside-item + .article__aside-item {
  margin-top: 20px;
}

.article__navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.article__navigation svg {
  width: 8px;
  height: 12px;
  vertical-align: -1px;
}

.article__navigation--align-right {
  justify-content: flex-end;
}

.article__navigation-item--prev svg {
  margin-right: 12px;
}

.article__navigation-item--next svg {
  margin-left: 12px;
}

.article__comment-list {
  margin-top: 50px;
}

.article__comment-list-heading {
  margin-bottom: 30px;
}

.article-comment {
  display: flex;
  align-items: flex-start;
  margin-bottom: 32px;
}

.article-comment:first-child {
  margin-top: 30px;
}

.article-comment:last-child {
  margin-bottom: 0;
}

.article-comment__gravatar {
  border-radius: 100%;
  max-width: 50px;
  margin: 5px 22px 0 0;
}

.article-comment__author {
  margin-bottom: 0;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.article-comment__date {
  display: block;
  margin-bottom: 12px;
  font-style: italic;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.article__comment-form {
  margin-top: 50px;
}

.article__comment-list + .article__comment-form {
  margin-top: 70px;
}

.article__comment-form-title {
  margin-bottom: 12px;
}

.article__moderated-note {
  font-style: italic;
}

.article__comment-form-wrapper {
  margin-top: 32px;
}

@media screen and (min-width: 641px) {
  .article__image-wrapper {
    position: relative;
    width: 100%;
    left: 0;
    border-radius: 3px 3px 0 0;
    margin: 0 0 -1px 0;
    /* This -1 allows to cover the border of the card */
    overflow: hidden;
  }

  .article__image-wrapper + .card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .article__inner {
    margin-top: 60px;
  }

  .article__content {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  }

  .article-comment {
    margin-bottom: 42px;
  }

  .article-comment__author {
    margin-bottom: 2px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  }

  .article-comment__date {
    margin-bottom: 12px;
  }
}

/**
 * --------------------------------------------------------------------
 * BLOG
 * --------------------------------------------------------------------
 */

.section-blog-post {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.blog-post {
  max-width: 980px;
}

.blog-post-list-wrapper {
  flex-grow: 1;
}

.blog-sidebar__item {
  margin-bottom: 45px;
}

.blog-sidebar__item--products,
.blog-sidebar__item--newsletter {
  margin-bottom: 50px;
  /* we add a bit of additional spacing to those two are the content is not made of text that brings its own spacing due to line-height */
}

.blog-sidebar__item:first-child:not(.blog-sidebar__item--newsletter) {
  margin-top: -0.435em;
}

.blog-sidebar__block-title {
  margin-bottom: 20px;
}

@media screen and (min-width: 1000px) {
  /* From tablet and up the sidebar is on the right */
  .blog-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  .blog-post {
    flex-grow: 1;
  }

  .blog-sidebar {
    width: 300px;
    margin-left: 60px;
    flex: none;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .blog-sidebar {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1280px) {
  .blog-sidebar {
    width: 350px;
    margin-left: 70px;
  }
}

/* Newsletter */
.blog-sidebar__item--newsletter {
  padding: 30px 20px 30px 20px;
  border-radius: 3px;
  text-align: center;
}

.blog-sidebar__item--newsletter .heading {
  color: inherit;
}

@media screen and (max-width: 640px) {
  /* On mobile it goes to the edge */
  .blog-sidebar__item--newsletter {
    border-radius: 0;
    margin-left: calc(-1 * var(--mobile-container-gutter));
    margin-right: calc(-1 * var(--mobile-container-gutter));
  }
}

/* Featured blog posts */
.blog-sidebar__post-list {
  list-style: none;
}

.blog-sidebar__post-item {
  display: flex;
  align-items: flex-start;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.features--animate-zoom .blog-sidebar__post-item:hover .blog-sidebar__post-image {
  transform: scale(1.1);
}

.blog-sidebar__post-item:hover .blog-sidebar__post-title {
  color: var(--accent-color);
}

.blog-sidebar__post-item + .blog-sidebar__post-item {
  margin-top: 30px;
}

.blog-sidebar__post-image-wrapper {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 100px;
  margin-right: 20px;
}

.blog-sidebar__post-image,
.blog-sidebar__post-placeholder {
  min-height: 80px;
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.blog-sidebar__post-image-overflow {
  overflow: hidden;
  border-radius: 3px;
}

.blog-sidebar__post-title {
  position: relative;
  display: block;
  display: -webkit-box;
  margin-top: 2px;
  line-height: 1.55;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}

.blog-sidebar__post-meta {
  margin-top: 4px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.blog-sidebar__post-meta-item:not(:last-child)::after {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  margin: 0 10px;
  border-radius: 100%;
  background: rgba(var(--text-color-rgb), 0.4);
  vertical-align: middle;
}

.blog-sidebar__post-list--ranked {
  counter-reset: post-ranking 0;
}

.blog-sidebar__post-list--ranked .blog-sidebar__post-image-wrapper::before {
  position: absolute;
  content: counter(post-ranking);
  top: calc(50% - 16px);
  left: -16px;
  border: 2px solid var(--background);
  height: 32px;
  width: 32px;
  line-height: 28px;
  /* 32px minus 4px of border */
  text-align: center;
  border-radius: 100%;
  background: var(--accent-color);
  color: var(--secondary-background);
  font-weight: var(--text-font-bolder-weight);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  counter-increment: post-ranking;
  z-index: 1;
}

/* Products */
.blog-sidebar__item--products .product-item {
  width: 100%;
}

.blog-sidebar__item--products .product-item__image-wrapper {
  width: 75px !important;
}

.blog-sidebar__item--products .product-item__price-list > .price {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
}

@media screen and (max-width: 640px) {
  /* For the sidebar the products display slightly differently as they do not goes edge to edge */
  .blog-sidebar__item--products .product-list--horizontal {
    border: 1px solid var(--border-color);
    border-radius: 3px;
  }
}

/* Linklists */
.blog-sidebar__linklist {
  list-style: none;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.blog-sidebar__link-item {
  padding: 14px 0;
  border-bottom: 1px solid var(--form-border-color);
  line-height: 1.5;
}

.blog-sidebar__link-item:first-child {
  padding-top: 5px;
}

.blog-sidebar__link-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.blog-sidebar__link-item > a {
  display: block;
}
.button {
  position: relative;
  display: inline-block;
  padding: 0 30px;
  /* line-height: 48px; */
  line-height: 40px;
/*   border-radius: 2px; */
  /* border-radius: 4px; */
  text-align: center;
  /* font-weight: var(--text-font-bolder-weight); */
  font-weight: 400;
  font-size: var(--base-text-font-size);
  cursor: pointer;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  overflow: hidden;
}

.button[disabled] {
  cursor: not-allowed;
}

.button--extra-small {
  padding: 0 15px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  line-height: 34px;
  vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.button--small {
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
/*   line-height: 42px; */
  line-height: 34px;
  vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.button--large {
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  line-height: 55px; */
  /* font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px)); */
  /* font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  /* line-height: 46px; */
  line-height: 42px;
  vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.button--extra-large {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
  line-height: 60px;
  vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.button--primary {
  background: var(--primary-button-background);
  color: var(--primary-button-text-color);
  vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.button--primary:hover {
/*   background: rgba(var(--primary-button-background-rgb), 0.8); */
  /* background: #47413a; */
  background: #d70010;
}

.product-form__add-button {
/*  background: #fff; */
/*     background: #000; */
  /* background: #47413a; */
  background: #b27e75;
/*     color: #000; */
    color: #fff;
/*     border: 1px solid #000; */
/*     letter-spacing: .16071429rem; */
/*     font-weight: 700; */
    border-radius: 1.5rem;
}

/* .product-form__add-button:hover {
  background: rgba(222,6,21,0.8);
} */

.product-form__add-button span {
    position: relative;
    z-index: 2;
}

/* .product-form__add-button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #d70010;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
    border-radius: 4px;
} */

.product-form__add-button:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
}

.product-form__add-button:after {
    background: #222;
    /* border-radius: 4px; */
}

.product-form__add-button:hover span {
  color: #f6ce1e;
}

.product-form__add-button:hover:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.product-form__add-button svg {
  margin-left: 5px;
  height: 14px;
  width: 14px;
  margin-bottom: 2px;
}

/* .product-form__add-button:hover {
  background: var(--primary-button-background);
    color: var(--primary-button-text-color);
} */

.button--secondary {
  background: var(--secondary-button-background);
  color: var(--secondary-button-text-color);
}

.button--secondary:hover {
  background: rgba(var(--secondary-button-background-rgb), 0.8);
}

.button--ternary {
  color: var(--accent-color);
  box-shadow: 0 0 0 1px var(--border-color) inset;
  /* use box-shadow instead of border to not create additional space */
}

.button--ternary:hover {
  background: rgba(var(--border-color-rgb), 0.5);
  color: var(--text-color);
}

.button--transparent {
  color: var(--text-color);
  box-shadow: 0 0 0 1px var(--border-color) inset;
  /* use box-shadow instead of border to not create additional space */
}

.button--transparent:hover {
  background: var(--primary-button-background);
  color: var(--primary-button-text-color);
  box-shadow: 0 0 0 1px var(--primary-button-background) inset;
}

/* The color scheme is a bit hacky here, but basically this button is only used for the sold out button, so we re-use the
   sold out label to create some consistence */
.button--disabled {
  background: var(--product-sold-out-color);
  box-shadow: 0 0 0 1px var(--product-sold-out-color) inset; /* use box-shadow instead of border to not create additional space */
  color: var(--secondary-background);
}

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

.button--min-width {
  min-width: 200px;
}

.button--floating {
/*   transition: box-shadow 0.2s ease-in-out; */
  overflow: hidden;
  margin-top: 3px;
  border: 1px solid #fff !important;
  border-radius: 50px;
  position: relative;
/*   background-color: transparent; */
  background-color: transparent;
  color: #000;
  z-index: 1;
/*   transition: color .25s ease; */
/*   transition: opacity 1.1s cubic-bezier(.32, .24, .15, 1) .55s;
  transition: opacity 1.1s var(--cubic) .55s; */
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
/*   box-shadow: 0 20px 50px rgba(0,0,0,.5); */
  opacity: 1;
  letter-spacing: 0.06em;
  font-weight: 100;
  font-size: 13px;
  line-height: 42px;
}


/* .button--floating:hover {
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.06);
} */

.button--floating:hover {
/*     background-color: #000 !important; */
    background-color: transparent;
    color: #000 !important;
    border: 1px solid #fff !important;
/*     transition: background-color .25s ease; */
/*     z-index: 0; */
}

.button--floating:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% + 4px);
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: height .5s cubic-bezier(.32, .24, .15, 1);
    transition: height 0.5s;
}

.button--floating:hover:before {
    opacity: 1;
    height: 50px;
    border-radius: 50px;
/*   -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%); */
/*     height: var(--height-button); */
/*     -webkit-transform: translateX(100%) translateY(-50%);;
    transform: translateX(-50%) translateY(-50%);; */
}

.mosaic--three-columns .button--floating {
  border: 1px solid #000 !important;
}

.mosaic--three-columns .promo-block__heading {
    max-width: 210px;
  text-shadow: none;
/*   text-shadow: 0 2px 10px rgb(0 0 0 / 30%); */
}

.mosaic--three-columns .promo-block__content {
  text-shadow: none;
/*   text-shadow: 0 2px 10px rgb(0 0 0 / 30%); */
}

.mosaic--three-columns .button--floating:hover {
/*     background-color: #000 !important; */
    background-color: transparent;
    color: #fff !important;
    border: 1px solid #000 !important;
/*     transition: background-color .25s ease; */
/*     z-index: 0; */
}

.mosaic--three-columns .button--floating:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% + 4px);
    height: 0;
    top: 50%;
    left: 50%;
    background: #000;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: height .5s cubic-bezier(.32, .24, .15, 1);
    transition: height 0.5s;
}

.mosaic--three-columns .button--floating:hover:before {
    opacity: 1;
    height: 50px;
    border-radius: 50px;
/*   -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%); */
/*     height: var(--height-button); */
/*     -webkit-transform: translateX(100%) translateY(-50%);;
    transform: translateX(-50%) translateY(-50%);; */
}

/**
 * --------------------------------------------------------------------
 * BUTTON WRAPPER
 * --------------------------------------------------------------------
 */

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

/**
 * --------------------------------------------------------------------
 * BUTTON STACK
 * --------------------------------------------------------------------
 */

.button-stack {
  display: flex;
  flex-direction: column;
}

.button-stack > .button + .button {
  margin-top: 10px;
}

/**
 * --------------------------------------------------------------------
 * BUTTON GROUP
 * --------------------------------------------------------------------
 */

.button-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -5px;
}

.button-group > * {
  margin: 5px;
}

.button-group--fit > * {
  flex: 1 0 0;
  padding-left: 15px;
  padding-right: 15px;
}

.button-group--loose {
  margin: -10px;
}

.button-group--loose > * {
/*   margin: 10px; */
  margin: 5px;
  line-height: 40px;
  font-size: 12px;
  /* border-radius: 4px; */
  border-radius: 0;
  /* background: #47413a; */
  background: #d70010;
}

/* @media screen and (max-width: 640px) {
  .button-group--loose {
  margin: 0;
  }
} */

/**
 * --------------------------------------------------------------------
 * Standard card
 * --------------------------------------------------------------------
 */

.card {
  position: relative;
/*   margin-bottom: 18px; */
  margin-bottom: 15px;
/*   background: var(--secondary-background); */
  background: transparent;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

.card__header {
  position: relative;
/*   padding: 20px 20px 0 20px; */
  padding: 15px 20px 0 20px;
}

.card__header--flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card__title {
  margin-bottom: 0;
  font-weight: 500;
}

.card__subtitle {
  margin-bottom: 14px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

.card__subtitle:first-child {
  margin-top: -0.435em;
}

.card__title--small {
  margin-bottom: 10px;
  margin-top: -2px;
  /* Those kind of micro-adjustments rules are not really beautiful, but it's here to satisfy need of pixel perfect... */
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 20px)); */
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 17px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  font-weight: 500;
}

.card__section,
.card__collapsible-button {
  position: relative;
  padding: 20px;
}

.card__collapsible-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  cursor: pointer;
}
.card__collapsible-button .plus-button {
  margin-left: 10px;
  color: var(--heading-color);
}

.card__section + .card__section::before {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - var(--mobile-container-gutter));
  top: 0;
  right: 0;
  height: 1px;
  background: var(--border-color);
}

.card__section--no-padding {
  padding: 0 !important;
}

.card__collapsible {
  height: 0;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.card__collapsible-content {
  padding: 0 20px 20px 20px;
}

.card__separator {
  width: calc(100% + var(--mobile-container-gutter));
/*   margin: 20px 0; */
  margin: 8px 0;
  border: none;
  border-top: 1px solid var(--border-color);
}

.template-product .card__separator,
.modal__dialog .card__separator {
  display: none;
}

.card__navigation {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  margin-top: -3px; /* Yeah, designers like making things simple complicated :D */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.card__navigation-breadcrumb svg {
  margin-right: 12px;
  width: 8px;
  height: 12px;
  vertical-align: -1px;
}

.card__linklist {
  list-style: none;
}

.card__linklist-item {
  display: block;
  padding: 2px 0;
  text-align: left;
}

@media screen and (max-width: 640px) {
  .card {
    border-radius: 0; /* cards expand full-width on mobile */
  }

  .card__section--flex .button {
    margin-top: 20px;
    width: 100%;
  }
  .card__section--tight {
/*     padding: 5px 20px; */
    padding: 2px 20px;
  }
  .main-title h3 {
    font-size: 17px !important;
  }
  .mds-pick .swiper-container {
    padding: 0 !important;
  }
}

@media screen and (max-width: 999px) {
  .card--collapsed {
    margin-top: -18px !important;
    border-top: none !important;
/*     box-shadow: 0 -1px var(--secondary-background); allows to hide the border of the previous card  */
  }

  .card--collapsed .card__header,
  .card--collapsed .card__section {
    padding-top: 0;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .card--collapsed {
    margin-top: -30px !important;
    /* border-radius: 0 0 3px 3px; */
    border-radius: 0;
  }
}

@media screen and (min-width: 641px) {
  .card {
/*     margin-bottom: 30px; */
    margin-bottom: 15x;
    /* border-radius: 3px; */
    border-radius: 0;
/*     border: 1px solid var(--border-color); */
    border: 0.5px solid var(--border-color);
  }

  .card__header {
/*     padding: 30px 30px 0 30px; */
    padding: 30px 20px 0 20px;
  }

  .card__section,
  .card__collapsible-button {
/*     padding: 30px; */
/*     padding: 25px; */
    padding: 20px;
  }

  .card__section + .card__section::before {
    width: 100%;
  }

  .card__section--flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .card__subtitle {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }

  .card__collapsible-content {
    padding: 0 30px 30px 30px;
  }

  .card__separator {
    width: 100%;
/*     margin: 24px 0; */
    margin: 16px 0;
  }

  .card__header--tight {
    padding-top: 20px;
  }

  .card__section--tight {
/*     padding: 20px 25px; */
    padding: 10px 20px;
  }

  .card__section--tight .card__separator {
    margin: 20px 0;
  }

  .card__navigation {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 1000px) {
  .card--sticky {
    position: -webkit-sticky;
/*     position: sticky; */
    top: 0;
    margin-bottom: 0;
  }

  @supports (--css: variables) {
    .card--sticky {
/*       top: calc((var(--header-height) + 30px) * 0);
      top: calc((var(--header-height) + 30px) * var(--header-is-sticky, 0)); */
    }
  }
  .product-block-list #gallery .card {
    min-height: 616px;
  }
  
  .product-block-list__item--info .card--sticky {
    min-height: 616px;
  }
  
  .template-collection .layout__section .card--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-bottom: 0;
    
  @supports (--css: variables) {
      top: calc((var(--header-height) + 30px) * var(--header-is-sticky, 0));
    }
  }

  .product-block-list__item--info .card--sticky {
/*     display: flex; */
    display: initial;
    align-items: center;
/*     margin: auto; */
  }
  .product-block-list__item--info .product__zoom-wrapper {
    position: relative;
  }
    
}

.card__section .rte .button:last-child {
  margin-bottom: 15px;
}
/**
 * --------------------------------------------------------------------
 * Mini-cart
 * --------------------------------------------------------------------
 */

.mini-cart {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 100%;
  max-height: 0;
  /* This is needed to fix a bug on iOS, DO NOT REMOVE */
  background: var(--secondary-background);
  color: var(--text-color);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
  will-change: transform;
}

.mini-cart[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
}

.mini-cart .icon--nav-triangle-borderless {
  position: absolute;
  width: 18px;
  height: 8px;
  right: 6px;
  bottom: 100%;
  z-index: 2;
  filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
}

.mini-cart__alert-wrapper {
/*   padding-top: 20px; */
  padding-top: 10px;
}

.mini-cart .alert {
  margin-bottom: 0;
  flex-shrink: 0;
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

.mini-cart__content:not(.mini-cart__content--empty) > * {
/*   padding-left: 20px;
  padding-right: 20px; */
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 640px) {
  .mini-cart__content:not(.mini-cart__content--empty) > * {
    /*max-height: 480px;*/
  }
}

.mini-cart__content--empty {
  padding: 20px;
}

.mini-cart__empty-state {
  padding: 30px 0;
  text-align: center;
}
.mini-cart__empty-state svg {
  margin-bottom: 10px;
}

.mini-cart__line-item-list {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.mini-cart__line-item {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
}

.mini-cart__line-item + .mini-cart__line-item {
  border-top: 1px solid var(--border-color);
}

.mini-cart__image-wrapper {
  min-width: 80px;
  width: 80px;
  margin-right: 20px;
}

.mini-cart__product-info {
  margin-bottom: 12px;
}

.mini-cart__product-vendor,
.mini-cart__property-list,
.mini-cart__plan-allocation {
  display: block;
  margin-bottom: 7px;
  line-height: 1.55;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

.mini-cart__product-vendor {
  text-transform: uppercase;
}

.mini-cart__product-title {
  display: block;
  margin-bottom: 4px;
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  line-height: 1.5;
  line-height: 17px;
  color: rgb(117, 117, 117);
  display: -webkit-box;
    /* -webkit-line-clamp: 3; */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mini-cart__product-title:hover {
  text-decoration: underline;
}

.mini-cart__property-list {
  list-style: none;
  line-height: 1.5;
  margin: 6px 0;
}

.mini-cart__price-list {
  margin-top: -4px;
  margin-bottom: -4px;
}

.mini-cart__price-list > .price {
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
/*   font-weight: var(--text-font-bolder-weight); */
  font-weight: 100;
}

.mini-cart__price-info {
  margin-top: -2px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.mini-cart__discount-list {
  list-style: none;
  margin-top: 2px;
}

.mini-cart__discount {
  display: inline-block;
  font-weight: var(--text-font-bolder-weight);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  background: rgba(var(--product-on-sale-accent-rgb), 0.08);
  color: var(--product-on-sale-accent);
  /* border-radius: 2px; */
  border-radius: 0;
  padding: 0 11px;
}

.mini-cart__discount svg {
  margin-right: 6px;
  vertical-align: text-bottom;
}

.mini-cart__discount + .mini-cart__discount {
  margin-top: 5px;
}

.mini-cart__quantity-remove {
  display: inline-block;
  margin-left: 10px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  line-height: 1;
}

.mini-cart__quantity-remove:hover {
  text-decoration: underline;
}

.mini-cart__recap {
  padding: 15px 20px 20px 20px;
  border-top: 1px solid var(--border-color);
}

.mini-cart__recap-price-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--heading-color);
  /* font-weight: var(--text-font-bolder-weight); */
  text-shadow: .5px 0px 0px currentColor;
}

.mini-cart__recap-price-line--highlight {
  color: var(--product-on-sale-accent);
}

.mini-cart__recap-price-line + .mini-cart__recap-price-line {
  margin-top: 4px;
}

.mini-cart__amount-saved {
  color: var(--product-on-sale-accent);
  /* font-weight: var(--text-font-bolder-weight); */
  text-shadow: .5px 0px 0px currentColor;
}

.mini-cart__button-container {
  margin-top: 16px;
}

@media screen and (max-width: 640px) {
  .mini-cart .icon--nav-triangle-borderless {
    right: 10px;
  }

  .mini-cart__content {
    display: flex;
    flex-direction: column;
  }

  .mini-cart__inner,
  .mini-cart__content--empty {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  .mini-cart__empty-state {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .mini-cart__content--empty .shipping-values {
    padding: 10px 10px 0 10px;
  }

  @supports (padding: max(0px)) {
    .mini-cart__recap,
    .mini-cart__content--empty {
      padding-bottom: max(25px, env(safe-area-inset-bottom, 0px) + 25px);
    }
  }
}

.mini-cart__inner .button--secondary {
/*   line-height: 48px; */
  line-height: 40px;
  font-size: 12px;
  background: #fff;
  color: #000;
/*   border: 1px solid #000; */
  /* border: 1px solid #47413a; */
  border: 1px solid #d70010;
  /* border-radius: 4px; */
  border-radius: 0;
}

/* .mini-cart__inner .button--secondary:hover {
  color: #fff;
  background: #000;
} */

/* .mini-cart__inner .button--secondary:hover {
    color: #fff;
    border: 1px solid #d70010;
    background: rgba(var(--primary-button-background-rgb), 0);
    z-index: 0;
}

.mini-cart__inner .button--secondary:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d70010;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.mini-cart__inner .button--secondary:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
} */

.mini-cart__inner .button--secondary span {
    position: relative;
    z-index: 2;
}
.mini-cart__inner .button.loading span {
  z-index: -1 !important;
}
.mini-cart__inner .button--secondary:hover {
  color: #f6ce1e;
}

.mini-cart__inner .button--secondary:after {
    background: #d70010;
}

.mini-cart__inner .button--secondary:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
}

.mini-cart__inner .button--secondary:hover:after {
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mini-cart__inner .button.loading .loading-overlay__spinner {
  z-index: 9;
}
.mini-cart__inner .button.loading:hover .loading-overlay__spinner path {
  stroke: #FFF !important;
}

/* .mini-cart__button-container .button-group--loose .button--primary {
    border: 1px solid transparent;
} */

.mini-cart__button-container .button-group--loose .button--primary span {
    position: relative;
    z-index: 2;
}

/* .mini-cart__button-container .button-group--loose .button--primary:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #d70010;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
    border-radius: 4px;
} */

.mini-cart__button-container .button-group--loose .button--primary:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
}

.mini-cart__button-container .button-group--loose .button--primary:after {
    background: #222;
    /* border-radius: 4px; */
  border-radius: 0;
}

.mini-cart__button-container .button-group--loose .button--primary:hover span {
  color: #f6ce1e;
}

.mini-cart__button-container .button-group--loose .button--primary:hover:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

@media screen and (min-width: 641px) {
  .mini-cart {
    left: auto;
    right: 0;
/*     top: calc(100% + 14px); */
    top: calc(100% + 5px);
    max-height: none;
/*     width: 470px; */
    width: 400px;
    height: auto;
    /* border-radius: 3px; */
    border-radius: 0;
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
  }

  .mini-cart__content > * {
    /*     padding-left: 25px;
    padding-right: 25px; */
    padding-left: 15px;
    padding-right: 15px;
  }

  .mini-cart__content--empty {
    /*     padding-bottom: 25px; */
    padding-bottom: 20px;
  }

  .mini-cart__line-item-list {
    max-height: 300px;
  }

  .mini-cart__item-wrapper {
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    justify-content: space-between;
  }

  .mini-cart__quantity-remove {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 10px auto 0 auto;
  }

  .mini-cart__product-info {
    margin: 0 20px 0 0;
  }

  .mini-cart__recap {
/*     padding: 15px 25px 25px 25px; */
    padding: 15px 20px 20px 20px;
  }
}

@media screen and (min-height: 700px) and (min-width: 641px) {
  .mini-cart__line-item-list {
    max-height: 330px;
  }
}

@media screen and (min-width: 1280px) {
  .mini-cart .icon--nav-triangle-borderless {
/*     right: 58px; */
/*     right: 33px; */
/*     right: 27px; */
    right: 16px;
  }
  .mini-cart {
/*     top: calc(100% + 9px); */
    top: calc(100% + 8px);
  }
}

/**
 * --------------------------------------------------------------------
 * Main cart general layout
 *
 * On desktop, the recap is moved to the right, while the main content
 * has a restricted width
 * --------------------------------------------------------------------
 */

.cart-recap__secure-payment-list {
  max-width: 300px;
  margin: -4px auto !important;
}

@media screen and (max-width: 999px) {
  .cart-wrapper {
    min-height: 0 !important;
  }
}

@media screen and (min-width: 1000px) {
  .cart-page-total {
    max-width: 1480px;
    padding: 0 65px;
  }
  .cart-wrapper {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
  }

  .cart-wrapper__inner {
    position: relative;
  }

  .cart-wrapper__inner-inner {
    width: calc(100% - 380px);
  }

  .cart-recap {
    position: absolute;
    right: var(--desktop-container-gutter);
    top: 0;
    width: 350px;
    height: 100%;
  }

  .cart-recap__scroller {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  @supports (--css: variables) {
    .cart-recap__scroller {
      /* top: calc(var(--header-height) + 30px); */
      top: calc(var(--header-height) + 100px);
    }
  }
}

@media screen and (min-width: 1280px) {
  .cart-wrapper__inner-inner {
    width: calc(100% - 430px);
  }

  .cart-recap {
    width: 400px;
  }
}

/**
 * --------------------------------------------------------------------
 * Gift wrap
 * --------------------------------------------------------------------
 */

.gift-wrap {
  padding: 20px 10px 20px 20px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.gift-wrap__left {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}

.gift-wrap__icon svg {
  display: block;
  margin-top: -4px;
  margin-right: 25px;
  width: 24px;
  height: 24px;
}

.gift-wrap__text > span:first-child {
  margin-right: 10px;
}

@media screen and (min-width: 641px) {
  .gift-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 10px 30px;
  }

  .gift-wrap__left {
    margin-bottom: 0;
  }
}

/**
 * --------------------------------------------------------------------
 * Estimate shipping (this is quite similar to the gift wrap code, and
 * may be good to find a good block abstraction to make the code re-usable
 * --------------------------------------------------------------------
 */

.estimate-shipping {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.estimate-shipping__toggle {
  display: flex;
  align-items: center;
  padding: 20px;
  width: 100%;
  color: var(--heading-color);
  /* font-weight: var(--text-font-bolder-weight); */
  font-weight: 400;
  text-shadow: .5px 0px 0px currentColor;
}

.estimate-shipping__icon svg {
  display: block;
/*   margin-right: 25px;
  width: 24px;
  height: 24px; */
  margin-right: 15px;
  width: 20px;
  height: 20px;
}

.estimate-shipping__arrow {
  margin-left: auto;
}
.estimate-shipping__arrow svg {
  width: 12px;
  height: 8px;
  transition: transform 0.2s ease-in-out;
}

.estimate-shipping__toggle[aria-expanded=true] .estimate-shipping__arrow svg {
  transform: rotateZ(180deg);
}

.estimate-shipping__collapsible .shipping-estimator {
  padding: 0 20px 20px 20px;
}

@media screen and (min-width: 641px) {
  .estimate-shipping__toggle {
    padding: 20px 30px;
  }

  .estimate-shipping__collapsible .shipping-estimator {
    padding-right: 30px;
    padding-left: 30px;
  }
}

/**
 * --------------------------------------------------------------------
 * Cart recap
 * --------------------------------------------------------------------
 */

.cart-recap__price-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
  /* font-weight: var(--text-font-bolder-weight); */
  font-weight: 400;
  text-shadow: .5px 0px 0px currentColor;
  color: var(--heading-color);
}

.cart-recap__price-line + .cart-recap__price-line {
  margin-top: 4px;
}

.cart-recap__price-line--highlight {
  color: var(--product-on-sale-accent);
}

.cart-recap__amount-saved {
  color: var(--product-on-sale-accent);
  /* font-weight: var(--text-font-bolder-weight); */
  font-weight: 400;
  text-shadow: .5px 0px 0px currentColor;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
}

.cart-recap__note {
  margin-top: 14px;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

/* .cart-recap__note:hover {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
} */

.cart-recap__note:focus {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

/* .cart-recap__note:active {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
} */

.cart-recap__note-inner {
  padding-bottom: 20px;
}

.cart-recap__note-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  width: 100%;
}
.cart-recap__note-button svg {
  width: 12px;
  height: 8px;
  transition: transform 0.2s ease-in-out;
}
.cart-recap__note-button[aria-expanded=true] svg {
  transform: rotateZ(180deg);
}

.cart-recap__note-edit {
  margin-right: 14px;
  color: var(--accent-color);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.cart-recap__note-edit.is-visible {
  opacity: 1;
}

.cart-recap__notices {
  margin: 24px 0;
  margin: 20px 0 15px;
}

.cart-recap__notices p {
  font-size: 13px;
}

.cart-recap__secure-payment-title {
  /* margin-bottom: 10px; */
  margin-bottom: 4px;
  text-align: center;
  font-size: 12px;
  /* font-weight: var(--text-font-bolder-weight); */
  font-weight: 400;
  text-shadow: .5px 0px 0px currentColor;
}

.cart-recap__secure-payment-title svg {
  margin-right: 8px;
  vertical-align: text-top;
}

@media screen and (min-width: 641px) {
  .cart-recap__price-line {
    /* font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px)); */
    font-size: calc(var(--base-text-font-size) -(var(--default-text-font-size) - 16px));
  }

  .cart-recap__amount-saved {
    /* font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px)); */
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  }

  .cart-recap__note {
    margin-top: 20px;
  }
}

.cart-recap__checkout {
  background: #d70010;
  color: #fff;
  font-weight: 500;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  overflow: hidden;
}
.cart-recap__checkout.button.loading:hover .loading-overlay__spinner{
  z-index: 9;  
}
.cart-recap__checkout.button.loading:hover span {
  z-index: -1;
}

/* .cart-recap__checkout:hover {
  background: rgba(215,0,16,.8);
    z-index: 0;
} */

.cart-recap__checkout span {
    position: relative;
    z-index: 2;
}

.cart-recap__checkout:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
}

.cart-recap__checkout:after {
    background: #222;
    /* border-radius: 4px; */
  border-radius: 0;
}

.cart-recap__checkout:hover span {
  color: #f6ce1e;
}

.cart-recap__checkout:hover:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/**
 * --------------------------------------------------------------------
 * MAIN COLLECTION
 * --------------------------------------------------------------------
 */

.collection__image-wrapper {
  position: relative;
/*   height: 180px; */
  height: 120px;
  margin-bottom: -1px;
  z-index: 1;
  overflow: hidden;
  /* border-radius: 4px; */
   border-radius: 0;
}

.collection__image-wrapper--small {
  height: 140px;
}

.collection__image-wrapper--large {
  height: 230px;
}

.collection__image-wrapper--preserve-ratio {
  height: auto !important;
  /* Height depends on the ratio of the original image */
}

.collection__image-wrapper + .card {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.collection__image {
  height: 100%;
  background-size: cover;
  background-position: center;
}

.collection__title {
/*   margin-bottom: 5px; */
  margin-bottom: 3px;
/*   font-size: 36px; */
/*   font-size: 28px;
    line-height: 40px;
    font-weight: bold; */
  font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    /* text-shadow: 0 2px 10px rgb(0 0 0 / 50%); */
    letter-spacing: 0.04em;
}

.collection__meta {
/*   margin-bottom: 12px; */
  margin-bottom: 8px;
}

.collection__description {
  /*   margin-top: 20px; */
  margin-top: 10px;
}

.collection__brand-logo-wrapper {
  margin-right: 20px;
  padding: 10px;
  width: 70px;
  height: 70px;
  border: 1px solid var(--border-color);
  /* border-radius: 3px; */
  border-radius: 0;
}

.collection__brand-logo-image {
  height: 100%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.collection__products-count {
/*   margin-bottom: 18px; */
  margin-bottom: 10px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.collection__toolbar {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*   margin-top: 22px; */
  margin-top: 10px;
  padding: 0 var(--mobile-container-gutter);
/*   box-shadow: 0 1px var(--border-color), 0 -1px var(--border-color); */
  /* background: var(--secondary-background); */
  background: transparent;
  z-index: 3;
}

.collection__toolbar-item {
  display: flex;
  align-items: center;
  /*   height: 48px; */
  height: 40px;
}

/* .collection__toolbar-item--layout {
    display: none;
} */


.collection__toolbar-item--filter svg {
/*   margin-right: 12px;
  width: 19px;
  height: 20px; */
  margin-right: 7px;
  width: 20px;
  height: 20px;
  margin-top: 7px;
}

@media screen and (max-width: 640px) {
  .collection__toolbar-item--filter svg {
    margin-right: 5px;
    width: 13px;
    height: 13px;
  }
}

/* .collection__layout-label {
  margin-right: 20px;
} */

.collection__layout-button {
/*   margin-left: 8px; */
/*   margin-left: 15px; */
  margin-left: 12px;
  opacity: 0.7;
  transition: all 0.2s ease-in-out;
}

/* .collection__toolbar-item--layout .collection__layout-button:first-child {
  margin-left: 15px;
} */

/* .collection__layout-button:last-child {
  margin-left: 15px;
} */

.collection__layout-button:hover {
  opacity: 1;
}

.collection__layout-button.is-selected {
  opacity: 1;
  color: var(--heading-color);
/*   font-weight: 700; */
  font-weight: 500;
}

.collection__layout-button svg {
  display: block;
  width: 18px;
  height: 18px;
}

.collection__layout-button .layout-icon {
/*    height: 20px;  */
    /* background: white;  */
    background: transparent; 
    display: flex;
    flex-direction: row; 
/*     padding: 2px 1px;  */
/*     border: 1px solid black; */
}

@media screen and (max-width: 640px) {
/*   .collection__layout-button .layout-icon {
    height: 16px;
  } */
  .collection__layout-button .layout-icon-2 {
/*     width: 16px !important; */
    width: 10px !important;
  }
  .collection__layout-button .layout-icon-3 {
/*     width: 24px !important; */
    width: 10px !important;
  }
  .collection__layout-button .layout-icon-4 {
/*     width: 32px !important; */
    width: 10px !important;
  }
  .value-picker-button svg {
    margin-left: 5px !important;
  }
}

.collection__layout-button .col-inner { 
    height: 100%; 
    margin: 0 1px;
    background: black; 
}

.collection__layout-button .layout-icon-2 { 
/*     width: 18px; */
    width: 10px;
}

.layout-icon-2 .col-inner { 
      flex: 0 1 50%; 
}

.collection__layout-button .layout-icon-3 { 
/*     width: 27px; */
    width: 10px;
}

.layout-icon-3 .col-inner { 
      flex: 0 1 33.33%; 
}

.collection__layout-button .layout-icon-4 { 
/*     width: 36px; */
    width: 10px;
}

.layout-icon-4 .col-inner { 
      flex: 0 1 25%; 
}

.collection__layout-button .layout-icon-5 { 
/*     width: 54px; */
    width: 10px;
}

.layout-icon-5 .col-inner { 
      flex: 0 1 20%; 
}

@media screen and (max-width: 640px) {
  .collection__layout-button .layout-icon-2 .col-inner {
    flex: 0 1 100%;
  }
  .collection__layout-button .layout-icon-2 .col-inner:nth-child(2) {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .collection__layout-button .layout-icon-3 .col-inner {
    flex: 0 1 50%;
  }
  .collection__layout-button .layout-icon-3 .col-inner:nth-child(3) {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .collection__layout-button .layout-icon-4 .col-inner {
    flex: 0 1 33.333333%;
  }
  .collection__layout-button .layout-icon-4 .col-inner:nth-child(3) {
    display: none;
  }
}

/* Adjustment when the expanded description is enabled */
.collection__header .expandable-content--expandable {
  margin-bottom: -22px;
}

/* Brand variant */
.collection__header--brand .collection__meta {
  display: flex;
  align-items: center;
}

.collection__header--brand .collection__description {
  margin-top: 0;
}

@media screen and (min-width: 1000px) {
  .collection__header {
    background-color: #f7f7f7;
  }
  .collection__header-inner {
/*     background-color: #f6f6f6; */
/*     background-color: #f3f5f6; */
/*     background-color: #f7f7f7; */
/*     padding-left: 10px;
    padding-right: 10px; */
    padding: 5px 10px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .collection__meta {
    text-align: center;
  }
  .rte.collection-description-section {
    position: relative;
    display: flex;
/*     flex-wrap: wrap;
    flex-direction: column; */
    justify-content: center;
    text-align: left;
  }
  .top-info {
    position: relative;
    display: flex !important;
    justify-content: space-around;
  }
}

@media screen and (max-width: 999px) {
  .collection__toolbar {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--header-height) * 0);
    top: calc(var(--header-height) * var(--header-is-sticky, 0));
  }
}

@media screen and (min-width: 641px) {
  .collection__image-wrapper {
    height: 230px;
/*     border-radius: 3px 3px 0 0; */
  }

  .collection__image-wrapper--small {
    height: 200px;
  }

  .collection__image-wrapper--large {
    height: 310px;
  }

  .collection__brand-logo-wrapper {
    width: 90px;
    height: 90px;
    margin-right: 30px;
  }

  .collection__products-count {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  }

  .collection__toolbar {
    /*     padding: 0 30px; */
    padding: 0 15px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  }

  .collection__toolbar--bordered {
    margin-top: 30px;
    box-shadow: 0 1px var(--border-color), 0 -1px var(--border-color);
  }

  .card__header--tight + .collection__toolbar--bordered {
    margin-top: 25px;
  }

  .collection__toolbar-item {
/*     height: 58px; */
    height: 28px;
  }

  .collection__toolbar-item .value-picker-button {
    margin-left: 4px;
  }
}

@media screen and (max-width: 640px) {
  .collection__toolbar-item--count + .collection__toolbar-item--layout {
    margin-left: auto;
  }
}

@media screen and (min-width: 1000px) {
  .collection__toolbar:not(.collection__toolbar--bordered) {
    margin-top: -12px;
/*     box-shadow: 0 1px var(--border-color); */
    padding-top: 20px;
  }

  .collection__brand-logo-wrapper {
    width: 110px;
    height: 110px;
    flex: none;
  }

  /* Brand variation */
  .collection__header--brand {
    display: flex;
    align-items: flex-start;
  }
  .collection__header--brand .collection__meta {
    display: block;
  }
}

@media screen and (min-width: 1280px) {
  .collection__title {
/*     margin-bottom: 12px; */
    margin-bottom: 25px;
  }

  .collection__description {
    margin-top: 10px;
  }

  .collection__showing-count,
  .collection__toolbar-item--sort {
    margin-right: 45px;
  }
  
  .collection__showing-count {
    margin-left: 15px;
/*     font-size: 14px; */
/*     font-size: 12px; */
/*     font-size: 13px; */
    font-size: 12px;
    font-weight: 400;
    font-family: var(--text-font-family);
  }

  .collection__toolbar-item--sort {
    margin-left: auto;
  }

  /* Brand variation */
  .collection__header--brand .collection__meta {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1440px) {
  .collection__showing-count,
  .collection__toolbar-item--sort {
    margin-right: 80px;
  }
}

/**
 * --------------------------------------------------------------------
 * MAIN COLLECTION (FILTER BAR)
 * --------------------------------------------------------------------
 */

.collection__filter-group-list--ordered {
  display: flex;
  flex-direction: column;
}

.collection__filter-group {
/*   padding: 13px 20px 14px 20px; */
  padding: 7px 20px 8px 20px;
  border-bottom: 1px solid var(--border-color);
}

.collection__filter-group-name {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  text-align: left;
/*   font-size: 14px; */
  font-size: 13px;
  line-height: 18px;
}
.collection__filter-group-name svg {
/*   width: 12px;
  height: 8px; */
  width: 10px;
  height: 6px;
/*   margin-left: 10px; */
/*   margin-left: 5px; */
  margin-left: 4px;
  transition: transform 0.25s ease-in-out;
}

.collection__filter-group-name[aria-expanded=true] svg {
  transform: rotateZ(180deg);
}

.js .collection__filter-collapsible {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}

.collection__filter-collapsible[aria-hidden=false] {
  visibility: visible;
}

.collection__filter-item-active {
  display: block;
/*   margin-top: -5px; */
  margin-top: 5px;
  color: var(--accent-color);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  white-space: nowrap;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Linklist */
.collection__filter-linklist {
  list-style: none;
  padding: 4px 0 8px 0;
}

.collection__filter-link {
  display: block;
  width: 100%;
  padding: 3px 0 4px 0;
  text-align: left;
  font-size: 13px;
}

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

.collection__filter-link svg {
/*   width: 12px;
  height: 8px; */
  width: 10px;
  height: 6px;
/*   margin-left: 8px; */
  margin-left: 4px;
  transition: transform 0.25s ease-in-out;
}

.collection__filter-link[aria-expanded=true] svg {
  transform: rotateZ(180deg);
}

.collection__filter-link.is-active {
  font-weight: var(--text-font-bolder-weight);
  color: var(--accent-color);
}

.collection__filter-linklist .collection__filter-linklist {
  padding: 0 0 0 10px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

/* Colors */
.collection__filter-color-list {
  padding: 7px 0 5px 6px;
}

/* Checkbox */
.collection__filter-checkbox-list {
  list-style: none;
}

.collection__filter-collapsible .collection__filter-checkbox-list {
  padding: 8px 0 7px 10px;
  /* When embedded into a collapsible it get more padding */
}

.collection__filter-checkbox {
  display: flex;
  align-items: center;
  padding: 2px 0 3px 0;
}

.collection__filter-checkbox .checkbox {
  margin-right: 0; /* We remove the spacing here to give it to set it as a padding on the label, so that it is fully
                      clickable. This may be fixed in a more generic way in the checkbox component in the future */
}

.collection__filter-checkbox label {
/*   padding-left: 14px; /* This is micro-alignment to respect the design due to the usage of flexbox here */
/*   padding-left: 10px; */
  padding-left: 8px;
  line-height: 1.5;
  font-size: 12px;
}

/* Active filters */

.collection__filter-icon--active {
  position: relative;
}

.collection__filter-icon--active::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 13px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: var(--accent-color);
}

.collection__active-filters {
  margin: -5px 0 16px 0;
}

.collection__active-filters:empty {
  display: none;
}

.collection__active-filter-item {
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 4px 0;
  align-items: center;
  line-height: 1.5;
  font-weight: var(--text-font-bolder-weight);
  color: var(--accent-color);
  cursor: pointer;
  font-size: 13px;
}

.collection__active-filter-cross {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
/*   margin-right: 12px; */
  margin-right: 8px;
  background: var(--accent-color);
  color: var(--secondary-background);
/*   height: 20px;
  width: 20px; */
  height: 18px;
  width: 18px;
/*   border-radius: 3px; */
  /* border-radius: 4px; */
  border-radius: 0;
  box-shadow: 0 1px rgba(var(--border-color-rgb), 0.4);
}

.collection__active-filter-cross svg {
  position: absolute;
/*   top: 6px;
  left: 6px;
  width: 8px;
  height: 8px; */
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  stroke-width: 2px;
  stroke: white;
}

.collection__clear-filter {
  margin: 13px 0 9px 0;
  border: 1px solid #000;
}

@media screen and (min-width: 1000px) {
  .collection__filter-group {
    padding: 6px 0;
    border-bottom: 0;
  }

  .collection__filter-group-name {
    justify-content: flex-start;
  }

  /* Linklist */
  .collection__filter-linklist {
    padding: 0 0 9px 0;
  }

  .collection__filter-linklist .collection__filter-linklist {
    padding-left: 15px;
  }

  .collection__filter-link {
    padding: 2px 0;
  }

  /* Color */
  .collection__filter-color-list {
    padding: 0 0 10px 0;
    margin: 18px 0 0 5px;
  }

  /* Checkbox */
  .collection__filter-collapsible .collection__filter-checkbox-list {
    padding-bottom: 12px;
  }

  .collection__filter-group:last-child .collection__filter-checkbox-list {
    padding-bottom: 0;
    /* Last one must have its padding removed */
  }

  .collection__filter-checkbox {
    padding: 0;
  }
  .collection__filter-checkbox .checkbox-wrapper {
/*     margin: 8px 0; */
    margin: 6px 0;
  }
}

@media screen and (min-width: 1280px) {
  .collection__sidebar {
    flex-basis: 290px;
  }
}

/**
 * --------------------------------------------------------------------
 * MAIN COLLECTION (FILTER BAR MOBILE)
 * --------------------------------------------------------------------
 */

.collection__mobile-filters-recap {
  background: var(--background);
  border-bottom: 1px solid var(--border-color);
  padding: 5px 10px;
}

.collection__mobile-active-filters {
  margin: -5px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

.collection__mobile-active-filter-item {
/*   padding: 4px 12px; */
  padding: 3px 9px;
  background: var(--accent-color);
/*   border-radius: 3px; */
  /* border-radius: 4px; */
  border-radius: 0;
  box-shadow: 0 1px rgba(var(--accent-color-rgb), 0.15);
  color: var(--secondary-background);
  font-weight: var(--text-font-bolder-weight);
}

.collection__mobile-active-filter-item,
.collection__mobile-active-clear {
  margin: 5px;
}

.collection__mobile-active-filter-cross {
  margin-right: 7px;
}

.collection__mobile-active-filter-cross svg {
  width: 7px;
  height: 7px;
  stroke: currentColor;
  stroke-width: 3px;
  margin-bottom: 2px;
}

.collection__mobile-active-clear {
  position: relative;
  margin-left: 15px;
}

.collection__mobile-active-clear::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 1px;
  background: currentColor;
}

.collection__mobile-active-filters-results {
  display: block;
/*   margin-top: 25px; */
  margin-top: 15px;
  margin-bottom: -5px;
}

/**
 * --------------------------------------------------------------------
 * COLLECTION FILTER DRAWER (MOBILE)
 * --------------------------------------------------------------------
 */

.collection-drawer {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.collection-drawer__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 auto;
  max-height: 64px;
  padding: 15px 15px 15px 25px;
  border-bottom: 1px solid var(--border-color);
  z-index: 1;
}

.collection-drawer__header > div {
  display: flex;
  align-items: center;
}

.collection-drawer__close {
  margin-right: 16px;
  color: var(--heading-color);
}

.collection-drawer__close svg {
  display: block;
/*   width: 19px;
  height: 19px; */
  width: 16px;
    height: 16px;
  margin-top: -1px;
}

.collection-drawer__title {
  margin-bottom: 0;
  font-weight: 500;
}

.collection-drawer__inner {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
}

.collection-drawer__section-title {
  margin: 0;
  padding: 4px 15px;
  text-transform: uppercase;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  font-weight: var(--text-font-bolder-weight);
  background: var(--background);
  border-bottom: 1px solid var(--border-color);
}

.collection-drawer__footer {
  padding: 15px;
/*   box-shadow: 0 -2px 2px rgba(var(--border-color-rgb), 0.65); */
  box-shadow: 0 0px 3px rgba(var(--border-color-rgb),.65);
  border-radius: 12px 12px 0 0;
}

.collection-drawer__footer .button {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

@supports (padding: max(0px)) {
  .collection-drawer__footer {
    padding-bottom: max(15px, env(safe-area-inset-bottom, 0px) + 15px);
  }
}

/**
 * --------------------------------------------------------------------
 * PRODUCT LIST
 * --------------------------------------------------------------------
 */

.product-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  z-index: 1; /* This is needed to create a new stacking context to improve performance on iOS */
}

.product-list .flickity-viewport {
/*   border-radius: 3px; */
  border-radius: 0;
}

.product-list--scrollable {
  flex-wrap: nowrap;
}

.product-list--collection::before {
  display: none;
}

/* This allows to push the content in case when the product item has a quick form button (like on cart page) */
.product-item--vertical,
.product-item--vertical .product-item__info {
  display: flex;
  flex-direction: column;
}

.product-item--vertical .product-item__info {
  justify-content: space-between;
  flex: 1 0 auto;
/*   min-height: 90px;
  padding: 10px 10px 20px 10px; */
}

.product-list__column {
  width: 100%;
}

@media screen and (max-width: 640px) {
  .product-list--scrollable::before,
  .product-list--scrollable::after {
    content: "";
/*     flex: 0 0 var(--mobile-container-gutter); */
  }
  
  .collection-item:first-child {
    margin-left: 5px !important;
  }
  .collection-item {
    margin: 0 7px !important;
  }

  .product-list--scrollable .product-item {
    width: 62%;
  }

  .product-list--collage {
    border-width: 1px 0;
  }

  .product-list--collection .product-item--vertical {
    width: 50%;
  }
  .product-list--collection .product-item--vertical.phone {
    width: 100%;
    text-align: center;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .product-list--scrollable::before,
  .product-list--scrollable::after {
    content: "";
    flex: 0 0 var(--desktop-container-gutter);
  }

  .product-list--scrollable .product-item {
    width: 36%;
  }
}

@media screen and (min-width: 641px) {
  .product-list {
    /* background: var(--secondary-background); */
    background: transparent;
    /* border-radius: 3px; */
    border-radius: 0;
    border: none;
  }

  /* This needs to be done instead of applying a border to the product-list to fix a z-index issue with the product labels */
  .product-list--collage::before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% + 0px); /* This solves an issue on Safari, where 100% does not always work - likely a pixel rounding issue - */
    border: 1px solid var(--border-color);
    z-index: 1;
    pointer-events: none;
    /* border-radius: 3px; */
    border-radius: 0;
  }

  .product-list__column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 0 0 33.333333%;
  }

  .product-list__column > .product-item {
    flex: 1 0 auto;
  }

  .product-list__column--highlight .product-item__title {
    font-size: 1rem;
  }

  @supports (display: grid) {
    .product-list--collage {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(295px, 1fr));
    }

    .product-list__column {
      display: grid;
      grid-auto-rows: 1fr;
    }

    .product-list__column--shrink {
      grid-template-rows: minmax(50%, -webkit-min-content);
      grid-template-rows: minmax(50%, min-content);
    }
  }
}

@media screen and (max-width: 999px) {
  .product-list--scrollable {
    overflow: visible;
    border: none;
    background: transparent;
  }

  .product-list--scrollable .product-item {
    border: 1px solid var(--border-color);
  }

  .product-list--scrollable .product-item + .product-item {
    border-left: none;
  }

/*   .product-list--scrollable .product-item:first-child {
    border-radius: 3px 0 0 3px;
  }

  .product-list--scrollable .product-item:last-child {
    border-radius: 0 3px 3px 0;
  } */

  .product-list--collection {
    border: none;
  }
}

@media screen and (min-width: 1000px) {
  /* This needs to be done instead of applying a border to the product-list to fix a z-index issue with the product labels */
  .product-list::before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% + 0px); /* This solves an issue on Safari, where 100% does not always work - likely a pixel rounding issue - */
    border: 0px solid var(--border-color);
    z-index: 1;
    pointer-events: none;
    /* border-radius: 3px; */
    border-radius: 0;
  }
  
  .template-index .product-list::before {
    border: none;
  }

  .product-list--scrollable::after {
    content: "flickity";
    display: none;
  }

  .product-list--scrollable .product-item {
    min-height: 100%;
  }

  .product-list--stackable {
    flex-wrap: wrap;
  }

  .product-list__column {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1440px) {
  @supports (display: grid) {
    .product-list--collage {
      grid-template-columns: repeat(2, 1fr 1.05fr);
    }
  }
}

@media screen (min-width: 1000px) and (max-width: 1199px) {
  .product-list.product-list--with-ranking {
    max-width: 1000px;
    margin: 0 auto;
  }
}

@media screen (min-width: 1200px) and (max-width: 1439px) {
  .product-list.product-list--with-ranking {
    max-width: 1200px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1440px) {
  .product-list.product-list--with-ranking {
    max-width: 1440px;
    margin: 0 auto;
  }
}

/**
 * --------------------------------------------------------------------
 * FEATURED COLLECTION (HOME PAGE)
 * --------------------------------------------------------------------
 */
.main_featured-collection .section__header {
  display : block;
/*   padding-top: 25px; */
  padding-top: 35px;
  color: #fff;
}
.main_featured-collection  {
/*   background: #2e2e2e; */
/*   background-image: url(https://cdn.shopify.com/s/files/1/0271/0883/5385/files/About_us_01_1800x.jpg); */
    background: rgba(71, 65, 58, 0.9);
    backdrop-filter: saturate(180%) blur(25px);
    -webkit-backdrop-filter: saturate(180%) blur(25px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* .main_featured-collection .main_featured-collection-background {
  background:rgba(0, 0, 0, 0.5);
} */

.main_featured-collection .section__title {
    margin: auto !important;
    color: #fff;
/*   color: #000; */
/*     font-size: 2.8em; */
    font-size: 24px;
/*     font-weight: 600; */
/*     font-weight: bold; */
    font-weight: 500;
/*     text-transform: uppercase; */
/*     text-shadow: 0 8px 8px #000;
    line-height: 40px; */
/*     letter-spacing: 0.04em; */
    letter-spacing: 0.08em;
}

.main_featured-collection .product-item {
   /* border-radius: 10px; */
  border-radius: 0;
/*    box-shadow: -2px -2px 5px rgba(255,255,255,0.4),
               2px 2px 5px rgba(0,0,0,0.3); */
  border: 1px solid rgba(0,0,0,0.5);
/*   padding: 10px; */
/*   padding: 2px; */
  padding: 0;
  margin-left: 1%;
/*   background: #fff; */
  background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
 }

.main_featured-collection .product-item .product-item__label-list {
  top: 3px;
  left: 2px;
}

.main_featured-collection .product-item .product-gallery__carousel {
  margin: 0px;
/*   padding: 0; */
  /* border-radius: 10px 10px 0 0; */
  border-radius: 0;
}

.main_featured-collection .product-item .product-gallery__carousel-item {
  padding: 0;
}

@media screen and (max-width: 640px) {
  .main_featured-collection .product-item .product-gallery__carousel-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

.main_featured-collection .product-item .image--fade-in {
  /* border-radius: 10px 10px 0 0; */
  border-radius: 0;
}

.main_featured-collection .product-item .aspect-ratio img {
/*   border-radius: 10px; */
  border-radius: 0;
}

.main_featured-collection .product-item .product-item__info {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px;
}

.main_featured-collection .product-list {
  background: transparent;
  padding: 15px;
/*   padding-bottom: 40px; */
  padding-bottom: 50px;
}

/* .main_featured-collection .product-item:hover:before {
     box-shadow: -2px -2px 5px rgba(255,255,255,0.2),
               2px 2px 5px rgba(0,0,0,0.1);
  transform: scaleY(0);
}
.main_featured-collection .product-item:before {
  content: '';
  position: absolute;
  top: 6px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% - 12px);
  background: #fff;
  transition: 0.5s ease-in-out;
  transform: scaleY(1);
} */

.main_featured-collection .product-list .flickity-viewport{
/*   padding: 10px; */
  padding: 0;
}

.main_featured-collection .product-list--scrollable .product-item {
/*   min-height: 60%; */
  min-height: 100%;
}

.main_featured-collection .product-item--vertical .product-item__info {
  z-index: 999;
}
.featured-collection {
  padding-top: 25px;
  background-repeat: no-repeat;
  background-position: bottom 0 left -15px;
  background-size: 500px auto;
}

.featured-collection__header {
  padding: 0 var(--mobile-container-gutter) 40px var(--mobile-container-gutter);
}

.featured-collection__title {
  margin-bottom: 8px;
  color: inherit;
}

.featured-collection__cta {
  margin-top: 8px;
}

.featured-collection__image-wrapper {
  margin-top: 25px;
}

.featured-collection .product-list {
  margin-bottom: 20px;
  border-radius: 0;
}

.featured-collection .product-item {
  border: none;
  border-right: 1px solid var(--border-color);
}

.featured-collection .product-item::after {
  display: none;
}

.featured-collection .product-item:last-child {
  border-right: 0;
}

@media screen and (max-width: 640px) {
  .featured-collection,
  .featured-collection__header {
    background-image: none !important;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .featured-collection {
    margin: 0 calc(-1 * var(--desktop-container-gutter));
    background-image: none !important;
  }

  .featured-collection__header {
    padding-left: var(--desktop-container-gutter);
    padding-right: var(--desktop-container-gutter);
    background-repeat: no-repeat;
    background-position: bottom 0 right -15px;
    background-size: 430px auto;
  }

  .featured-collection__image-wrapper {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .featured-collection .product-list {
    margin-bottom: var(--desktop-container-gutter);
  }
}

@media screen and (min-width: 1000px) {
  .featured-collection {
    display: table; /* using Flexbox here didn't work well, so let's use old school and reliable stuff */
    table-layout: fixed;
    width: 100%;
    padding: 6px 6px 6px 0;
    border-radius: 0;
  }

  .featured-collection__header,
  .featured-collection__content {
    display: table-cell;
    vertical-align: top;
  }

  .featured-collection__header {
    width: 455px;
    padding: 20px 30px;
    background-image: none !important;
  }

  .featured-collection .product-list {
    margin-bottom: 0;
  }
  .featured-collection .product-list::before {
    display: none;
  }

  /* This code is absolutely ugly and hacky, but due to rounding errors on Chrome, sometimes everything is shifted by 1px,
     and designer couldn't tolerate it. I've found this hack which basically adds a box-shadow to "cover" artificially
     the border of last element in the list. No better fix were found so far */
  .featured-collection .flickity-viewport::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: var(--secondary-background);
    right: 0;
  }
}
/**
 * --------------------------------------------------------------------
 * COLLECTION ITEM (round style)
 * --------------------------------------------------------------------
 */

.collection-item {
  display: inline-block;
  width: 36vw;
  margin: 0 14px;
  vertical-align: top;
  white-space: normal;
}

.collection-item:first-child {
  margin-left: var(--mobile-container-gutter);
}

.collection-item:last-child {
  margin-right: var(--mobile-container-gutter);
}

.collection-item__image-wrapper {
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 0;
}

.collection-item__image-wrapper--rounded {
  /* adding a stacking context (position: relative; z-index: 0;) is necessary due to a bug in Safari. More info here: https://bugs.webkit.org/show_bug.cgi?id=98538 */
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 100%;
}

.collection-item__image-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: scale(1.01); /* The 1.01 is necessary to avoid some rounding issues on Chrome */
  font-family: "object-fit: cover; object-position: center;"; /* IE11 polyfill */
  transition: opacity 0.2s ease-in-out, transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.collection-item__title {
  display: block;
  line-height: 1.4;
  text-align: center;
  transition: color 0.2s ease-in-out;
}

.collection-item__title svg {
  display: none;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .collection-item {
    width: 190px;
  }

  .collection-item:first-child {
    margin-left: var(--desktop-container-gutter);
  }

  .collection-item:last-child {
    margin-right: var(--desktop-container-gutter);
  }
}

@media screen and (min-width: 641px) {
  .collection-item__title {
    transform: translateX(14px);
    transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .collection-item__title svg {
    /*
    Note: for some strange reasons, on Safari (even last version), if we use a transform it cause a delay of up to 1 second on heavy home page before the
    animation starts. I couldn't find any explanation, but maybe the nested transforms (on both the link and SVG) does not work correctly on Safari. As a
    consequence, I've used a animation on right property (which is much slower but should be ok on this small piece of content)
    */
    position: relative;
    display: inline-block;
    height: 14px;
    width: 14px;
    vertical-align: -2px;
    margin-left: 8px;
    right: -5px;
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}

@media screen and (min-width: 1000px) {
  .collection-list {
    margin: 30px -14px 0 -14px;
    white-space: nowrap;
    overflow: hidden;
  }

  .collection-list::after {
    display: none;
    content: "flickity"; /* enable Flickity slideshow */
  }

  .collection-item {
    width: 20%;
    margin: 0 !important;
    padding: 0 14px;
  }

  .collection-list .flickity-prev-next-button {
    top: calc(50% - 25px - 12px - 0.5em); /* 12px is the margin bottom below the image and 0.5em is half a line of text */
  }

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

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

@media screen and (min-width: 1280px) {
  .collection-item {
    width: 16.6666667%;
  }
}

@media screen and (any-hover: hover) {
  .collection-item:hover .collection-item__title {
    color: var(--accent-color);
  }

  .features--animate-zoom .collection-item:hover img {
    transform: scale(1.07);
  }

  .collection-item:hover .collection-item__title {
    transform: translateX(0);
  }

  .collection-item:hover .collection-item__title svg {
    opacity: 1;
    right: 0;
  }
}

/**
 * --------------------------------------------------------------------
 * COLLECTION ITEM (block style)
 * --------------------------------------------------------------------
 */

/* General */
.collection-list__section {
  margin-bottom: 40px;
}

@media screen and (min-width: 641px) {
  .collection-list__section {
    margin-bottom: 60px;
  }
}

.collection-block-item {
  display: block;
  position: relative;
  border-radius: 0;
  overflow: hidden;
}

.collection-block-item--overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.collection-block-item__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 8s linear, opacity 0.3s ease-in-out !important;
}

.collection-block-item__title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 20px;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #ffffff;
  z-index: 1;
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}

@media screen and (any-hover: hover) {
  .features--animate-zoom .collection-block-item:hover .collection-block-item__image {
    transform: scale(1.4);
  }
}
/**
 * --------------------------------------------------------------------
 * Custom content section (this one is a bit a "fit-all" section, so it
 * was hard to make it very generic)
 * --------------------------------------------------------------------
 */

.custom-content--centered {
  text-align: center;
}

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

/* Small exception for the standalone product, that is not within a grid, so it must have borders on all edges */
.custom-content--product .product-item::after {
  box-shadow: 1px 0 var(--border-color), -1px 0 var(--border-color), 0 1px var(--border-color), 0 -1px var(--border-color);
}
/**
 * --------------------------------------------------------------------
 * FIELD
 * --------------------------------------------------------------------
 */

.form__field {
  display: block;
  padding: 12px 12px;
/*   border-radius: 2px; */
  border-radius: 0;
/*   border: 1px solid var(--form-border-color); */
  border: 1px solid #E1E3E4;
  width: 100%;
  line-height: normal;
  height: 48px;
  color: var(--heading-color);
  background: var(--input-background);
  -webkit-appearance: none;
  resize: none;
  font-size: 1rem;
  font-size: max(1rem, 16px); /* for modern browser ; setting a min value of 16px is required for accessibility */
/*   box-shadow: 0 1px rgba(var(--border-color-rgb), 0.25) inset; */
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}

.shipping-estimator .form__field {
  height: 36px;
}

.shipping-estimator .button {
  height: 42px;
  line-height: 42px;
  /* background: #47413a; */
  background: #b27e75;
  overflow: hidden;
}

.shipping-estimator .button:hover span {
  color: #f6ce1e;
}

.shipping-estimator .button span {
    position: relative;
    z-index: 2;
}

.shipping-estimator .button:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
}

.shipping-estimator .button:after {
    background: #222;
    border-radius: 0;
}

.shipping-estimator .button:hover:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 767px) {
    .shipping-estimator .button {
        float: right;
        /* margin-top: -60px; */
        margin-top: -50px;
        padding: 0 25px;
        font-size: 13px;
    }
}

.form__field::-moz-placeholder {
  color: var(--text-color);
}

.form__field:-ms-input-placeholder {
  color: var(--text-color);
}

.form__field::placeholder {
  color: var(--text-color);
}

.form__field:hover {
  border-color: rgba(71,65,58,.85);
}

.form__field:focus {
/*   border-color: var(--accent-color); */
  border-color: rgba(71,65,58,.85);
/*   box-shadow: 0 0 0 1px var(--accent-color); */
  box-shadow: 0 0 0 1px rgba(71,65,58,.85);
  color: var(--heading-color);
  outline: none;
}

.form__field--small {
  height: 44px;
}

.form__field--large {
  height: 60px;
  padding: 20px 18px;
}

.form__field--textarea {
  height: auto;
  line-height: inherit;
  min-height: 48px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.form__field--borderless {
  border: none;
}

.form__field--borderless:focus {
  box-shadow: none;
}

.form__field[aria-invalid]:not(.is-filled) {
  background: var(--error-background);
  color: var(--error-color);
  border-color: var(--error-color);
}

.form__field[aria-invalid]:not(.is-filled) + .form__floating-label {
  color: var(--error-color);
}

@media screen and (max-width: 767px) {
  .shipping-estimator .form__field {
    max-width: 120px;
  }
  .shipping-estimator .button--primary {
    float: right;
/*     margin-top: -60px; */
    margin-top: -50px;
    padding: 0 25px;
    font-size: 13px;
  }
}

.form__label {
  display: block;
/*   margin-bottom: 6px; */
  margin-bottom: 3px;
  color: var(--heading-color);
  /* font-weight: var(--text-font-bolder-weight); */
  text-shadow: .5px 0px 0px currentColor;
}

.form__label--light {
  color: var(--text-color);
}

.form__submit {
  display: block;
  margin-top: 20px;
}

.header__action-list .form__submit {
  position: relative;
  overflow: hidden;
  display: block;
  margin-top: 20px;
  color: #000;
  background-color: transparent;
  line-height: 42px;
/*   border: 1px solid #000; */
  border: 1px solid #47413a;
  z-index: 1;
/*   transition: color .25s ease; */
/*   transition: opacity 1.1s cubic-bezier(.32, .24, .15, 1) .55s;
  transition: opacity 1.1s var(--cubic) .55s; */
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  opacity: 1;
  letter-spacing: 1.2px;
}

.header__action-list .form__submit:hover {
/*   color: #fff;
  background: #000; */
  background-color: transparent;
  color: #fff;
/*   border: 1px solid #000; */
  border: 1px solid #47413a;
}

.header__action-list .form__submit:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% + 4px);
    height: 0;
    top: 50%;
    left: 50%;
/*     background: #000; */
    background: #47413a;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: height .5s cubic-bezier(.32, .24, .15, 1);
    transition: height 0.5s;
}

.header__action-list .form__submit:hover:before {
    opacity: 1;
    height: 42px;
/*     border-radius: 50px; */
/*   -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%); */
/*     height: var(--height-button); */
/*     -webkit-transform: translateX(100%) translateY(-50%);;
    transform: translateX(-50%) translateY(-50%);; */
}

.form__submit--tight {
  margin-top: 12px;
}

.form__spam-disclaimer {
  display: block;
/*   margin-top: 10px;
  line-height: 14px; */
  margin-top: 8px;
  line-height: 16px;
}

@media screen and (min-width: 641px) {
  .form__submit--centered {
    margin-left: auto;
    margin-right: auto;
  }
}

/**
 * --------------------------------------------------------------------
 * INPUT WRAPPER
 * This is used to create list of fields, optionally with a label
 * --------------------------------------------------------------------
 */

.form__input-wrapper {
  position: relative;
  width: 100%;
/*   margin-bottom: 12px; */
  margin-bottom: 10px;
}

.form__floating-label {
  position: absolute;
  left: 13px;
  top: 0;
  line-height: 48px; /* allows to center the field */
  font-size: 1rem;
  color: var(--text-color);
  transform: scale(1);
  transform-origin: left top;
  transition: transform 0.2s ease-in-out;
  pointer-events: none;
}

.form__field:focus + .form__floating-label,
.form__field.is-filled + .form__floating-label,
.select-wrapper.is-filled + .form__floating-label {
  transform: translateY(-6px) scale(0.8);
}

.form__input-wrapper--labelled .form__field {
  padding-top: 20px;
  padding-bottom: 3px;
}

.form__field--large + .form__floating-label {
  left: 18px;
  line-height: 60px;
}

.form__input-wrapper--labelled .form__field--large {
  padding-top: 20px;
  padding-bottom: 3px;
}

.form__input-row .form__field--borderless {
/*   background: none;
  padding-left: 25px;
  border-top-left-radius: 96px;
  border-bottom-left-radius: 96px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  box-shadow: none; */
  /* background: rgba(0,0,0,0); */
    flex: 1;
    border: 1px solid rgba(34,34,34,0.15);
/*   border-color: rgba(34,34,34,0.15);
    border-style: solid;
    border-width: 1px; */
    transition: border 200ms ease-out,background 200ms ease-out;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 48px;
    outline: 3px solid rgba(0,0,0,0);
/*     padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 12px;
    padding-right: 12px; */
    width: 100%;
    min-width: 0;
    padding-left: 25px;
    border-top-left-radius: 96px;
    border-bottom-left-radius: 96px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    box-shadow: none;
    background: rgba(0,0,0,0);
    flex: 1;
}

.form__input-row .form__submit {
  background: none;
  position: relative;
    padding-right: 21px;
    padding-left: 15px;
/*     padding-top: 12px; */
    padding-top: 11px;
/*     padding-bottom: 12px; */
    padding-bottom: 11px;
    height: 48px;
    color: #222;
/*     background: rgba(71,65,58,.85); */
/*     font-weight: bold; */
    font-size: 16px;
    white-space: nowrap;
/*     z-index: 10; */
    z-index: 3;
    transition: border 200ms ease-out,color 200ms ease-out;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 96px;
    border-bottom-right-radius: 96px;
    border: 1px solid rgba(34,34,34,.15);
    border-left: 0;
    font: inherit;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
}

.template-cart .form__input-row .form__submit {
    margin-top: 0;
    height: 42px;
    line-height: 42px;
    display: block;
    padding: 12px 12px;
    /* border-radius: 2px; */
    border-radius: 0;
    /* border: 1px solid var(--form-border-color); */
    /* border: 1px solid #E1E3E4; */
    /* width: 100%; */
    line-height: normal;
    height: 36px;
    color: var(--heading-color);
    background: var(--input-background);
    -webkit-appearance: none;
    resize: none;
    font-size: 14px;
    /* font-size: max(1rem, 16px); */
    /* box-shadow: 0 1px rgba(var(--border-color-rgb), 0.25) inset; */
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    background: #d70010;
    color: #fff;
    padding: 0 30px;
    overflow: hidden;
    border: none;
}

/* .template-cart .form__input-row .form__submit:hover {
  background: rgba(0, 97, 46, 0.85);
} */

.template-cart .form__input-row .form__submit span {
    position: relative;
    z-index: 2;
}

.template-cart .form__input-row .form__submit:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
}

.template-cart .form__input-row .form__submit:after {
    background: #222;
    border-radius: 0;
}

/* .product-form__add-button:hover {
    border-color: transparent;
} */

/* .product-form__add-button:hover:before {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    transform-origin: right center;
} */

.template-cart .form__input-row .form__submit:hover:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.newsletter .form__input-row > .form__input-wrapper:hover .form__field--borderless {
  border: 1px solid rgba(34,34,34,0.5);
  border-right: none;
}

.newsletter .form__input-row > .form__input-wrapper:hover .newsletter__button {
  border: 1px solid rgba(34,34,34,0.5);
  border-left: none;
}

/* .form__input-row .form__submit:before {
    content: "";
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    border: none;
    box-shadow: none !important;
} */

/* .form__input-row .form__submit:after {
    content: "";
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    border: none;
    background: rgba(71,65,58,.85);
    opacity: 0;
    transform: scale(0.7) perspective(1px);
    transition: transform 200ms cubic-bezier(0.345, 0.115, 0.135, 1.42),opacity 150ms ease-out,border-radius 200ms cubic-bezier(0.345, 0.115, 0.135, 1.42),box-shadow 200ms ease-out;
}

.form__input-row .form__submit:hover:after {
    opacity: .075;
    transform: scale(1) perspective(1px);
} */

/* .form__input-row .form__submit:hover:before, .form__input-row .form__submit:hover:after {
  transform: scaleX(1.015) scaleY(1.035) perspective(1px);
} */

.form__input-row .form__field--borderless:focus~.form__submit.newsletter__button {
  border-color: rgba(71,65,58,.85);
  background: rgba(71, 65, 58, .85);
  color: #fff;
  border: none;
}

.form__input-row .form__field--borderless:focus~.form__submit.newsletter__button:hover {
  opacity: 0.85;
}

.form__input-row .form__field--borderless:focus~.form__submit.newsletter__button:after {
  opacity: 1;
  transform: scale(1) perspective(1px);
}

.form__input-row .form__floating-label {
  left: 18px;
}

.newsletter .form__input-row > .form__input-wrapper {
  position: relative;
  display: flex;
  border-radius: 96px;
  box-shadow: 1px 2px 4px 0 rgba(34,34,34,.1) inset;
  background: #fff;
}

.newsletter .form__input-row > .form__input-wrapper:hover {
  border-color: rgba(34,34,34,.5);
}

.footer__newsletter-form .form__input-wrapper {
  position: relative;
  display: flex;
/*   border-radius: 96px; */
  border-radius: 80px;
  box-shadow: 1px 2px 4px 0 rgba(34,34,34,.1) inset;
  background: #fff;
}

.footer__newsletter-form .form__input-wrapper:hover {
  border-color: rgba(34,34,34,.5);
}

.footer__newsletter-form .form__input-wrapper .form__field.form__field--text {
/*   background: none;
  padding-left: 25px;
  border-top-left-radius: 96px;
  border-bottom-left-radius: 96px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  box-shadow: none; */
  /* background: rgba(0,0,0,0); */
  flex: 1;
  border-color: rgba(34,34,34,.15);
    border-style: solid;
    border-width: 1px;
    transition: border 200ms ease-out,background 200ms ease-out;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
/*     height: 48px; */
    height: 40px;
    outline: 3px solid rgba(0,0,0,0);
/*     padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 12px;
    padding-right: 12px; */
    width: 100%;
    min-width: 0;
  padding-left: 25px;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    box-shadow: none;
    background: rgba(0,0,0,0);
    flex: 1;
}

.footer__newsletter-form .form__input-wrapper .form__submit {
  background: none;
  position: relative;
/*     padding-right: 21px;
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 12px; */
    padding: 9px 21px 9px 15px;
/*     height: 48px; */
    height: 40px;
    color: #222;
/*     background: rgba(71,65,58,.85); */
/*     font-weight: bold; */
    font-size: 16px;
    white-space: nowrap;
    /*     z-index: 10; */
    z-index: 3;
    transition: border 200ms ease-out,color 200ms ease-out;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border: 1px solid rgba(34,34,34,.15);
    border-left: 0;
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    margin-top: 0;
    text-transform: capitalize;
}

.footer__newsletter-form .form__input-wrapper:hover .form__field.form__field--text {
  border: 1px solid rgba(34,34,34,0.5);
  border-right: none;
}

.footer__newsletter-form .form__input-wrapper:hover .form__submit.footer__button {
  border: 1px solid rgba(34,34,34,0.5);
  border-left: none;
}

.footer__newsletter-form .form__input-wrapper .form__submit:before {
    content: "";
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    border: none;
    box-shadow: none !important;
}

.footer__newsletter-form .form__input-wrapper .form__submit:after {
    content: "";
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    border: none;
/*     background: #222; */
    background: rgba(71,65,58,.85);
    opacity: 0;
    transform: scale(0.7) perspective(1px);
    transition: transform 200ms cubic-bezier(0.345, 0.115, 0.135, 1.42),opacity 150ms ease-out,border-radius 200ms cubic-bezier(0.345, 0.115, 0.135, 1.42),box-shadow 200ms ease-out;
}

.footer__newsletter-form .form__input-wrapper .form__submit:hover:after {
    opacity: .075;
    transform: scale(1) perspective(1px);
}

.footer__newsletter-form .form__input-wrapper .form__submit:hover:before, .footer__newsletter-form .form__input-wrapper .form__submit:hover:after {
  transform: scaleX(1.015) scaleY(1.035) perspective(1px);
}

.footer__newsletter-form .form__input-wrapper .form__field.form__field--text:focus~.form__submit.footer__button {
  border-color: rgba(71,65,58,.85);
  color: #fff;
  border: none;
}

.footer__newsletter-form .form__input-wrapper .form__field.form__field--text:focus~.form__submit.footer__button:hover {
  opacity: 0.85;
}

.footer__newsletter-form .form__input-wrapper .form__field.form__field--text:focus~.form__submit.footer__button:after {
  opacity: 1;
  transform: scale(1) perspective(1px);
}

.header__search-bar {
  position: relative;
  display: flex;
/*   border-radius: 96px; */
/*   border-radius: 80px; */
  /* border-radius: 8px; */
  border-radius: 22px;
  box-shadow: 1px 2px 4px 0 rgba(34,34,34,.1) inset;
  background: #fff;
/*   background: transparent; */
  border: 1px solid rgba(34, 34, 34, 0.15);
}

.header__search-bar:hover {
  border-color: rgba(34,34,34,.5);
/*   background: #fff; */
}

.header__search-bar-input {
/*   background: none;
  padding-left: 25px;
  border-top-left-radius: 96px;
  border-bottom-left-radius: 96px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  box-shadow: none; */
  /* background: rgba(0,0,0,0); */
    flex: 1;
    /* border: 1px solid rgba(34,34,34,0.15); */
  border: none;
/*   border-color: rgba(34,34,34,0.15);
    border-style: solid;
    border-width: 1px; */
    transition: border 200ms ease-out,background 200ms ease-out;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 44px;
    /* height: 30px; */
    outline: 3px solid rgba(0,0,0,0);
/*     padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 12px;
    padding-right: 12px; */
    width: 100%;
    min-width: 0;
    padding-left: 25px;
/*     border-top-left-radius: 96px;
    border-bottom-left-radius: 96px; */
/*     border-top-left-radius: 60px;
    border-bottom-left-radius: 60px; */
    /* border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; */
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    box-shadow: none;
    background: rgba(0,0,0,0);
    flex: 1;
}


element.style {
}
.header__search-bar .header__search-bar-submit {
    background: none;
    position: relative;
    /* padding-right: 21px; */
    padding-right: 28px;
    padding-left: 18px;
    /* padding-top: 12px; */
    /* padding-top: 11px; */
    padding-top: 10px;
    /* padding-bottom: 12px; */
    /* padding-bottom: 11px; */
    padding-bottom: 10px;
    /* height: 44px; */
    /* height: 40px; */
    height: 36px;
    /* height: 30px; */
    top: 1px;
    right: 2px;
    color: #222;
    /* background: rgba(71, 65, 58, .85); */
    /* background: #d70011; */
    background: #0e2d26;
    /* font-weight: bold; */
    font-size: 16px;
    white-space: nowrap;
    /* z-index: 10; */
    z-index: 3;
    transition: border 200ms ease-out, color 200ms ease-out;
    border-radius: 22px;
    /* border: 1px solid rgba(34, 34, 34, .15); */
    border-left: 0;
    font: inherit;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    overflow: hidden;
}

/* .header__search-bar:hover .header__search-bar-input {
  border: 1px solid rgba(34,34,34,0.5);
  border-right: none;
} */

/* .header__search-bar:hover .header__search-bar-submit {
  border: 1px solid rgba(34,34,34,0.5);
  border-left: none;
} */

/* .header__search-bar-submit:before {
    content: "";
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    border: none;
    box-shadow: none !important;
} */

/* .header__search-bar-submit:after {
    content: "";
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    border: none;
    background: rgba(71,65,58,.85);
    opacity: 0;
    transform: scale(0.7) perspective(1px);
    transition: transform 200ms cubic-bezier(0.345, 0.115, 0.135, 1.42),opacity 150ms ease-out,border-radius 200ms cubic-bezier(0.345, 0.115, 0.135, 1.42),box-shadow 200ms ease-out;
}

.header__search-bar-submit:hover:after {
    opacity: .075;
    transform: scale(1) perspective(1px);
}

.header__search-bar-submit:hover:before, .header__search-bar-submit:hover:after {
  transform: scaleX(1.015) scaleY(1.035) perspective(1px);
} */

.header__search-bar .header__search-bar-submit svg {
    position: relative;
    z-index: 2;
}

.header__search-bar .header__search-bar-submit svg .search_svg {
  stroke: #fff;
}

.header__search-bar .header__search-bar-submit:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
}

.header__search-bar .header__search-bar-submit:after {
    background: #222;
}

.header__search-bar .header__search-bar-submit:hover:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.header__search-bar .header__search-bar-submit:hover svg g {
  stroke: #f6ce1e;
}

.header__search-bar-input:focus~.header__search-bar-submit {
  /* border-color: rgba(71,65,58,.85); */
  color: #fff;
  /* border: none; */
}

.header__search-bar-input:focus~.header__search-bar-submit:hover {
  opacity: 0.85;
}

/* .header__search-bar-input:focus~.header__search-bar-submit:after {
  opacity: 1;
  transform: scale(1) perspective(1px);
} */

/**
 * --------------------------------------------------------------------
 * INPUT ROW
 * --------------------------------------------------------------------
 */

.form__input-row {
  display: flex;
  flex-direction: column;
}

.form__input-row .form__submit {
  margin-top: 0;
}

@media screen and (min-width: 641px) {
  .form__input-row {
    flex-direction: row;
    align-items: flex-end;
    margin: 0 -6px;
  }
  .form__input-row:not(:last-child) {
    margin-bottom: 12px;
  }

  .form__input-row > .form__input-wrapper {
    margin-bottom: 0;
  }

  .form__input-row > * {
    margin-left: 6px;
    margin-right: 6px;
  }

  .form__input-row > .form__submit {
    margin-top: 0;
  }

  .form__input-row > .form__submit {
    flex: 1 0 auto; /* we let the submit button grow freely */
  }
}

/**
 * --------------------------------------------------------------------
 * CONNECTED INPUT
 * --------------------------------------------------------------------
 */

.form__connected-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.form__connected-item .form__input-wrapper {
  margin-bottom: 0;
}

.form__connected-item .form__field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none; /* When connected with the icon, the box-shadow must be set inside */
}

.form__connected-item .form__field:focus {
  box-shadow: 0 0 0 1px var(--accent-color) inset;
}

.form__connected-item .form__connection {
  padding-left: 14px;
  padding-right: 14px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form__connected-item .form__connection svg {
  width: 23px;
  height: 23px;
}

/**
 * --------------------------------------------------------------------
 * FORM MAIN VARIATION (used when the form is the main element)
 * --------------------------------------------------------------------
 */

.form--main {
  max-width: 350px;
  margin: 60px auto;
  text-align: center;
}

.form__header,
.form__legend {
  margin-bottom: 30px;
}

.form__title {
  margin-bottom: 15px;
}

.form__secondary-action {
  margin-top: 32px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.form__secondary-action > * {
  margin-bottom: 0;
}

@media screen and (min-width: 641px) {
  .form--main {
    margin-top: 110px;
    margin-bottom: 150px;
  }
}

/**
 * --------------------------------------------------------------------
 * SELECT
 * --------------------------------------------------------------------
 */

select::-ms-expand {
  display: none;
}

.select-wrapper {
  position: relative;
  color: currentColor;
  line-height: inherit;
  vertical-align: middle;
}

.select-wrapper svg {
  position: absolute;
  pointer-events: none;
  vertical-align: baseline;
  fill: currentColor;
}

.select-wrapper select {
  /* Disable built-in styles */
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  color: inherit;
  cursor: pointer;
  border-radius: 0; /* Remove the ugly blue background on IE when a value is selected */
}

.select-wrapper select:focus::-ms-value {
  background: transparent;
  color: var(--text-color);
}

/* Make sure to have something easy to read... */
.select-wrapper option {
  background: white;
  color: black;
}

.select-wrapper--transparent select {
  padding-right: 22px;
  background: transparent;
  border: none;
  font-size: inherit;
}

.select-wrapper--transparent svg {
  top: calc(50% - 4px);
  right: 4px;
  width: 12px;
  height: 8px;
}

.select-wrapper--primary {
  position: relative;
  background: var(--secondary-background);
}

.select-wrapper--primary select {
  width: 100%;
  padding: 0 36px 0 12px;
  height: 48px;
/*   border: 1px solid var(--form-border-color); */
  border: 1px solid #E1E3E4;
/*   border-radius: 2px; */
  border-radius: 0;
  background: transparent;
/*   box-shadow: 0 -1px 1px rgba(var(--border-color-rgb), 0.3) inset; */
  font-size: 1rem;
  font-size: max(1rem, 16px); /* for modern browser ; setting a min value of 16px is required for accessibility */
  font-size: max(1rem, 14px);
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.shipping-estimator .select-wrapper--primary select {
  height: 36px;
}

.select-wrapper--primary select:hover {
  border-color: #47413ad9;
}

.select-wrapper--primary select:focus {
/*   border-color: var(--accent-color);
  box-shadow: 0 0 0 1px var(--accent-color); */
  border-color: #47413ad9;
  box-shadow: 0 0 0 1px #47413ad9;
  outline: none;
}

.select-wrapper--primary select:valid {
  color: var(--heading-color);
}

.select-wrapper--primary svg {
  width: 12px;
  height: 14px;
  top: calc(50% - 7px);
  right: 16px;
  opacity: 0.7;
}

.select-wrapper--primary.select-wrapper--small select {
  height: 44px;
  padding-left: 12px;
  padding-bottom: 1px;
  /* just for some pixel perfect alignment... but not sure if it's really good idea for cross-browser! */
}

.form__input-wrapper--labelled .select-wrapper--primary.is-filled select {
  padding-top: 16px;
}

/* Abstraction to just have a select button (without the actual select) */
.select-button {
  position: relative;
  background: var(--secondary-background);
  color: currentColor;
  line-height: inherit;
  vertical-align: middle;
  width: 100%;
  padding: 0 36px 0 12px;
  height: 48px;
  border: 1px solid var(--form-border-color);
  border-radius: 0;
/*   box-shadow: 0 -1px 1px rgba(var(--border-color-rgb), 0.3) inset; */
  font-size: 1rem;
  text-align: left;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.select-button:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 1px var(--accent-color);
  outline: none;
}

.select-button svg {
  position: absolute;
  pointer-events: none;
  width: 12px;
  height: 14px;
  top: calc(50% - 7px);
  right: 16px;
  opacity: 0.7;
  vertical-align: baseline;
  fill: currentColor;
}

.select-button--mini {
  height: 32px;
  padding: 0 44px 0 10px;
  font-size: 0.85rem;
}

.select-button--mini svg {
  right: 11px;
}

/* On Windows this force a different color */
select option {
  background: var(--background);
  color: var(--text-color);
}

/**
 * --------------------------------------------------------------------
 * CUSTOM CHECKBOX
 * --------------------------------------------------------------------
 */

.checkbox-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
/*   margin: 8px 0; */
  margin: 6px 0;
}

.checkbox-wrapper svg {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 2px;
  top: calc(50% - 6px);
  transform: scale(0);
  transition: transform 0.2s ease-in-out;
  color: var(--secondary-background);
}

.checkbox-wrapper ~ label {
  vertical-align: middle;
  cursor: pointer;
}

.checkbox {
  display: block;
  margin-right: 10px;
  width: 16px;
  height: 16px;
/*   border: 1px solid var(--form-border-color); */
  border: 1px solid #E1E3E4;
  background: var(--secondary-background);
/*   box-shadow: 0 1px rgba(var(--border-color-rgb), 0.4); */
/*   border-radius: 2px; */
  border-radius: 0;
  -webkit-appearance: none;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.2s ease-in-out;
}

.checkbox:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 1px var(--accent-color);
  outline: none;
}

.checkbox:checked {
  background: var(--accent-color);
  border-color: var(--accent-color);
  box-shadow: none;
}

.checkbox:checked + svg {
  transform: scale(1);
}

.checkbox.is-selected ~ label {
  color: var(--accent-color);
  font-weight: var(--text-font-bolder-weight);
}

.checkbox,
.checkbox ~ label {
  vertical-align: middle;
  cursor: pointer;
}

@media screen and (min-width: 1000px) {
  .checkbox-wrapper {
    margin: 12px 0;
  }
}

/*
 * INPUT PREFIX (allow to create small input with a prefixed value)
 */

.input-prefix {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
/*   border: 1px solid var(--form-border-color); */
  border: 1px solid #E1E3E4;
/*   box-shadow: 0 1px rgba(var(--border-color-rgb), 0.25) inset; */
/*   font-size: 14px; */
  font-size: 12px;
  border-radius: 0;
}

.input-prefix__field {
  padding: 0;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
  min-width: 0;
  width: 100%;
  border: none;
  text-align: end;
  background: transparent;
}

.input-prefix__field::-webkit-outer-spin-button,
.input-prefix__field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-prefix__field:not(:-moz-placeholder-shown) {
  color: var(--heading-color);
}

.input-prefix__field:not(:-ms-input-placeholder) {
  color: var(--heading-color);
}

.input-prefix__field:not(:placeholder-shown) {
  color: var(--heading-color);
}

/*
 * RANGE ELEMENT
 * Styling range are pretty complex as each browsers has their own way to do it
 */

/* First we revert the styling of range elements */

.range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
}

/* Chrome and Safari */

.range::-webkit-slider-thumb {
  position: relative;
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: none;
  background: var(--heading-color);
  cursor: pointer;
  margin-top: -3px;
  z-index: 1;
  box-shadow: 0 0 0 2px var(--secondary-background);
}

.range::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: var(--heading-color);
  border-radius: 0;
  border: none;
}

/* Firefox */

.range::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: none;
  background: var(--heading-color);
  cursor: pointer;
  box-shadow: 0 0 0 2px var(--secondary-background);
}

.range::-moz-range-progress,
.range::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  border-radius: 0;
  border: none;
}

.range::-moz-range-progress {
  background-color: var(--heading-color);
}

.range::-moz-range-track {
  background-color: var(--border-color);
}

@media not screen and (any-hover: hover) {
  /* On touch device, we increase the size of the thumb to make it easier to grab */
  .range::-webkit-slider-thumb {
/*     width: 20px;
    height: 20px; */
    width: 12px;
    height: 12px;
/*     margin-top: -8px; */
    margin-top: -5px;
  }

  .range::-moz-range-thumb {
    /*     width: 20px;
    height: 20px; */
    width: 12px;
    height: 12px;
  }
}

/* Range group (when using double range, we need to rely on some clever trick) */

.range-group {
/*   height: 4px; */
  height: 2px;
  background: linear-gradient(to right, var(--border-color) var(--range-min), var(--heading-color) var(--range-min), var(--heading-color) var(--range-max), var(--border-color) var(--range-max));
  border-radius: 0;
}

.range-group .range {
  pointer-events: none;
/*   height: 4px; */
  height: 3px;
  vertical-align: top;
}

.range-group .range::-webkit-slider-runnable-track {
  background: none;
}

.range-group .range::-webkit-slider-thumb {
  pointer-events: auto;
}

.range-group .range::-moz-range-progress,
.range-group .range::-moz-range-track {
  background: none;
}

.range-group .range::-moz-range-thumb {
  pointer-events: auto;
}

.range-group .range:last-child {
  position: absolute;
  top: 0;
  left: 0;
}
.gift-card__inner {
  padding: 30px 0;
}

.gift-card__main {
  position: relative;
  padding-top: 85px;
  text-align: center;
}

.gift-card__image {
  position: relative;
  width: 170px;
  height: 170px;
  top: -105px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto -75px auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.gift-card__title {
  margin-bottom: 0;
}

.gift-card__amount {
  margin-bottom: 18px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 22px));
}

.gift-card__alert {
  margin-top: 20px;
}

.gift-card__code-container {
  max-width: 255px;
  margin: 0 auto 28px auto;
}

.gift-card__code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 15px;
  width: 100%;
  border: 1px solid var(--border-color);
  text-transform: uppercase;
  margin-bottom: 15px;
  border-radius: 0;
  text-align: center;
}

.gift-card__expires-on {
  display: block;
  color: var(--product-in-stock-color);
  font-weight: var(--text-font-bolder-weight);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
}

.gift-card__expires-on::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 0.7em;
  border-radius: 100%;
  background: currentColor;
  vertical-align: baseline;
}

.gift-card__share {
  padding-top: 15px;
  padding-bottom: 20px;
}

.gift-card__wallet {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}

.gift-card__qr img {
  margin: 0 auto;
}

.gift-card__shop {
  margin-top: 15px;
  min-width: 300px;
}

@media screen and (max-width: 640px) {
  .gift-card__print {
    width: 100%;
  }

  .gift-card__qr img {
    max-width: 120px;
  }
}

@media screen and (min-width: 641px) {
  /* On gift card there is no search bar so we increase the header */
  .template-gift-card .header {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .gift-card__inner {
    display: flex;
    max-width: 920px;
    margin: 0 auto;
    padding: 70px 0 90px 0;
  }

  .gift-card__main {
    flex: 1 0 auto;
  }

  .gift-card__aside {
    flex: 0 0 255px;
    margin-top: 85px;
    margin-left: 30px;
  }

  .gift-card__image {
    width: 210px;
    height: 210px;
    top: -135px;
    margin-bottom: -80px;
  }

  .gift-card__amount {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 24px));
  }

  .gift-card__code-container {
    display: flex;
    justify-content: center;
    max-width: none;
  }

  .gift-card__code {
    margin-bottom: 0;
    margin-right: 15px;
    max-width: 250px;
  }

  .gift-card__print {
    flex-basis: 150px;
  }
}

@media print {
  .gift-card__aside {
    display: none;
  }
}
.footer {
  position: relative;
  padding: 10px 0 30px 0;
/*   border-top: 1px solid var(--border-color); */
  /* color: #fff; */
  color: #000;
  /* color: #000; */
/*   background: url(https://cdn.shopify.com/s/files/1/0576/6725/6494/files/footer_bg_800x_f0e2fdd0-f07e-4a8b-9e33-127ddf18dc97.jpg) no-repeat center; */
/*   background: #000; */
  /* background: #f6f6f6; */
  /* background: #1e1e1e; */
  background: #222;
  background-image: url(https://cdn.shopify.com/s/files/1/0576/6725/6494/files/wave1.svg);
  background-position: top;
  background-repeat: no-repeat;
}

.footer .container {
  max-width: 1350px;
}

@media screen and (max-width: 640px) {
  .footer .container {
  padding: 0 10px;
  }
}

.footer .logo {
    padding: 2rem 0rem;
    background: url(/cdn/shop/files/lucidor_footer.png) no-repeat 50%;
/*     top: -68px; */
/*     top: -30px; */
    top: -46px;
    position: relative;
/*     height: 90px; */
    height: 120px;
    display: block;
}

.footer .logo span {
    text-align: center;
    /* color: #00612e; */
    /* color: #fff; */
    color: #fff;
    width: 100%;
    position: absolute;
    /* top: 120px; */
    top: 106px;
    font-size: 13px;
}

.footer-top-line, .footer-bottom-line {
  /* border-bottom: 1px solid rgb(189, 189, 189); */
  border-bottom: 1px solid rgb(255, 255, 255);
}

.footer-top-line {
  margin-top: 5px;
  margin-bottom: 0;
}
.footer-bottom-line {
    margin-top: 15px;
    margin-bottom: 35px;
}

@media screen and (min-width: 641px) {
  .footer-top-line {
    margin-top: 0px;
    margin-bottom: 46px;
  }
  .footer-bottom-line {
    margin-top: 44px;
    margin-bottom: 0px;
  }
}

.footer .button--primary {
/*   background: var(--footer-background-color); */
  background-color: transparent;
/*   color : #fff; */
  color : #000;
/*   border: 1px solid var(--form-border-color); */
/*   border: 1px solid #fff; */
  border: 1px solid #000;
  text-transform: uppercase;
/*   letter-spacing: .16071429rem;
  font-weight: 700; */
  opacity: 1;
  letter-spacing: 0.06em;
  font-weight: 100;
  font-size: 13px;
  line-height: 42px;
  z-index: 1;
}

.footer a:hover {
/*   color: var(--footer-accent-color); */
/*   color : #4f98b0; */
  color : #fff;
  /* color : #000; */
}

.footer a:focus {
/*   color : #4f98b0; */
  color : #fff;
  /* color : #000; */
}

.footer__block-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.footer__title {
/*   border-bottom: 1px dashed grey; */
  padding-bottom: 10px;
  position: relative;
  display: block;
/*   font-size: 18px; */
/*   font-size: 14px; */
  /* font-size: 13px; */
  font-size: 14px;
  /* color : #fff; */
  color : #000;
  color : #fff;
  width: 100%;
/*   margin-bottom: 10px; */
  text-align: left;
  letter-spacing: 1px;
  font-family: var(--heading-font-family);
/*   font-weight: 700; */
  font-weight: 500;
  margin-bottom: 0;
}

.footer__title[disabled] {
  cursor: text;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.footer_info p {
    font-size: 9px;
    margin: 0;
    color: #acacac;
    line-height: 1.24em;
}

.footer_info a {
   color : #fff;
}

.footer__aside-item.footer__aside-item--copyright {
    max-width: 426px;
    display: block;
}
.footer__aside-item.footer__aside-item--copyright p {
    margin-bottom: 0;
    font-size: 9px;
  color: #fff;
}

.footer__newsletter-wrapper p {
/*    font-size: 12px;  */
  font-size: 13px;
  line-height: 18px;
  /* color: #7e7e7e; */
  color: #bdbdbd;
}

.footer .social-media__item svg {
  opacity: 1;
}

.footer .form__field {
  height: 40px;
/*   line-height: 40px; */
  line-height: 30px;
  font-size: 13px;
/*   letter-spacing: 5px; */
  letter-spacing: 0;
  border-radius: 50px;
  padding: 20px 10px 5px 20px;
}

.footer .button {
  height : 40px;
  line-height: 40px;
/*   font-size: 13px; */
  font-size: 11px;
/*   letter-spacing: .16071429rem; */
  border-radius: 50px;
  margin-top: 8px;
}

.footer .form__floating-label {
  height : 40px;
  line-height: 40px;
  font-size: 13px;
/*   letter-spacing: 5px; */
  letter-spacing: 0.04em;
}


.footer__linklist {
  margin-top: -8px;
  margin-bottom: -5px;
  line-height: 1.4;
}

.footer__link-item {
  display: block;
  padding: 5px 0;
  font-size: 12px;
/*   font-size: 11px; */
  font-weight: 400;
  letter-spacing: 0.5px;
/*   color: #fff; */
  /* color: #7e7e7e; */
  color: #bdbdbd;
}

.footer__newsletter-form {
/*   margin-top: 20px; */
  margin-top: 15px;
}

.footer__aside {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

.footer__aside-item {
/*   margin-top: 34px; */
  margin-top: 25px;
}

.footer__aside-item--localization,
.footer__aside-item--copyright {
/*   margin-top: 45px; */
  margin-top: 0;
}

.footer__aside-title {
  margin-bottom: 0.8em;
  font-size: 13px;
  line-height: 15px;
/*   font-weight: 700; */
  letter-spacing: 1px;
  font-family: var(--heading-font-family);
/*   font-weight: 700; */
  font-weight: 500;
  color: #fff;
}

.footer__localization-form {
  display: flex;
  color: var(--text-color);
}

.footer__localization-form .select-button {
  width: auto;
}

.footer__localization-form-item:not(:last-child) {
  margin-right: 10px;
}

/* .footer .button--primary {
  background-color: var(--footer-accent-color);
}

.footer .button--primary:hover {
  background-color: rgba(var(--footer-accent-color-rgb), 0.8);
} */

.footer .select-button {
  background: var(--footer-background-color);
  color: var(--footer-body-text-color);
  border-color: rgba(var(--footer-body-text-color-rgb), 0.5);
}

@media screen and (max-width: 640px) {
  .footer__block-item {
/*     margin-right: calc(-1 * var(--mobile-container-gutter));
    padding-right: var(--mobile-container-gutter); */
    /* border-bottom: 1px solid var(--border-color); */
    border-bottom: 1px solid #fff;
  }
  
  .footer__aside {
    margin-top: 30px;
  }

  .footer__block-item--newsletter {
    border-bottom: none;
    order: 1;
  }

  .footer__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
/*     padding: 19px 0; */
    padding: 15px 0;
    border-bottom: 0px solid white !important;
    letter-spacing: 1px;
  }

  .footer__collapsible {
    height: 0;
    overflow: hidden;
    transition: 0.3s ease-in-out;
  }

  .footer__collapsible-content {
    padding: 0 20px 25px 0;
  }

  .footer__block-item .rte {
    margin-top: -0.425em;
  }
}

@media screen and (min-width: 641px) {
  .footer {
    padding: 0;
    border-top: none;
  }
.footer__wrapper {
/*     padding: 50px 0;
    border-top: var(--footer-border); */
/*     padding: 40px 0 45px 0; */
    padding: 40px 0 25px 0;
/*     border-top: 1px solid var(--border-color); */
  }

  .footer__block-list {
    flex-direction: row;
/*     margin: -20px -35px; */
/*     margin: -20px auto; */
/*     margin: -20px 50px; */
    margin: 0;
/*     justify-content: center; */
    justify-content: space-between;
  }

  .footer__block-item {
    flex: 0 0 50%;
/*     padding: 20px 35px; */
/*     padding: 20px 30px; */
/*     padding: 0; */
    padding: 0 30px 0 0;
  }

  .footer__block-item--newsletter {
/*     max-width: 350px; */
    max-width: 400px;
  }

  .footer__block-item .plus-button {
    display: none;
  }

  .footer__localization-form {
    /* margin-bottom: 20px; */
    margin-bottom: 10px;
  }

  .footer__linklist {
    margin-top: -2px;
    margin-bottom: 0;
  }

  .footer__aside {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
/*     margin-top: 60px; */
    margin-top: 50px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }

  .footer__aside-item {
    margin-top: 0;
  }

  .footer__aside-item--localization,
  .footer__aside-item--copyright {
    width: 100%;
  }

  .footer__aside-item--copyright:not(:only-child) {
/*     margin-top: 34px; */
    margin-top: 0;
  }
}

@media screen and (min-width: 1000px) {
  .footer__block-item {
    flex: 1 0 auto;
  }

  .footer__block-item--text {
    flex-basis: 300px;
  }

  .footer__block-item--newsletter {
/*     flex-basis: 350px; */
    flex-basis: 250px;
  }

  .footer__block-item--links {
    max-width: 300px;
  }

  .footer__aside {
    align-items: flex-start;
    align-items: end;
  }

  .footer__aside-item--copyright {
    align-self: flex-end;
    margin-top: 0 !important;
    margin-bottom: -8px;
    text-align: left;
  }

  .footer__aside-item--localization,
  .footer__aside-item--copyright {
    width: auto;
  }

  .footer__aside-item--copyright:not(:only-child) {
    display: inline-block;
    position: relative;
    max-width: 700px;
  }
  .footer__aside-item.footer__aside-item--copyright p {
    display: inline-block;
  }
  .footer__aside-item .offer.side-menu {
    display: inline-block;
    margin-top: 5px;
  }
  .footer__aside-item .offer.side-menu .header-delivery-icons {
    margin: 0;
    line-height: 10px;
  }
  .footer__aside-item .offer.side-menu .header-delivery-icons li {
    float: left;
    margin: 0;
    /* margin-bottom: -1px; */
    margin-bottom: -3px;
  }
  .footer__aside-item .offer.side-menu .header-delivery-icons li:first-child:before {
    position: absolute;
    content: "";
    /* right: 0; */
    left: 1px;
    top: calc(50% - 7px);
    /* background: var(--header-border-color); */
    background: rgb(255 255 255 / 30%);
    /* height: 34px; */
    height: 14px;
    width: 1px;
  }
  .footer__aside-item .offer.side-menu .header-delivery-icons li:not(:first-child):after {
    display: none;
  }
  .footer__aside-item .offer.side-menu .header-delivery-icons li:last-child {
    padding-right: .25rem;
  }
  .footer__aside-item .offer.side-menu .header-delivery-icons li a {
    margin: 0 0 0 8px !important;
    color: #bdbdbd;
  }
  .footer__aside-item .offer.side-menu .header-delivery-icons li span {
    /* font-size: 12px; */
    font-size: 11px;
    line-height: 10px;
  }
  .footer__aside-item .offer.side-menu .header-delivery-icons li a:hover {
    color: #fff;
    text-shadow: none;
  }
  .footer__aside-item .offer.side-menu .header-delivery-icons li svg {
    display: inline-block;
    vertical-align: middle;
    /* margin-top: -2px; */
  }
}

/* This is a bit hacky, but it allows to have a clearfix when the search bar on mobile is expanded */
#shopify-section-header::after {
  content: "";
  display: table;
  clear: both;
}

/**
 * --------------------------------------------------------------------
 * HEADER
 * --------------------------------------------------------------------
 */

.down_sticky .nav-bar {
    display: none;
}

.down_sticky .header__desktop-nav { 
    display: block !important; 
}

.header--inline .header__desktop-nav {
    display: none;
}

.header {
  position: relative;
/*   padding: 13px 0; */
  padding: 5px 0;
  background: var(--header-background);
  color: var(--header-text-color);
  transition: margin-bottom 0.25s ease-in-out;
/*   border-bottom: 1px solid #e9ecef; */
}

.header.nav-up {
  transform: translateY(-60px);
}

/* #shopify-section-header {
  position: inherit;
}

.header--sticky {
  position: -webkit-sticky;
  position: sticky;
} */

.template-product #main {
  /* margin-bottom: 50px; */
  padding-bottom: 50px;
}

#main .shopify-section {
    margin: 0px;
    /* padding-bottom: 3rem; */
    /* padding-bottom: 1rem; */
    padding-bottom: 3rem;
/*     padding-top: 1.5rem; */
}

/* .template-index #main .shopify-section {
    padding-bottom: 3rem;
} */

.template-product #main .shopify-section {
    padding-bottom: 0;
}

.template-customers-register #main .shopify-section:first-child {
  padding: 0;
}

@media screen and (max-width: 640px) {
  #main .shopify-section {
    padding-bottom: 1.5rem;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1199px)  {
  .shopify-section__header .container {
    padding: 0 15px;
  }
}

.shopify-section__header .container {
/*   max-width: 1920px; */
/*   max-width: 1600px; */
/*   max-width: 1800px; */
  /* max-width: 1600px; */
  max-width: 1280px;
/*   opacity: 0.95; */
}

.header__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.header__inner--centered {
  justify-content: center;
}

.header__logo-link {
  display: block;
}

.header__logo {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  z-index: 0;
}

@media screen and (max-width: 640px) {
  .header__logo {
    vertical-align: middle;
    margin-bottom: 0;
    z-index: 0;
    position: absolute;
    /* left: 44%; */
    /* left: 40%; */
    /* left: 38%; */
    /* left: 37%; */
    /* left: 34.5%; */
    left: 37.5%;
  }
}

.header__logo-image {
  display: block;
  vertical-align: middle;
  max-height: 130px;
}

.header__mobile-nav {
  display: inline-block;
/*   margin-right: 20px; */
  margin-right: 10px;
  margin-left: 4px;
}

.header__desktop-nav {
  position: relative;
  margin-right: 22px;
  border: 1px solid #222;
  /* border-radius: 3px; */
  border-radius: 0;
}

/* .header__mobile-nav-toggle {
  top: -1px; /* Slight alignment for pixel perfect :D
} */

.header__desktop-nav-toggle {
  position: relative;
  height: 44px;
  padding: 0 15px;
  /* border: 1px solid var(--header-border-color); */
/*   border-radius: 3px; */
  /* border-radius: 2px; */
/*  font-weight: var(--text-font-bolder-weight); Safari 10 does not allow using flexbox on button... so we have to use an additional wrapper */
  text-shadow: .5px 0px 0px currentColor;
  overflow: hidden;
}

.header__desktop-nav-toggle span {
    position: relative;
    z-index: 2;
}
.header__desktop-nav-toggle:after {
    /* background: #d70010; */
    background: #222;
}
.header__desktop-nav-toggle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
    border-radius: 0;
}
.header__desktop-nav-toggle:hover:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.header__desktop-nav-toggle:hover span {
  color: #f6ce1e;
}

.header__desktop-nav-toggle > span {
  display: flex;
  align-items: center;
}

.header__desktop-nav-text {
  position: relative;
  top: 1px; /* Slight alignment for the pixel perfect */
}

.header__search-bar-wrapper {
  flex: 1 0 auto;
}

/* .search-bar__input-wrapper:before {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1px;
    border-radius: 6px;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='fh8cypk2ya' x1='5.138%25' x2='99.194%25' y1='50.219%25' y2='49.719%25'%3E%3Cstop offset='0%25' stop-color='%23FECC1F'/%3E%3Cstop offset='33.288%25' stop-color='%23FE3A6B'/%3E%3Cstop offset='55.717%25' stop-color='%23A33FFA'/%3E%3Cstop offset='77.639%25' stop-color='%233798FB'/%3E%3Cstop offset='100%25' stop-color='%2326D866'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23fh8cypk2ya)' x='0' y='0' width='1' height='1'/%3E%3C/svg%3E);
    background: -webkit-gradient(linear, left top, right top, color-stop(5%, #fecc1f), color-stop(36%, #fe3a6b), color-stop(58%, #a33ffa), color-stop(78%, #3798fb), color-stop(99%, #26d866));
    background: linear-gradient(to right, #fecc1f 5%, #fe3a6b 36%, #a33ffa 58%, #3798fb 78%, #26d866 99%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    background-size: 300%, 300%;
    background-size: contain\9;
    -webkit-animation: animatedgradient 5s ease alternate infinite;
    animation: animatedgradient 5s ease alternate infinite;
    content: "";
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
} */

.header .icon--account,
.header .icon--hamburger,
.header .icon--hamburger-mobile,
.header .icon--search,
.header .icon--cart,
.header .icon--close {
  display: block;
}

.header .icon--account {
  width: 26px;
  height: 27px;
/*   margin: 0 8px; */
  margin: 0 6px;
  margin-top: 1px;
}

.header .icon--hamburger {
  /* width: 20px;
  height: 14px; */
  width: 24px;
  height: 16px;
}

.header .icon--hamburger-mobile {
/*   width: 28px;
  height: 22px; */
  width: 30px;
  height: 23px;
  margin-top: 5px;
}

.header .icon--cart {
/*   width: 27px;
  height: 24px; */
/*   width: 32px;
  height: 28px; */
  width: 24px;
  height: 28px;
/*   margin-left: 5px; */
  margin-left: 0px;
}

.header .icon--search {
/*   width: 22px;
  height: 22px;
  margin: 0 auto; */
  width: 26px;
  height: 16px;
/*   margin: 0 5px; */
  margin: 0;
}

.header .icon--close {
  width: 19px;
  height: 19px;
}

@media screen and (max-width: 999px) {
  .desktop-close {
  fill: #000;
  }
}
/* .desktop-close {
  fill: #000;
} */

@media screen and (min-width: 1000px) {
  .desktop-close {
  fill: #fff;
  }
}

.store-availabilities-modal__header .desktop-close {
  fill: #000;
}

.collection__mobile-active-filter-cross .desktop-close {
  fill: #fff;
}

.atc_container .desktop-close {
  fill: #000;
}

.header__inner .desktop-close {
  fill: #222;
  /* fill: #000; */
}

.header__inner .search-bar__top .desktop-close {
  /* fill: #777; */
  fill: #555;
}

.header__inner .search-bar__top .desktop-close:hover {
  fill: #000;
}

@media screen and (max-width: 640px) {
  /* This trick allows to enforce a minimum height for header on mobile */
  .header {
    display: flex;
    align-items: center;
/*     min-height: 64px; */
    min-height: 50px;
    /* padding: 8px 0; */
  }
  /* #shopify-section-header1.down_sticky .header {
    padding: 2px 0;
  } */
  .header > .container {
    width: 100%;
    padding: 0 5px;
  }

  /* On mobile, if the search is expanded by default, we must add extra margin to the header element to prevent the search to
     overlap the rest of the content */
  .header--search-expanded {
/*     margin-bottom: 59px; */
    margin-bottom: 45px;
  }
  .header__action-item--account .icon--close,   
  .header__mobile-nav-toggle .icon-state__secondary .icon--close {
    width: 28px;
    height: 17px;
    margin-bottom: -3px;
    margin-top: 8px;
  }
  
  .header__cart-toggle .icon--close {
    width: 38px;
    height: 17px;
    margin-bottom: -3px;
    margin-top: 8px;
  }
  
  .header__action-item--account .icon-state__secondary {
    left: 6px !important;
  }
}

@media screen and (min-width: 641px) {
  .header {
/*     padding: 20px 0; */
/*     padding: 5px 0; */
    /* padding: 0; */
    /* padding: 15px 0; */
    padding: 12px 0;
  }

  .header__inner {
    flex-wrap: nowrap;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    position: relative;
  }

  .header__logo {
/*     margin-right: 35px; */
/*     margin-right: 25px; */
    /* margin-right: 0; */
    /* margin-right: 30px; */
    margin-right: 20px;
    position: relative;
  }
  .header .icon--close {
    width: 29px;
    height: 19px;
    margin-top: 10px;
    margin-bottom: -5px;
  }

  .header .search-bar__input-clear .icon--close {
    /* width: 16px;
    height: 16px; */
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
  .header__account-icon .icon-state__secondary {
    left: 7px !important;
    
  }
  .header__account-icon .icon--close {
    margin-bottom: -3px;
  }
}

@media screen and (min-width: 1000px) {
  .header {
    /* padding-bottom: 0; */
    padding-bottom: 12px !important;
  }
  
  .icon--hamburger {
/*     margin-right: 15px; */
    margin-right: 10px;
  }
}

@media screen and (min-width: 1280px) {
  .header__logo {
    /* margin-right: 40px; */
     margin-right: 25px;
/*     margin-right: 30px; */
    /* margin-right: 0; */
  }

  .header__desktop-nav {
/*     margin-right: 30px; */
    margin-right: 25px;
  }

  .header__desktop-nav-toggle {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  }
}

@include at('pocket') { 
  .header__desktop-nav {
    display: none !important; 
  }
  /* .brand-header1 .header__desktop-nav {
    display: none !important;
  } */
}

@media screen and (max-width: 999px) {
  .header--inline .header__desktop-nav {
    display: none !important;
  }
}

/**
 * --------------------------------------------------------------------
 * HEADER ACTION LIST
 * --------------------------------------------------------------------
 */

.header__action-list {
  display: flex;
  align-items: center;
  margin-left: auto;
  z-index: 0;
}

.container .header__action-list {
  display: flex;
  align-items: center;
  margin-left: auto;
  z-index: 0;
}

.header__action-item {
/*   padding: 0 9px; */
  padding: 0 5px;
}

.header__action-item.hidden-tablet-and-up {
  display: block;
  position: relative;
  z-index: 0;
  margin-bottom: -10px;
  padding: 0 2px;
}

.header__action-item:last-child {
/*   padding-right: 4px; /* Last item is the cart, and we use a small padding to accommodate the presence of the cart item count */
  padding-right: 0px;
  padding-left: 0px;
}

.header__action-item-link {
  display: block;
  /* font-weight: var(--text-font-bolder-weight); */
  text-shadow: .5px 0px 0px currentColor;
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

/* .header__action-item-link[aria-expanded=true] svg {
  transform: rotateZ(180deg);
} */

.header__action-item-link--small {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  font-weight: normal;
}

.header__action-item-title {
  display: block;
/*   margin-bottom: -6px; */
  margin-bottom: -2px;
  /* color: var(--header-light-text-color); */
  /* color: #fff; */
  /* color: #f6ce1e; */
  color: #0e2d26;
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  font-weight: normal;
/*   line-height: 12px; */
  line-height: 14px;
}

.header__action-item--currency,
.header__action-item--locale {
  margin-right: 25px;
  padding: 0 24px;
}

.header__currency-selector {
  font-weight: var(--text-font-bolder-weight);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
}

.header__action-item .icon--arrow-bottom {
/*   width: 12px;
  height: 8px;
  margin-left: 4px; */
/*   width: 14px;
  height: 10px; */
/*   width: 10px;
  height: 8px; */
  width: 7px;
  height: 8px;
  margin-bottom: 3px;
  margin-left: 0px;
}

.header__action-item .icon--lock-2 {
  width: 12px;
  height: 15px;
}

.header__action-item .icon--lock-2 + span {
  margin-left: 14px;
}

.header__cart-icon {
  margin-left: -2px;
}

.header__cart-count {
  display: inline-flex;
  position: absolute;
  /*right: -3px;*/
  right: 0px;
  top: 0px;
  align-items: center;
  justify-content: center;
  height: 16px;
  min-width: 16px;
  padding: 3px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
  /* font-weight: 700; */
  text-shadow: .5px 0px 0px currentColor;
  text-align: center;
  /* background: #000; */
  background: #0e2d26;
  color: #FFF;
  border-radius: 1.75em;
  transition: transform 0.35s ease-in-out;
  will-change: transform;
  transform: scale(1.01);
  /*z-index: 1;*/
}

@media screen and (min-width: 1280px) {
  .header__cart-count {
    /* right: -10px; */
    right: -8px;
  }
}

.header__action-item-link.header__cart-toggle:hover .header__cart-count {
  color: #f6ce1e;
  font-weight: 500;
}

/* .header__cart-toggle[aria-expanded=true] .header__cart-count,
.header__cart-toggle:hover .header__cart-count {
  transform: scale(1.2);
} */

@media screen and (max-width: 640px) {
  /* This code is not optimal but the cart icon has a specific positioning so we override it this way */
  .header__cart-icon .icon-state__secondary.icon-state__secondary {
/*     left: 8px; */
    left: -4px;
/*     left: -4px; */
  }

  .header__action-item .icon--lock-2 {
    display: block;
  }
  .header__action-list .hidden-tablet-and-up {
/*    margin-bottom: -10px; */
/*     margin-bottom: -8px; */
    margin-bottom: -10px;
  }

  /*
    IMPLEMENTATION NOTE:
    I am using a transition on margin-bottom instead of doing a simpler and more efficient transform. However the issue is that we are doing
    another transition on margin-bottom for the header. If I would apply a transform here, due to the fact the transform is hardware accelerated,
    they will move at a slightly different speed, which is not desirable. It's therefore either all HW-accelerated or not.
   */
  .header__search-bar-wrapper {
    /*visibility: hidden;*/
    position: absolute; /* We move it outside of the document for easier positioning for other elements */
    /*     padding: 0 20px 0 20px; */
    padding: 8px 20px;
    width: 100%;
    bottom: 0;
    right: 0;
    background: var(--header-background);
    z-index: -1; /* because the position is absolutely positioned it get a higher z-index, but we need to revert it to avoid any trouble */
    /*transition: visibility 0.25s ease-in-out, margin-bottom 0.25s ease-in-out;*/
    overflow: hidden;
  }

  .header__search-bar-wrapper.is-visible {
    visibility: visible;
/*     margin-bottom: -59px; */
    margin-bottom: -45px;
  }

  /* When the user focus it, it becomes a fixed element */
  .header__search-bar-wrapper.is-fixed {
    position: fixed;
    top: 0;
    /*left: 0;*/
    left: 0;
    height: 100vh;
    z-index: 10;
    /* top: 88px; */
    top: 86px;
  }
}

@media screen and (min-width: 641px) {
  .header__action-list {
    padding-left: 28px;
    display: -webkit-box !important;
    margin-left: 0 !important;
  }

  .header__action-item,
  .header__action-item-content {
    position: relative;
  }

  .header__action-item-content {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .header__action-item .icon--lock-2 {
    vertical-align: text-top;
  }
}

@media screen and (min-width: 1000px) {
  .header__action-list {
/*     padding-left: 5px; */
    padding-left: 0;
  }

  .header__action-item:not(:last-child)::after {
    position: absolute;
    content: "";
    right: 0;
    top: calc(50% - 17px);
    background: var(--header-border-color);
/*     height: 34px; */
    height: 30px;
    width: 1px;
  }

  .header__action-item--currency {
    margin-right: 20px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1279px) {
  .header__action-item:not(.header__action-item--currency):not(.header__action-item--locale)::after {
    display: none;
  }

  .header__action-item--currency + .header__action-item--locale {
    padding-left: 9px;
  }

  /* Not really beautiful but coulnd't find a better way */
  .header__action-item.hidden-tablet-and-up:first-child + .header__action-item {
    padding-left: 35px;
  }
  
  /* .header__action-item:first-child .header__action-item-link {
    margin-left: 12px;
  } */
  /* .header__action-item.header__action-item--cart {
    margin-bottom: 0px;
    margin-top: 5px;
  } */
}

@media screen and (min-width: 1280px) {
  .header__action-item {
/*     padding: 0 35px; */
    padding: 0 15px;
  }
  
  .header__action-item:first-child {
/*     padding-right: 0; */
    padding-right: 15px;
/*     padding-left: 15px; */
/*     padding-left: 0; */
    padding-left: 15px;
  }

  .header__action-item:last-child {
/*     padding-right: 0; */
    padding-right: 0;
/*     padding-left: 15px; */
    padding-left: 12px;
  }

  .header__action-item--currency,
  .header__action-item--locale {
    margin-right: 0;
  }

  .header__cart-icon {
    display: inline-block;
/*     margin-right: 22px; */
    margin-right: 15px;
/*     top: -1px; /* Slight adjustment for the pixel perfect muahah */
/*     top: 7px; */
/*     top: -1px; */
/*     top: -5px; */
    top: -1px;
  }
}

/**
 * --------------------------------------------------------------------
 * SEARCH
 * --------------------------------------------------------------------
 */

.search-bar {
  position: relative;
  min-width: 100%;
  padding-bottom: 15px;
  z-index: 1;
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

/* Top part */
.search-bar__top {
  position: relative;
  display: flex;
  /* height: 44px; */
  height: 40px;
  /* height: 30px; */
  align-items: center;
/*   border-radius: 3px; */
/*   background: var(--secondary-background); */
  background: transparent;
  color: var(--text-color);
  z-index: 1;
  box-shadow: none !important;
/*   border-bottom: 1px solid #000;
  border-radius: 50px; */
/*   margin-right: 10px; */
/*   margin-right: 15px; */
}

.search-bar__input-wrapper {
  position: relative;
  flex: 1 0 auto;
  height: 100%;
/*   min-width: 120px; */
/*   min-width: 140px; */
/*   min-width: 160px; */
  /* min-width: 260px; */
}

@media screen and (min-width: 1000px) and (max-width: 1280px) {
  .search-bar__input-wrapper {
  min-width: 180px;
  }
}

@media screen and (max-width: 640px) {
  .search-bar__input-wrapper {
    min-width: 100%;
  }
  .search-bar__input {
    font-size: 12px;
  }
}

.search-bar__input {
  height: 100%;
  width: 100%;
/*   padding: 0 15px 1px 15px; */
/*   border: none; */
  background: transparent;
  line-height: normal;
  color: var(--heading-color);
  -webkit-appearance: none;
/*  padding-left: 15px; */
  /* padding-left: 12px; */
  padding-left: 18px;
  font-size: 14px;
}

.search-bar__input::-moz-placeholder {
  color: var(--text-color);
  opacity: 1;
}

.search-bar__input:-ms-input-placeholder {
  color: var(--text-color);
  opacity: 1;
}

.search-bar__input::placeholder {
  /* color: var(--text-color); */
  color: #777;
  opacity: 1;
}

.search-bar__input::-ms-clear {
  display: none;
}

.search-bar__input:focus {
  outline: none;
}

.search-bar__input-clear {
  position: absolute;
/*   right: 15px;
  top: calc(50% - 9px); */
/*   right: 35px; */
  /* right: 42px; */
  /* right: 50px; */
  right: 52px;
  /* top: calc(50% - 8px); */
  top: calc(50% - 10px);
  /* top: calc(50% - 10px); */
  display: none;
  opacity: 0.5;
}

.search-bar__input-clear:hover {
  opacity: 1;
}

.search-bar__input-clear svg {
  display: block;
  width: 17px;
  height: 17px;
}

.search-bar__input.is-filled + .search-bar__input-clear {
  display: block;
}

.search-bar__filter {
  display: none;
  border-left: 1px solid var(--header-border-color);
}

.search-bar__filter-label {
  display: block;
  height: 44px;
  padding: 0 30px 0 25px;
  line-height: 43px; /* The -1px allows to account for rounding errors */
}

.search-bar__filter-label svg {
  margin-left: 11px;
  width: 12px;
  height: 8px;
}

.search-bar__submit {
/*   flex: none; */
/*   width: 50px; */
  width: 28px;
  height: 100%;
/*   color: var(--secondary-background); */
  color: #000;
/*   background: var(--header-accent-color); */
  background: transparent;
/*   border-radius: 0 3px 3px 0; */
}

.search-bar__submit svg {
  position: relative;
}

.search-bar__submit .icon--search {
/*   width: 21px;
  height: 21px; */
/*   width: 15px;
  height: 15px; */
  /* width: 14px;
  height: 14px; */
  width: 18px;
  height: 18px;
}

.search-bar__submit .icon--search-loader {
  display: none;
/*   width: 24px;
  height: 24px; */
  /* width: 18px;
  height: 18px; */
  width: 20px;
  height: 20px;
  margin: 0 auto;
}

/* Inner */
.search-bar__inner {
  position: absolute;
  visibility: hidden;
  right: -20px;
  top: calc(100% + 8px);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  color: var(--text-color);
  background: var(--secondary-background);
}

@supports (--css: variables) {
  .search-bar__inner {
    height: calc(100vh - var(--header-height) - 25px);
  }
}

.search-bar__inner-animation {
  height: 100%;
}

.search-bar__results,
.search-bar__menu-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: var(--secondary-background);
  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  /*transition: visibility 0.1s ease-in-out;*/
}

.search-bar__results[aria-hidden=false],
.search-bar__menu-wrapper[aria-hidden=false] {
  visibility: visible;
}

.search-bar.is-expanded .search-bar__inner-animation {
  visibility: visible;
}

.search-bar__empty-state {
  text-align: center;
  padding: 50px 0;
}

/* To reduce the complexity of JavaScript and use Liquid as much as possible, the live search will output both
   the result for products and/or pages and blogs. We therefore then hide possible duplicate status in CSS */
.search-bar__result-products ~ .search-bar__empty-state {
  display: none;
}

/* Quick links */

.search-bar__menu-title {
  margin-bottom: 4px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
}

.search-bar__menu-wrapper {
/*   padding: 18px 0 12px 0; */
  /* padding: 12px 0; */
  padding: 0 0 12px 0;
  height: 100%;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.search-bar__menu-title,
.search-bar__menu-link {
  padding-left: 20px;
  padding-right: 20px;
}

.search-bar__menu-link {
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
}

.search-bar__menu-link:hover, .search-bar__menu-link:focus {
  /* background: var(--accent-background);
  color: var(--accent-color); */
  outline: none;
}

/* Results */
.search-bar__results .skeleton-container {
  display: none;
}

.search-bar__results {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  height: 100%;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.search-bar__result-category {
  margin: 0;
  padding: 4px 20px;
  text-transform: uppercase;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  font-weight: var(--text-font-bolder-weight);
/*   background: var(--background);
  box-shadow: 0 1px var(--border-color), 0 -1px var(--border-color); */
  background: #eee;
/*   color: #fff; */
}

.search-bar__result-item {
  display: flex;
  align-items: center;
/*   padding: 15px 20px; */
  padding: 15px 5px;
  transition: background 0.2s ease-in-out;
}

.search-bar__result-item:not(.search-bar__result-item--skeleton):hover,
.search-bar__result-item:not(.search-bar__result-item--skeleton):focus {
  background: var(--accent-background);
  outline: none;
}

.search-bar__result-item--skeleton {
  max-width: 300px;
}

.search-bar__image-container {
  flex: none;
  width: 60px;
/*   margin-right: 20px; */
  margin-right: 5px;
}

.search-bar__image-container img {
  color: transparent; /* allows to remove the alt on Firefox during image loading */
}

.search-bar__item-info {
  flex: 1 0 0;
}

.search-bar__item-title {
  margin-bottom: 0;
  line-height: 1.4;
}

.search-bar__item-price {
  color: var(--accent-color);
}

.search-bar__result-link {
  display: block;
  padding: 5px 20px;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}

.search-bar__result-link:hover, .search-bar__result-link:focus {
  color: var(--accent-color);
  background: var(--accent-background);
  outline: none;
}

.search-bar__view-all {
  display: block;
  padding: 10px;
  width: 100%;
  text-align: center;
  font-weight: var(--text-font-bolder-weight);
  color: var(--accent-color);
  transition: background 0.2s ease-in-out;
}

.search-bar__view-all:hover,
.search-bar__view-all:focus {
  background: var(--accent-background);
  outline: none;
}

.search-bar__view-all svg {
  width: 6px;
  height: 10px;
  margin-left: 12px;
}

.search-bar__view-all path {
  stroke-width: 2.5px;
}

/* Loading state */
.search-bar.is-loading .search-bar__results-inner,
.search-bar.is-loading .search-bar__submit .icon--search {
  display: none;
}

.search-bar.is-loading .skeleton-container {
  display: block;
}

.search-bar.is-loading .search-bar__submit .icon--search-loader {
  display: block;
}

/* This is not really mobile-first for this specific part, but the mobile styles are way too specific so I prefer to have them here rather than having complex overwritings */
@media screen and (max-width: 640px) {
  .search-bar {
    /*opacity: 0;
    transition: opacity 0.2s ease-in-out;*/
  }

  .search-bar__inner {
    max-height: 0; /* This is needed to fix a bug on iOS, DO NOT REMOVE */
    height: calc(100vh - calc(44px - 18px)); /* 18px is padding around input element */
    top: 100%;
  }

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

  .search-bar__top {
    flex-grow: 1;
  }

  .search-bar__close-button {
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
    opacity: 0;
    transition: width 0.25s ease-in-out, opacity 0.25s ease-in-out;
  }

  .search-bar__close-text {
    padding-left: 22px;
  }

  .header__search-bar-wrapper.is-visible .search-bar {
    opacity: 1;
    /*transition-delay: 0.15s;*/
    padding-bottom: 0;
  }

  .header__search-bar-wrapper.is-fixed .search-bar {
    padding: 9px 0;
  }

  .header__search-bar-wrapper.is-fixed .search-bar__inner {
    max-height: none;
    visibility: visible;
  }

  .header__search-bar-wrapper.is-fixed .search-bar__inner-animation {
    /*transition: none;*/
  }

  .header__search-bar-wrapper.is-fixed .search-bar__close-button {
    height: auto;
    opacity: 1;
    white-space: nowrap;
    color: #000;
  }

  @supports (padding: max(0px)) {
    .search-bar__view-all {
      padding-bottom: max(10px, env(safe-area-inset-bottom, 0px) + 10px);
    }
  }
}

@media screen and (min-width: 641px) {
  .search-bar {
    margin-top: 0;
    padding-bottom: 0;
    min-width: 0;
  }

  .search-bar__inner {
    /* width: calc(100% - 40px); we do a little trick here to being able to use overflow hidden while still displaying box-shadow */
/*     width: calc(100% + 100px); */
    /* width: calc(100% + 150px); */
    width: calc(100% + 10px);
    top: calc(100% + 2px);
    left: -5px;
  }

  @supports (--css: variables) {
    .search-bar__inner {
      height: calc(100vh - var(--header-height) - 40px);
    }
  }

  .search-bar__submit .icon--search {
/*     top: 1px; Fix a small inconsistency in alignment I can't understand (seems to be due to half-pixel issue) */
/*     right: 15px; */
    /* top: -4px;
    right: 7px; */
    /* top: 0px;
    right: 8px; */
    right: 5px;
    top: -1px;
  }
  .search-bar__submit .icon--search-loader {
/*     right: 15px; */
    /* top: -6px;
    right: 8px; */
    /* top: 0px;
    right: 8px; */
    right: 5px;
    top: -1px;
  }
  .search-bar__result-category {
    padding-left: 15px;
  }

  .search-bar__results {
    max-height: 310px;
    height: auto;
  }

  @supports (--css: variables) {
    .search-bar__results {
      max-height: calc(100vh - var(--header-height) - 40px);
    }
  }

  .search-bar__menu-wrapper {
    max-height: 310px;
    height: auto;
  }

  .search-bar__results,
  .search-bar__menu-wrapper {
    left: 5px;
    width: calc(100% - 10px);
    /* border-radius: 0 0 3px 3px; */
    /* border-radius: 8px; */
    border-radius: 0;
  }

  .search-bar__menu-title,
  .search-bar__menu-link {
    padding-left: 25px;
    padding-right: 25px;
  }

  /* Expanded state */
/*   .search-bar.is-expanded .search-bar__top {
    border-bottom-left-radius: 0;
  } */
}

@media screen and (max-width: 640px) {
  .search-bar__submit .icon--search {
    /* top: -4px;
    right: 7px; */
    top: 0px;
    right: 7px;
  }
  .search-bar__input-clear {
    top: calc(50% - 10px);
  }
  .search-bar__submit .icon--search-loader {
    top: -2px;
    right: 7px;
  }
}

@media screen and (min-width: 1000px) {
  .search-bar__submit .icon--search {
/*     right: 15px; */
/*     right: -4px; */
/*     right: 2px;
    top: 0px; */
    /* right: 7px;
    top: -4px; */
    /* top: 0px;
    right: 8px; */
    right: 5px;
    top: -1px;
  }
  .search-bar__submit .icon--search-loader {
/*     right: 15px; */
/*     right: -4px; */
/*     right: 8px; */
    /* right: 8px;
    top: -6px; */
    /* top: 0px;
    right: 8px; */
    right: 5px;
    top: -1px;
  }
}

@media screen and (min-width: 1280px) {
  .search-bar__filter {
    position: relative;
    display: block;
    height: 100%;
  }

  .search-bar__filter select {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-appearance: none;
  }
}
.map {
  padding: 0 20px;
  background: var(--secondary-background);
  border-radius: 0;
  border: 1px solid var(--border-color);
}

.map__store-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}

.map__store-name {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}

.map__store-name svg {
  width: 12px;
  height: 8px;
}

.map__icon-container {
  transform: rotateZ(0deg);
  transition: transform 0.2s ease-in-out;
}

.map__store-name[aria-expanded=true] .map__icon-container {
  transform: rotateZ(180deg);
}

.map__store-collapsible {
  display: block;
  height: 0;
  overflow: hidden;
  transition: height 0.25s ease-in-out;
}

.map__store-inner {
  margin-top: -0.425em;
}

.map__store-address {
  margin-bottom: 15px;
}
.map__store-address > p {
  margin-bottom: 0 !important;
}

.map__store-hours {
  margin-bottom: 22px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.map__direction-link,
.map__map-container {
  margin-bottom: 30px;
}

.map__map-container {
  position: relative;
  height: 160px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.map__gmap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 641px) {
  .map__map-container {
    height: 300px;
  }
}

@media screen and (min-width: 1000px) {
  .map {
    display: flex;
    height: 405px;
    padding: 0;
  }

  .map__store-list {
    width: 50%;
    max-width: 580px;
    border-right: 1px solid var(--border-color);
  }

  .map__map-container {
    height: 100%;
    flex: 1 0 auto;
    margin: 0;
  }

  .map__store-list {
    padding: 0 40px 0 30px;
    overflow: auto;
  }

  .map__store-name {
    padding: 20px 0;
  }

  .map__store-address {
    margin-bottom: 22px;
  }
}
/**
 * --------------------------------------------------------------------
 * MEDIA API
 *
 * All those colors have been defined by Shopify and standardized by them
 * --------------------------------------------------------------------
 */
.plyr.plyr--full-ui.plyr--video {
  color: var(--text-color);
  background-color: transparent;
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
}
.plyr.plyr--full-ui.plyr--video .plyr__video-wrapper {
  background-color: transparent;
}
.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper,
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video .plyr__controls {
  background-color: var(--secondary-background);
  border-color: rgba(var(--text-color-rgb), 0.05);
}
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid {
  background-color: var(--secondary-background);
  border-color: rgba(var(--text-color-rgb), 0.05);
}
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus, .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover {
  color: rgba(var(--text-color-rgb) 0.55);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-thumb {
  box-shadow: 2px 0 0 0 var(--secondary-background);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-thumb {
  box-shadow: 2px 0 0 0 var(--secondary-background);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-thumb {
  box-shadow: 2px 0 0 0 var(--secondary-background);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, currentColor 0, rgba(var(--text-color-rgb) 0.6)) 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(var(--text-color-rgb) 0.6)) var(--value, 0));
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-track {
  background-color: rgba(var(--text-color-rgb) 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-fill-upper {
  background-color: rgba(var(--text-color-rgb) 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(var(--text-color-rgb) 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(var(--text-color-rgb) 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(var(--text-color-rgb) 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 0 0 3px rgba(var(--text-color-rgb) 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(var(--text-color-rgb) 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(var(--text-color-rgb) 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip {
  background-color: var(--text-color);
  color: var(--secondary-background);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before {
  border-top-color: var(--text-color);
}
.plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer {
  background-image: linear-gradient(-45deg, rgba(var(--text-color-rgb) 0.6) 25%, transparent 25%, transparent 50%, rgba(var(--text-color-rgb) 0.6) 50%, rgba(var(--text-color-rgb) 0.6) 75%, transparent 75%, transparent);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range] {
  color: var(--secondary-background);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-thumb {
  box-shadow: 2px 0 0 0 var(--text-color);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-thumb {
  box-shadow: 2px 0 0 0 var(--text-color);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-thumb {
  box-shadow: 2px 0 0 0 var(--text-color);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, currentColor 0, rgba(var(--secondary-background-rgb), 0.6) 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(var(--secondary-background-rgb), 0.6) var(--value, 0));
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-track, .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-fill-upper {
  background-color: rgba(var(--secondary-background-rgb), 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(var(--secondary-background-rgb), 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(var(--secondary-background-rgb), 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(var(--secondary-background-rgb), 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 0 0 3px rgba(var(--secondary-background-rgb), 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(var(--secondary-background-rgb), 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(var(--secondary-background-rgb), 0.25);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  background: var(--secondary-background);
  border-color: rgba(var(--text-color-rgb) 0.05);
}
.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: var(--text-color);
}
.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: rgba(var(--text-color-rgb) 0.55);
}
.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
  color: rgba(var(--text-color-rgb) 0.55);
  background: rgba(var(--text-color-rgb) 0.05);
}
.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
  border-color: rgba(var(--text-color-rgb) 0.05);
}
.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  background: var(--secondary-background);
  border-color: rgba(var(--text-color-rgb) 0.05);
}
.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
  color: rgba(var(--text-color-rgb) 0.55);
}

/**
 * --------------------------------------------------------------------
 * VIDEO WRAPPER
 * --------------------------------------------------------------------
 */

.video-wrapper {
  position: relative;
  cursor: pointer;
}
.video-wrapper::after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
  /* 16:9 */
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-wrapper iframe:not([src]) {
  pointer-events: none;
}

/* For native one we use a different thing */
.video-wrapper--native::after {
  display: none;
}
.video-wrapper--native .plyr,
.video-wrapper--native video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.video-wrapper--native .plyr__video-wrapper,
.video-wrapper--native video {
  height: 100%;
}

.video-wrapper__image-wrapper {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.video-wrapper__image-wrapper,
.video-wrapper__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-wrapper__image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center";
  /* IE 11 polyfill */
}

.icon--play {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));
}

.video-wrapper .icon--play {
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  height: 80px;
  width: 80px;
  opacity: 1;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

@media screen and (any-hover: hover) {
  .video-wrapper:hover .icon--play {
    transform: scale(1.15);
  }
}

/**
 * --------------------------------------------------------------------
 * VIDEO ITEM (used for standalone section)
 * --------------------------------------------------------------------
 */

.video-item {
  max-width: 855px;
  margin: 20px auto;
  display: none;
}

.video-item--stretch {
  max-width: none;
}

.video-item[aria-hidden=true] {
  display: none;
}

.video-item .video-wrapper iframe {
  visibility: hidden;
  height: 0;
  width: 0; /* setting dimensions to zero allows to fix a bug in Safari iOS on which the iframe will capture all the clicks */
}

.video-item.is-playing .video-wrapper__image-wrapper {
  visibility: hidden;
  opacity: 0;
}

.video-item.is-playing iframe {
  visibility: visible;
  height: 100%;
  width: 100%;
}

/**
 * --------------------------------------------------------------------
 * 3D MODEL WRAPPER
 * --------------------------------------------------------------------
 */
.model-wrapper {
  position: relative;
  padding-bottom: 100%;
}

.model-wrapper .shopify-model-viewer-ui,
.model-wrapper model-viewer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mosaic {
/*   margin: 0 -10px -20px -10px; */
  margin: 0 -10px;
/*   margin-bottom: 30px !important; */
}

.mosaic__item {
/*   padding: 0 10px 20px 10px; */
  padding: 20px 10px;
  transition: transform 0.3s;
}

.mosaic__item > :first-child {
  min-height: 240px;
}

.mosaic--large .mosaic__item > :first-child {
  min-height: 280px;
}
.left-mosaic {
/*     background: #1e1e1e; */
    padding: 10px;
  background: #000;
  background-image: url(https://cwsmgmt.corsair.com/landing/home/images/shards_filled.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.two-mosaic .mosaic__item {
  padding-top: 30px;
  min-height: unset !important;
  min-height: 660px;
}

.two-mosaic .mosaic--large .mosaic__item > :first-child {
/*    min-height: 560px; */
  min-height: 650px;
}

.two-mosaic .container{
  background: #000;
/*   padding: 0px; */
  width: 100%;
  max-width: 100%;
/*   max-width: 1480px; */
  padding: 0 var(--desktop-container-gutter);
}

.two-mosaic .mosaic {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
}

.two-mosaic .mosaic__column {
  background: #000;
}

@media screen and (max-width: 999px) {
  /* On mobile we increase the height of some elements (so that elements that appear bigger on desktop also appear bigger on mobile */
  .mosaic--two-columns .mosaic__column:first-child .mosaic__item > :first-child,
  .mosaic--three-columns .mosaic__column:nth-child(2) .mosaic__item > :first-child {
    min-height: 340px;
  }
}

.mosaic--three-columns .mosaic__column:nth-child(2) .promo-block__heading, .mosaic--three-columns .mosaic__column:nth-child(3) .promo-block__heading {
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 2px;
}

.mosaic--three-columns .mosaic__column:nth-child(2) .promo-block__content, .mosaic--three-columns .mosaic__column:nth-child(3) .promo-block__content {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 8px;
}

.mosaic--three-columns .mosaic__column:nth-child(2) .button--floating, .mosaic--three-columns .mosaic__column:nth-child(3) .button--floating {
  font-size: 11px;
  line-height: 30px;
  padding: 0 18px;
}

.mosaic--three-columns .mosaic__column:nth-child(2) .button_event, .mosaic--three-columns .mosaic__column:nth-child(3) .button_event {
  text-align: center;
}

@media screen and (min-width: 641px) {
  .mosaic {
/*     margin: 0 -15px -30px -15px; */
    margin: 0 -15px;
  }

  .mosaic__item {
/*     padding: 0 15px 30px 15px; */
    padding: 30px 15px;
  }
}

@media screen and (min-width: 1000px) {
  .mosaic {
    display: flex;
  }

  .mosaic__column {
    display: flex;
    flex-direction: column;
    flex: 1 0 0%;
  }

  .mosaic__item {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
  }

  .mosaic__item > :first-child {
    flex: 1 0 auto;
    height: 100%;
    min-height: 260px;
  }

  .mosaic--small .mosaic__item > :first-child {
    min-height: 225px;
  }

  .mosaic--large .mosaic__item > :first-child {
    min-height: 300px;
  }

  /* In this configuration the first column is larger */
  .mosaic--two-columns .mosaic__column:first-child {
/*     flex-grow: 1.38; */
    flex-grow: 1;
  }

  /* In this configuration the second column is twice as large as others */
  .mosaic--three-columns .mosaic__column:nth-child(2) {
    flex-grow: 1.38;
  }
  
  .left-mosaic  .mosaic--three-columns .mosaic__column:nth-child(1) {
    flex-grow: 1.5;
  }
  
  .left-mosaic  .mosaic--three-columns .mosaic__column:nth-child(2) {
    flex-grow: 1;
  }
  
}
/**
 * --------------------------------------------------------------------
 * DROPDOWN MENU
 * --------------------------------------------------------------------
 */

.nav-dropdown {
  position: absolute;
  top: 100%;
  /* padding: 16px 0; */
  padding: 12px 0;
  list-style: none;
  background: var(--secondary-background);
  color: var(--text-color);
  border-radius: 0;
  border: 1px solid var(--border-color);
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  border-top: 1px solid #f5f5f5;
  box-shadow: 0 6px 10px rgba(0, 0, 0, .078);
}

.nav-dropdown:not(.nav-dropdown--floating) {
  left: -15px;
}

.nav-dropdown--floating {
/*   margin-top: 7px; */
  margin-top: 1px;
  border: none;
/*   border-radius: 3px; */
  border-radius: 0;
}

.nav-dropdown--floating::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.1), 5px 0 5px -2px rgba(0, 0, 0, 0.1), 0 -5px 5px -2px rgba(0, 0, 0, 0.1);
  z-index: -1;
}

.nav-dropdown--glued:not(.nav-dropdown--inverse) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.nav-dropdown--glued.nav-dropdown--inverse {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

@media screen and (min-width: 1000px) {
  .nav-dropdown--glued:not(.nav-dropdown--inverse) {
  /* border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important; */
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  }
  /* .nav-dropdown--glued.nav-dropdown--inverse {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  } */
}

.nav-dropdown--fixed {
  min-height: 420px;
}

.nav-dropdown--restrict {
  max-height: calc(100vh - 0px - 0px - 40px);
  max-height: calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 40px);
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

/* We have a way to set a max height for browsers supporting CSS variables */
@supports (--css: variables) {
  .nav-bar .nav-dropdown .nav-dropdown {
    max-height: calc(100vh - 0px - 40px);
    max-height: calc(100vh - var(--distance-to-top, 0px) - 40px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
}

.nav-dropdown[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
}

.nav-dropdown .icon--nav-triangle-borderless {
  position: absolute;
  bottom: 100%;
  left: 16px;
  width: 20px;
  height: 9px;
  z-index: 1;
}

.nav-dropdown .icon--nav-triangle-left {
  position: absolute;
  top: 23px;
  right: 100%;
  height: 20px;
  width: 9px;
  z-index: 1;
}

.nav-dropdown__item:not(.has-mega-menu) {
  position: relative;
}

.nav-dropdown__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 60px 2px 20px;
  cursor: pointer;
}

.nav-dropdown__link svg {
  position: relative;
  width: 8px;
  height: 12px;
  top: 1px;
  margin: 0 -40px 0 65px;
}

.nav-dropdown__link[aria-expanded=true] {
  color: var(--accent-color);
}

/* Handle sub-levels */
.nav-dropdown .nav-dropdown {
  left: 100%;
  /*top: -17px; 16px + 1px of border */
  top: -13px;
  margin-top: 0;
  min-width: 0;
  border-radius: 0;
}

.nav-dropdown--inverse .nav-dropdown {
  right: 100%;
  left: auto;
  border-radius: 0;
}

.nav-dropdown--inverse .nav-dropdown .icon--nav-triangle-left {
  right: auto;
  left: 100%;
  transform: rotateZ(180deg);
}

.nav-dropdown .nav-dropdown--floating {
  top: -16px; /* floating dropdown do not have border so there is one less pixel */
  border-left: 1px solid var(--border-color);
}

/**
 * --------------------------------------------------------------------
 * MEGA MENU
 * --------------------------------------------------------------------
 */

.mega-menu {
  position: absolute;
  width: 100vw;
  left: 0;
  top: 100%;
/*   top: 103%; */
/*   background: var(--secondary-background); */
/*   background-color: rgba(255,255,255,0.95); */
/*   background-color: rgba(255,255,255,1); */
/*   background-color: rgba(255,255,255,0.95); */
  background: rgba(255,255,255,0.90) !important;
/*   backdrop-filter: saturate(180%) blur(25px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(25px) !important; */
/*   border-radius: 0 0 3px 3px; */
  border-radius: 0;
/*   border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color); */
  visibility: hidden;
  opacity: 0;
/*   transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; */
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.mega-menu:before  {
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.mega-menu--floating {
  max-width: 0;
}

.mega-menu[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
}

.mega-menu .add-category {
    display: inline-block;
    vertical-align: top;
/*     width: 195px; */
  width: 110px;
  z-index: 0;
}

.mega-menu .add-category li {
    list-style: none;
}

.mega-menu .add-category li a {
/*    display: block; */
    display: flex;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    color: #000;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mega-menu .add-category li a:hover {
/*   text-decoration: underline; */
  /*text-shadow: .5px 0px 0px currentColor;*/
}
.mega-menu .add-category .main_menu_level_1.active {
  text-shadow: .5px 0px 0px currentColor;
}

.mega-menu__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  /* padding: 25px 0 0 0; */
  padding: 20px 0 0 0;
  max-height: 100%;
  min-height: 100%;
  overflow: auto;
}

.mega-menu__inner--center {
  justify-content: center;
}

.mega-menu__promo {
  display: block;
  flex: 0 1 230px;
  width: 230px;
  min-width: 200px;
/*   margin: 0 0 30px 50px; */
/*   margin: 0 0 30px 25px; */
  margin: 0 0 15px 10px;
  white-space: normal;
  text-align: center;
  z-index: 0;
}

.mega-menu__promo + .mega-menu__promo {
  margin-left: 20px;
}

.mega-menu__column-list {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  margin: 0 -40px;
  min-width: 0;
}
.brands-mega-menu .mega-menu__column {
	width: 10%;
	flex: none;
	border-right: none !important;
}
.brands-mega-menu .mega-menu__column.brand-alpha-container {
	width: 25%;
	max-width: 250px;
}
@supports (display: grid) {
  .mega-menu__column-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  }
}

.mega-menu__column {
  display: block;
  flex: 0 1 auto;
/*   margin: 0 30px 30px 30px; */
  margin: 0 12px 30px 12px;
  z-index: 0;
  text-align: left;
}

.mega-menu:not(.mega-menu--floating) .mega-menu__column:first-child {
  margin-left: 0 !important;
}
.mega-menu:not(.mega-menu--floating) .mega-menu__column:last-child {
  margin-right: 0 !important;
}

.mega-menu__title {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}

.mega-menu__title:hover {
  text-shadow: .5px 0px 0px currentColor;
}

.mega-menu__linklist {
  list-style: none;
}

.mega-menu__link {
  display: block;
/*   padding: 5px 0 6px 0; */
  padding: 4px 0 5px 0;
/*   line-height: 1.4; */
  font-weight: 100;
/*   font-size: 14px;
  line-height: 18px; */
  font-size: 12px;
  line-height: 16px;
  color: #000;
}

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

.mega-menu__image-wrapper {
  margin: 5px 0 22px 0;
  border-radius: 0;
  overflow: hidden;
}

.mega-menu__promo .aspect-ratio {
  transform: scale(1.01); /* This is necessary to fix an issue with rounding pixels on Chrome */
  transition: transform 0.6s ease-in-out;
}

.features--animate-zoom .mega-menu__promo:hover .aspect-ratio {
  transform: scale(1.06);
}

.mega-menu__promo:hover .mega-menu__image-heading {
  color: var(--accent-color);
}

.mega-menu__image-heading {
  display: block;
  margin-bottom: 7px;
  transition: color 0.2s ease-in-out;
  font-size: 15px;
}

.mega-menu__image-text {
  position: relative;
  overflow: hidden;
/*   line-height: 1.5; */
  color: #000;
  background-color: transparent;
/*   font-size: 13px;
  line-height: 12px; */
  font-size: 10px;
/*   line-height: 10px; */
  line-height: 26px;
  border: 1px solid #000;
  max-width: 100px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
/*   padding: 8px 6px; */
  padding: 0 6px;
  border-radius: 50px;
  z-index: 1;
/*   transition: color .25s ease; */
/*   transition: opacity 1.1s cubic-bezier(.32, .24, .15, 1) .55s;
  transition: opacity 1.1s var(--cubic) .55s; */
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  opacity: 1;
}

.mega-menu__image-text:hover {
/*   color: #fff;
  background: #000; */
  background-color: transparent;
  color: #fff;
  border: 1px solid #000;
}

.mega-menu__image-text:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% + 4px);
    height: 0;
    top: 50%;
    left: 50%;
    background: #000;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: height .5s cubic-bezier(.32, .24, .15, 1);
    transition: height 0.5s;
}

.mega-menu__image-text:hover:before {
    opacity: 1;
    height: 26px;
    border-radius: 50px;
/*   -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%); */
/*     height: var(--height-button); */
/*     -webkit-transform: translateX(100%) translateY(-50%);;
    transform: translateX(-50%) translateY(-50%);; */
}

/* When inside a nav-bar (inline navigation) we have to restrict the height, so that in case it contains way too many links
   it can become scrollable. The 40px is just a way to give a bit more space below */
.nav-bar .mega-menu {
  max-height: calc(100vh - 0px - 0px - 40px);
  max-height: calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 40px);
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.nav-bar .mega-menu .container {
  padding: 0 25px;
}

@media screen and (min-width: 1000px) {
  .nav-bar .mega-menu {
/*     left: -140px; */
/*     left: -315px; */
    /* left: -50px; */
    left: 0px;
/*     max-width: 1200px; */
    /* max-width: 1000px; */
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #f5f5f5;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .078);
  }
}

@media screen and (min-width: 1280px) {
  .nav-bar .mega-menu {
    /* max-width: 1200px; */
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .mega-menu .add-category {
    display: inline-block;
    vertical-align: top;
/*     width: 195px; */
  width: 125px;
}
  
  .mega-menu__column {
/*     margin-left: 40px;
    margin-right: 40px; */
/*     margin-left: 30px;
    margin-right: 30px; */
/*     margin-left: 20px;
    margin-right: 20px; */
    margin-left: 15px;
    margin-right: 15px;
  }

  .mega-menu__inner--large .mega-menu__column {
/*     margin-left: 50px;
    margin-right: 50px; */
/*     margin-left: 30px;
    margin-right: 30px; */
    margin-left: 25px;
    margin-right: 25px;
  }

  .mega-menu__promo {
/*     flex-basis: 290px;
    width: 290px; */
    flex-basis: 230px;
    width: 230px;
  }
}

@media screen and (min-width: 1440px) {

  .nav-bar .mega-menu {
    /* max-width: 1400px; */
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .mega-menu .add-category {
    display: inline-block;
    vertical-align: top;
/*     width: 195px; */
  width: 140px;
}
  
  .mega-menu__inner--center .mega-menu__column {
    margin-left: 45px;
    margin-right: 45px;
  }

  .mega-menu__inner--large .mega-menu__column {
/*     margin-left: 60px;
    margin-right: 60px; */
    margin-left: 30px;
    margin-right: 30px;
  }

  .mega-menu__promo {
    min-width: 240px;
  }
}

/* Floating mega-menu variation */
.mega-menu--floating {
  width: 100vw;
  height: 100%;
  left: 100%;
  top: 0;
  border: none;
  border-radius: 0;
  border-left: 1px solid var(--border-color);
}

.mega-menu--floating::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.1), 5px 0 5px -2px rgba(0, 0, 0, 0.1), 0 -5px 5px -2px rgba(0, 0, 0, 0.1);
  z-index: -1;
}

.mega-menu--floating .mega-menu__inner {
  margin: 0;
  padding-right: 30px;
  padding-left: 25px;
  /*max-width: 0;*/
  /* We do that to prevent overflow as the real size is dynamically calculated based on available space */
}
.mega-menu--floating .mega-menu__title {
  margin-bottom: 5px;
}

.mega-menu--floating .mega-menu__column {
  display: block;
  flex: 0 0 170px;
  margin-right: 30px;
  margin-left: 30px;
  white-space: normal;
}

.mega-menu--floating .mega-menu__column-list {
  margin: 0 -30px;
}

/**
 * --------------------------------------------------------------------
 * NAV BAR (this one is the inline navigation used on desktop)
 * --------------------------------------------------------------------
 */

.nav-bar {
  display: none;
}

/* .nav-bar__item:nth-child(1), .nav-bar__item:nth-child(2), .nav-bar__item:nth-child(3) {
  font-weight: bold;
} */

/* .nav-bar__item:last-child {
  color: yellow;
}

.nav-bar__item:last-child .nav-bar__link:hover {
  color: yellow;
} */

@media screen and (min-width: 1000px) {
  .nav-bar {
    display: block;
    /* display: flex; */
/*     justify-content: center; */
    /* justify-content: left; */
/*     align-self: center; */
    /* position: relative; */
    position: inherit;
    left: 0;
    width: 100%;
/*     border-bottom: 1px solid var(--border-color); */
/*     background: var(--secondary-background); */
/*     background: #000; */
    /* border-bottom: 1px solid white; */
    /* background: #fff; */
    /* background: rgba(84, 80, 80, 40%); */
    background: rgba(255, 255, 255, 40%);
    /* background: transparent; */
  }

/*   .nav-bar::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 40px;
    right: 0;
    top: 0;
    background: linear-gradient(to right, rgba(var(--secondary-background-rgb), 0.1), rgba(var(--secondary-background-rgb), 0.6) 35%, var(--secondary-background));
  } */

  .nav-bar__item {
    position: relative;
    display: inline-block;
/*     margin-right: 35px; */
/*     margin-right: 20px; */
/*     margin-right: 15px; */
/*     margin-right: 20px; */
/*     padding: 17px 0; */
/*     padding: 12px 0; */
/*     padding: 12px 18px; */
/*     padding: 12px 14px; */
    /* padding: 12px 24px; */
/*    padding: 12px 14px; */
    /* padding: 20px 10px; */
    /* padding: 15px 0; */
    padding: 12px 0;
    font-size: 15px;
    /* margin-right: 35px; */
    margin-right: 22px;
/*     font-weight: bold; */
/*     border-bottom: 2px solid transparent; */
  }
  #shopify-section-header1.down_sticky .nav-bar__item {
    /* padding: 12px 10px; */
    /* padding: 15px 0; */
    padding: 12px 0;
    transition-delay: 0.5s;
    transition-property: padding;
  }
/*   .nav-bar__item:before {
    content: '';
    height: 16px;
    left: 0;
    border-right: 1px solid #C8D4DB;
    position: absolute;
  } */

  .nav-bar .nav-bar__item:first-child .nav-bar__link.link span, .nav-bar .nav-bar__item:first-child .nav-bar__link.link svg {
    display: none;
  }

  #shopify-section-header1 .nav-bar__item:first-child .nav-bar__link.link {
    position: relative;
/*     padding-left: 40px; */
/*     padding-left: 36px; */
    /* padding-left: 28px; */
    padding-left: 20px;
    display: none;
  }

  #shopify-section-header1 .nav-bar__item:first-child .nav-bar__link:before {
    content: "";
    position: absolute;
    /* top: 7px; */
    top: -2px;
    left: 0;
    width: 24px;
    height: 10px;
    border-top: 3px solid #161616;
    border-bottom: 3px solid #161616;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #shopify-section-header1 .nav-bar__item:first-child .nav-bar__link:after {
    content: "";
    position: absolute;
    /*top: 12px;*/
    top: 5px;
    left: 0;
    width: 24px;
    height: 10px;
    /*border-top: 3px solid #161616;*/
    border-bottom: 3px solid #161616;
  }

  /* #shopify-section-header1 .nav-bar__item:nth-child(4) .nav-bar__link {
    color: #578afd;
  }

  #shopify-section-header1 .nav-bar__item:nth-child(5) .nav-bar__link {
    color: #ff5252;
  } */
  
  .nav-bar__item:after {
/*     display      : block; */
    display: none;
    content      : '';
    border-bottom: solid 2px #fff;
    transform    : scaleX(0);
    transition   : transform 350ms ease-in-out;
  }

  .nav-bar__item:hover:after {
    transform: scaleX(1);
  }
  
/*   .nav-bar__item:hover {  
    background: #fff;
    color: #000;
  }
  .nav-bar__item:active {  
    background: #fff;
    color: #000;
  } */

  .nav-bar__item--static {
    position: static;
  }

  .nav-bar__item > .nav-dropdown {
    min-width: calc(100% + 20px);
  }

  .nav-bar__link {
    display: block;
    cursor: pointer;
  }
  .nav-bar__link:hover {
/*     color: rgba(193,193,208,var(--tw-text-opacity)); */
    text-shadow: .5px 0px 0px currentColor;
  }

  .nav-bar__link .icon--arrow-bottom {
/*     width: 12px; */
/*     width: 10px;
    height: 8px; */
/*     width: 7px;
    height: 8px; */
    width: 8px;
    height: 11px;
/*     margin-left: 10px; */
/*     margin-left: 3px; */
    margin-left: 8px;
    margin-bottom: 2px;
  }

  .nav-bar__link .icon--nav-triangle {
    opacity: 0;
    position: absolute;
    bottom: -1px;
    width: 20px;
    height: 9px;
    margin-left: -16px;
    z-index: 2;
    transition: 0.2s ease-in-out;
  }

  .nav-bar__link[aria-expanded=true] {
/*     color: var(--accent-color); */
/*     color: #fff; */
    text-shadow: .5px 0px 0px currentColor;
  }

  .nav-bar__link[aria-expanded=true] .icon--nav-triangle {
    opacity: 1;
  }
}

/* .nav-bar__linklist {
  text-align: center;
} */

/**
 * --------------------------------------------------------------------
 * MOBILE MENU
 * --------------------------------------------------------------------
 */

.mobile-menu {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 100%;
  visibility: visible;
  max-height: 0; /* This is needed to fix a bug on iOS, DO NOT REMOVE */
  z-index: 5;
  opacity: 1;
  color: var(--text-color);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  /*transform: scale(0.9);
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
  will-change: transform;*/
  transition: 0.4s;
}

.mobile-menu .icon--arrow-right,
.mobile-menu .icon--arrow-left {
  width: 8px;
  height: 12px;
  margin-right: 5px;
}

.mobile-menu[aria-hidden=false] {
  /*opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;*/
  width: 100%;
  transition: width 0.4s;
  overflow: visible;
}

.mobile-menu__inner {
  position: relative;
  max-width: 100vw;
  height: 100%;
  overflow: hidden;
}

.mobile-menu .icon--nav-triangle-borderless {
  position: absolute;
  bottom: 100%;
/*   left: 20px; */
  left: 14px;
  width: 18px;
  height: 8px;
  z-index: 1;
}

.mobile-menu__panel {
  position: relative;
  height: 100%;
  background: var(--secondary-background);
  overflow-y: auto;
  overflow-x: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
  transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.mobile-menu__panel.is-nested {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  z-index: 1;
  transform: translateX(100%);
}

.mobile-menu__section {
/*   padding: 16px 20px; */
/*   padding: 5px 15px; */
  /* padding: 8px 12px; */
  /* padding: 3px 6px; */
  padding: 2px 4px;
}

.mobile-menu__section--loose {
/*   padding-top: 18px;
  padding-bottom: 18px; */
  padding-top: 10px;
  padding-bottom: 10px;
}

/* .mobile-menu__section:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
} */

.mobile-menu__section.is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: var(--secondary-background);
  z-index: 1;
  text-align: center;
}

.mobile-menu__nav {
  list-style: none;
}

.mobile-menu__nav-collapsible .mobile-menu__nav {
  position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
/*     border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color); */
/*     z-index: 1; */
  align-items: center;
}

.mobile-menu__nav-collapsible .mobile-menu__nav-item {
  display: flex;
  flex-direction: column;
  padding: 10px;
  min-width: 0;
  flex-shrink: 0;
  background: var(--secondary-background);
  white-space: normal;
  transition: transform .3s;
  width: 33.333333%;
}

.mobile-menu__nav-collapsible .mobile-menu__nav-item .menu-image {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
/*   width: 12vw;
  height: 47px; */
  width: 18vw;
  height: 70px;
}

.mobile-menu__nav-collapsible .mobile-menu__nav-item .mobile-menu__nav-link {
  display: block;
  padding: 0;
  border: none;
  font-size: 12px;
/*   line-height: 18px; */
  line-height: 16px;
  text-align: center;
  justify-content: center;
}

.mobile-menu__nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
/*   padding: 8px 0 7px 0; */
/*   padding: 5px 0 0px 0; */
  padding: 5px 5px 5px;
  border: 1px solid #dddddd;
  border-radius: 0;
}

.mobile-menu__back-button {
  display: block;
  width: 100%;
  text-align: left;
  position: absolute;
  left: 8px;
}

.mobile-menu__back-button svg {
/*   margin-right: 8px; */
  margin-right: 2px;
  vertical-align: -1px;
}

h2.mobile-menu__nav-link {
  display: contents;
}

.mobile-menu__nav-list {
  margin-top: 2px;
}

.mobile-menu__nav-list-toggle {
  display: inline-block;
/*   width: 100%; */
  text-align: left;
  padding: 4px 0; /* allows to increase touch area a bit */
  line-height: 1.8;
  margin-right: 7px;
}

.mobile-menu__nav-list-toggle svg {
  width: 12px;
  height: 8px;
/*   margin-left: 12px; */
/*   margin-left: 8px; */
  margin-left: 4px;
  transition: transform 0.3s ease-in-out;
}

.mobile-menu__nav-list-toggle[aria-expanded=true] svg {
  transform: rotateZ(180deg);
}

.sub-link__view-all {
/*   display: contents; */
  display: contents;
  font-size: 11px;
  line-height: 16px;
/*   margin-left: 20px; */
  text-decoration: underline;
  color: #555;
/*   padding: 0; */
}

.sub-link__view-all-link {
  display: inline;
  text-decoration: underline;
  color: #555;
  border: none;
  padding: 0;
}

.mobile-menu__nav-list-item {
/*   margin-bottom: 22px; */
  margin-bottom: 12px;
}

.mobile-menu__nav-collapsible {
/*   height: 0; */
  height: auto;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.mobile-menu__nav-collapsible-content {
  margin-top: 4px;
}

.mobile-menu__promo {
  display: block;
  padding: 20px 0 25px 0;
  text-align: center;
}

.mobile-menu__image-wrapper {
  margin-bottom: 22px;
  border-radius: 0;
  overflow: hidden;
}

.mobile-menu__image-heading {
  display: block;
  margin-bottom: 0;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
}

.mobile-menu__image-text {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
}

.mobile-menu__promo-list {
  display: flex;
  flex-flow: row nowrap;
  margin-left: -10px;
  margin-right: -10px;
}

.mobile-menu__promo-list .mobile-menu__promo-item {
  flex: 0 0 auto;
/*   width: 81%; */
  width: 70%;
  white-space: normal;
  scroll-snap-align: center;
}

.mobile-menu__promo-list .mobile-menu__promo {
  margin-left: 10px;
  margin-right: 10px;
}

.scroller .mobile-menu__promo-list::before {
  content: "";
  flex: 0 0 20px;
}

.scroller .mobile-menu__promo-list::after {
  content: "";
  flex: 0 0 13px;
}

@supports (padding: max(0px)) {
  .mobile-menu__section:last-child {
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px) + 16px);
  }
}

@media screen and (min-width: 641px) {
  .mobile-menu .icon--nav-triangle-borderless {
    left: 40px;
  }
}

/* States */
.mobile-menu[aria-hidden=false] .mobile-menu__panel.is-open {
  transform: translateX(0);
  visibility: visible;
}

/* Help icons */
.mobile-menu__help-wrapper {
  display: flex;
  align-items: center;
}

.mobile-menu__help-wrapper .icon--bi-phone {
/*   margin-right: 16px;
  width: 24px;
  height: 24px; */
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

.mobile-menu__help-wrapper .icon--bi-email {
/*   margin-right: 18px;
  width: 22px;
  height: 22px; */
  margin-right: 12px;
  width: 18px;
  height: 18px;
}

.mobile-menu__help-wrapper + .mobile-menu__help-wrapper {
/*   margin-top: 18px; */
  margin-top: 15px;
}
/**
 * --------------------------------------------------------------------
 * LINE ITEM
 * --------------------------------------------------------------------
 */

.line-item__product-info-wrapper {
  display: flex;
  align-items: flex-start;
}

.line-item__image-wrapper {
  width: 60px;
  min-width: 60px;
  margin-right: 20px;
}

.line-item__meta {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.line-item__vendor,
.line-item__plan-allocation,
.line-item__property-list {
  display: block;
  margin-bottom: 7px;
  line-height: 1.55;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

.line-item__vendor {
  text-transform: uppercase;
  margin-bottom: 2px;
}

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

.line-item__title {
  display: block;
  margin-bottom: 4px;
  line-height: 1.5;
/*   font-weight: 600; */
  font-weight: 500;
}

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

.variant.line-item__variant {
  font-size: 13px;
/*   line-height: 16px; */
  line-height: 18px;
}

.line-item__property-list {
  list-style: none;
  line-height: 1.5;
  margin: 6px 0;
}

.line-item__price {
  display: inline-block;
  /* font-weight: var(--text-font-bolder-weight); */
  font-weight: 400;
  text-shadow: .5px 0px 0px currentColor;
  color: var(--accent-color);
}

.line-item__price--compare {
  color: var(--text-color);
}

.line-item__price--highlight {
  color: var(--product-on-sale-accent);
}

.line-item__price--compare {
  position: relative;
  margin-left: 20px;
}

.line-item__price--compare::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -5px;
  width: calc(100% + 10px);
  height: 1px;
  background: rgba(var(--text-color-rgb), 0.7);
}

.line-item__price-info {
  margin-top: -2px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.line-item__discount-list {
  list-style: none;
  margin-top: 2px;
}

.line-item__discount {
  display: inline-block;
  font-weight: var(--text-font-bolder-weight);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  background: rgba(var(--product-on-sale-accent-rgb), 0.08);
  color: var(--product-on-sale-accent);
  border-radius: 0;
  padding: 0 11px;
}

.line-item__discount svg {
  margin-right: 6px;
  vertical-align: text-bottom;
}

.line-item__quantity-remove {
  display: inline-block;
  margin-left: 10px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  line-height: 1;
}

.line-item__quantity-remove:hover {
  text-decoration: underline;
}

@media screen and (max-width: 640px) {
  /* On mobile the line items are displayed differently on cart page */
  .line-item-table,
  .line-item-table tbody {
    display: block;
    width: auto;
  }

  .line-item--stack {
    display: block;
    white-space: normal;
  }

  .line-item--stack:first-child {
    border-top: none !important;
  }

  .line-item--stack .line-item__image-wrapper {
    width: 80px;
    min-width: 80px;
  }

  .line-item--stack .line-item__product-info {
    display: block; /* Allows to disable the table layout */
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .line-item--stack .line-item__title {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  }

  .line-item--stack .line-item__price {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }

  .line-item--stack .line-item__quantity {
    margin-top: 12px;
  }
}

@media screen and (min-width: 641px) {
  .line-item__product-info-wrapper {
    align-items: center;
  }

  .line-item__title {
    white-space: normal;
  }

  .line-item__image-wrapper {
    width: 90px;
    min-width: 90px;
  }

  .line-item__quantity-remove {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 10px auto 0 auto;
  }
}

/**
 * --------------------------------------------------------------------
 * FULFILLMENT ITEM (included in order details only)
 * --------------------------------------------------------------------
 */

/* Bit hacky and ugly, sorry! */
.fulfillment-item {
  border-top: none !important;
}

.fulfillment-item td {
  padding-top: 0 !important;
}

/**
 * --------------------------------------------------------------------
 * ORDER FOOT (used in order details in customer account)
 * --------------------------------------------------------------------
 */

.order-foot {
  border-top: 1px solid var(--border-color);
}

.order-foot__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px 16px 0;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.order-foot__item + .order-foot__item {
  border-top: 1px solid var(--border-color);
}

.order-foot__item--highlight,
.order-foot__item--strong {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
  font-weight: var(--text-font-bolder-weight);
}

.order-foot__item--highlight {
  color: var(--product-on-sale-accent);
}

.order-foot__item--strong {
  color: var(--heading-color);
}

@media screen and (max-width: 640px) {
  .card .order-foot {
    margin-left: 20px;
  }
}

@media screen and (min-width: 641px) {
  .order-foot__inner {
    max-width: 470px;
    margin-left: auto;
  }

  .order-foot__item {
    padding-right: 30px;
    padding-left: 20px;
  }
}

/**
 * --------------------------------------------------------------------
 * ORDER SUMMARY (used on account pages)
 * --------------------------------------------------------------------
 */

.order-summary__alert {
  margin: 21px 0 5px 0;
}

@media screen and (min-width: 641px) {
  .order-summary__alert {
    margin: 24px 0 12px 0;
  }
}

/**
 * --------------------------------------------------------------------
 * ADDRESS LIST (used on account pages)
 * --------------------------------------------------------------------
 */

.address-list,
.address-list__item + .address-list__item {
  border-top: 1px solid var(--border-color);
}

.address-list__item {
  padding: 24px 20px;
}

.address-list__action-list {
  margin-top: 14px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.address-list__action-list > :last-child {
  margin-left: 18px;
}

@media screen and (max-width: 640px) {
  .address-list,
  .address-list__item + .address-list__item {
    display: block;
    position: relative;
    border-top: none;
  }

  .address-list::before,
  .address-list__item + .address-list__item::before {
    position: absolute;
    content: "";
    height: 1px;
    width: calc(100% - 20px);
    top: 0;
    left: 20px;
    background: var(--border-color);
  }
}

@media screen and (min-width: 641px) {
  /* There is a slightly different adjustment on the design files just for this element, for no real reason, but well... let's respect the design with an ugly exception */
  .template-addresses .card__section--tight {
    padding-right: 20px;
  }

  .address-list {
    display: flex;
    flex-wrap: wrap;
  }

  .address-list__item {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex: 0 0 50%;
    padding-left: 30px;
    padding-right: 30px;
    box-shadow: 0 1px var(--border-color), 1px 0 var(--border-color);
    border-top: none !important;
  }
}

@media screen and (min-width: 1280px) {
  .address-list__item {
    flex-basis: 33.333333%;
  }
}
.page__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 28px 0;
}

.page__header--stack {
  flex-direction: column;
  align-items: flex-start;
}

.page__header--centered {
  justify-content: center;
  text-align: center;
}

.page__header--stack.page__header--centered {
  align-items: center;
}

.page__header--image {
  position: relative;
  justify-content: center;
  background-size: cover;
  background-position: center;
  min-height: 250px;
  padding: 25px;
  border-radius: 0;
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.page__header--image.page__header--overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}

.shopify-section:first-child .page__header--image {
  border-radius: 0;
  margin-top: 0 !important;
}

.page__header-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.page__header-image--placeholder {
  fill: dimgrey;
  background: darkgrey;
}

.page__header-content {
  z-index: 1;
}

.page__title {
  margin-bottom: 0;
}

/* Page sub-header is a small text container that is typically used to hold breadcrumbs and other secondary info (only on tablet and up) */
.page__sub-header {
/*   display: none; */
/*   margin: 23px 0; */
/*   margin: 10px 0; */
  margin: 10px 0 5px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

@media screen and (max-width: 641px) {
.page__sub-header {
    margin: 7px 0;
    padding-left: 5px;
    font-size: 11px;
}
}

.template-product .page__sub-header {
  margin: 0 0 5px;
}

/* Page description must be contained within a page__header, and has less spacing than page__content */
.page__description {
  margin: 10px 0 0 0;
}

.page__button-action {
  margin-top: 20px;
}

.page__tag-list {
  margin: 12px -20px -10px -20px;
  list-style: none;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.page__tag-item {
  position: relative;
  display: inline-block;
  margin: 0 20px 10px 20px;
}

.page__tag-item.is-selected {
  color: var(--accent-color);
}

.page__tag-item.is-selected::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
}

.page__meta {
  margin-top: 8px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

.page__meta-item:not(:last-child)::after {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  margin: 0 10px;
  border-radius: 100%;
  background: rgba(var(--text-color-rgb), 0.4);
  vertical-align: middle;
}

.page__navigation {
  display: none;
}

.page__navigation-item svg {
  width: 6px;
  height: 9px;
}

.page__navigation-item svg path {
  stroke-width: 1.5px;
}

.page__navigation-item--prev svg {
  margin-right: 9px;
}

.page__navigation-item--next svg {
  margin-left: 9px;
}

.page__navigation-item--prev + .page__navigation-item--next::before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 12px;
  margin: 0 15px;
  background: var(--text-color);
  vertical-align: -2px;
}

.page__content {
  margin-bottom: 40px;
}

@media screen and (min-width: 641px) {
  .page__header {
    margin: 35px 0;
  }

  .page__header--image {
    min-height: 430px;
  }

  .page__sub-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .page__sub-header + .page__header {
    margin-top: 20px;
  }

  .page__meta {
    margin-top: 10px;
    font-size: 1rem;
  }

  .page__meta-item:not(:last-child)::after {
    margin: 0 16px;
  }

  .page__content {
    margin-bottom: 90px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  }
}

@media screen and (min-width: 1000px) {
  .page__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .page__header--centered {
    align-items: center;
  }
}
.popover {
  position: absolute;
  width: 100vw;
  left: 0;
  top: 100%;
  background: var(--secondary-background);
  color: var(--text-color);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out;
  will-change: transform;
}

.popover .icon--nav-triangle-borderless {
/*   right: 67px; */
/*   right: 58px; */
  right: 48px;
}

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

.popover[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transform: scale(1.001); /* Using 1.001 force browsers like Chrome to not perform some optimizations that may result in small visual glitch */
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
}

.popover__inner {
/*   padding: 15px 20px 20px 20px; */
  padding: 10px 20px 10px 20px;
}

.popover__inner--no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.popover .icon--nav-triangle-borderless {
  position: absolute;
  bottom: 100%;
  width: 18px;
  height: 8px;
  z-index: 2;
  filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
}

.popover__header {
  padding: 12px 0 30px 0;
}

.popover__title {
  margin-bottom: 4px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 20px));
}

.popover__legend {
  margin-bottom: 16px;
}

.popover__secondary-action {
  margin-top: 16px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.popover__secondary-action > p {
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  .popover__panel-list,
  .popover__panel {
    height: 100% !important;
  }

  .popover__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #FFF;
  }
}

@media screen and (min-width: 641px) {
  .popover {
    width: auto;
    min-width: 160px;
    right: -2px;
/*     top: calc(100% + 15px); */
    top: calc(100% + 5px);
    left: auto;
    border-radius: 0;
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
  }

  .popover .icon--nav-triangle-borderless {
    right: 27px;
  }

  .popover--large {
    min-width: 320px;
  }

  .popover__inner {
/*     padding: 15px 25px 15px 25px; */
    padding: 10px 25px 10px 25px;
  }

  .popover__header {
    padding-bottom: 15px;
  }

  .popover__title {
    margin-bottom: 8px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
  }
}

@media screen and (min-width: 1280px) {
  .popover {
/*     top: calc(100% + 4px); */
/*     top: calc(100% + 10px); */
    top: calc(100% + 8px);
  }
}

/* Linklist */
.popover__linklist {
  white-space: nowrap;
  list-style: none;
}

.popover__link-item {
  display: block;
  padding: 2px 25px;
  cursor: pointer;
  width: 100%;
  transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
}

.popover__link-item:hover {
  background: var(--accent-background);
  color: var(--accent-color);
}

/* Panel */
.popover__panel-list {
  position: relative;
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}

.popover__panel {
  width: 100%;
  visibility: hidden;
  transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.popover__panel--default {
  transform: translateX(-100%);
}

.popover__panel--sliding {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(100%);
}

.popover[aria-hidden=false] .popover__panel.is-selected {
  visibility: visible;
}

.popover__panel.is-selected {
  transform: translateX(0);
}

/**
 * We have some specific positioning (like arrows...) for each popover, so we summarize specific code here
 */

.popover--password .icon--nav-triangle-borderless {
  right: 21px;
}

.popover--currency,
.popover--locale {
  min-width: 0;
}

@media screen and (min-width: 641px) {
  .popover--password .popover__inner {
    padding-bottom: 25px;
  }

  .popover--password .icon--nav-triangle-borderless {
    right: calc(50% - 13px);
  }

  .popover--currency {
    top: calc(100% + 3px);
    right: auto;
    left: -2px;
  }

  .popover--currency .icon--nav-triangle-borderless {
/*     right: 23px; */
    right: 32px;
  }

  .popover--locale {
    top: calc(100% + 3px);
    right: -26px;
  }
  .popover--locale .icon--nav-triangle-borderless {
/*     right: 23px; */
    right: 20px;
  }

  .popover--logged {
    right: -47px;
  }

  .popover--logged .icon--nav-triangle-borderless {
    right: 50px;
  }

  .popover--unlogged {
    right: -5px;
  }
  .popover--unlogged .icon--nav-triangle-borderless {
/*     right: 6px; */
    right: 17px;
  }
}

@media screen and (min-width: 1280px) {
  .popover--password {
    top: calc(100% + 15px);
    right: -2px;
  }

  .popover--logged {
    right: -32px;
  }

  .popover--logged .icon--nav-triangle-borderless {
    right: 29px;
  }

  .popover--unlogged {
/*     right: 0; */
    right: 90px;
    transform: scale(0.9) translateX(calc(50% - 7px));
  }

  .popover--unlogged .icon--nav-triangle-borderless {
/*     left: calc(50% - 8px); */
/*     left: calc(50% + 30px); */
    left: calc(50% + 85px);
  }

  .popover--unlogged[aria-hidden=false] {
    transform: scale(1) translateX(calc(50% - 7px));
  }
}
/**
 * --------------------------------------------------------------------
 * PRODUCT GALLERY
 * --------------------------------------------------------------------
 */
.product-gallery {
  position: relative;
  margin-bottom: 12px;
}

.product-gallery__carousel-wrapper {
  position: relative;
/*   margin-bottom: 25px; */
  /* margin-bottom: 15px; */
  margin-bottom: 0;
}

.product-gallery__carousel .flickity-viewport {
  transition: height 0.2s ease-in-out;
}

.product-gallery__carousel:not(.flickity-enabled) .product-gallery__carousel-item:not(.is-selected) {
  display: none;
}

.product-gallery .flickity-slider {
  will-change: unset;
}

.product-gallery__carousel-item {
  width: 100%;
  padding: 0 20px;
}

.product-gallery__carousel-item--hidden {
  visibility: hidden;
}

.product-gallery__carousel-item[aria-hidden=true] .plyr__control {
  /* This is a quick fix to prevent the controls to gain focus until if the slide is not visible */
  visibility: hidden;
}

.product-gallery__carousel-item.is-filtered {
  display: none;
}

.product-gallery__size-limiter {
  margin: 0 auto;
/*   max-width: 500px!important; */
  max-width: 100% !important;
}

.product-gallery__view-in-space {
  background: rgba(var(--text-color-rgb), 0.08); /* This color is defined by Shopify spec */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.product-gallery__view-in-space[data-shopify-xr-hidden] {
  visibility: hidden;
}

@media screen and (min-width: 1000px) {
  .product-gallery__view-in-space[data-shopify-xr-hidden] {
    display: none;
  }
}

.product-gallery__view-in-space svg {
  margin: -1px 8px 0 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

/* Implementation note: starting from version 1.8, the theme now supports media type in Shopify (including 3D models
     and video. As a consequence, the "zoom" now only makes sense for "images", for which the slideshow becomes draggable.
     We therefore scope this so that the notice is only shown for images */
.product-gallery__zoom-notice {
  display: none;
}

.product-gallery__zoom-notice svg {
  width: 10px;
  height: 10px;
/*   margin-right: 10px; */
  margin-right: 2px;
  vertical-align: baseline;
/*   vertical-align: middle; */
}

.product-gallery__carousel--zoomable ~ .product-gallery__zoom-notice {
  display: block;
  margin: 12px 0 6px 0;
  width: 100%;
  text-align: center;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

@media screen and (max-width: 640px) {
/*   .product-gallery__carousel {
    margin-left: calc(-1 * var(--mobile-container-gutter));
    margin-right: calc(-1 * var(--mobile-container-gutter));
    margin-left: -20px;
    margin-right: -20px;
  } */
  .product-gallery {
/*     margin-bottom: 15px; */
    margin-bottom: 25px;
/*     margin-left: -20px;
    margin-right: -20px; */
/*     margin-left: -10px;
    margin-right: -10px; */
    }
  .product-gallery .product-gallery__carousel-wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }
  .product-gallery__carousel-wrapper {
/*     margin-left: -10px;
    margin-right: -10px; */
    margin-left: -9.5px;
    margin-right: -9.5px;
  }
  .\31\/3--phone .product-gallery__carousel-wrapper {
/*     margin-left: -5px;
    margin-right: -5px; */
    margin-left: -4px;
    margin-right: -4px;
  }
  .product-item__info {
    padding: 8px 4px 4px;
  }
  .layout__section .product-item .product-item__info {
    margin: 0 -9.5px;
  }
/*   .template-product .product-block-list__item.product-block-list__detail .card__section img {
    margin-left: -20px;
    margin-right: -20px;
  } */
  .template-product .product-block-list__item .product-block-list__detail-image {
/*     margin-left: -10px;
    margin-right: -10px; */
/*     padding-left: 10px;
    padding-right: 10px; */
    margin-left: -20px;
    margin-right: -20px;
  }
  .blog-post .article__inner {
    position: relative;
/*     width: calc(100% + (var(--mobile-container-gutter) * 1));
    left: calc(-1 * var(--mobile-container-gutter) / 2); */
    margin-left: -16px;
    margin-right: -16px;
  }
  .section[data-section-type=quick-links] .quick-links {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.template-product .product-block-list__item .product-block-list__detail-image {
  margin-bottom: 10px;
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 1000px) {
  .product-gallery__carousel {
    /*margin: -4px;*/
  }
  .template-collection .product-gallery__carousel {
    margin: -4px;
  }
  .product-gallery__carousel-item {
    padding: 0px;
  }
  .template-collection .product-gallery__carousel-item {
    padding: 2px;
  }
  .product-gallery--with-thumbnails {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    width: 100%;
  }

  .product-gallery--with-thumbnails .product-gallery__carousel-wrapper {
    flex: 1 0 auto;
    margin: 5px 5px 0 15px;
  }
}

@media screen and (min-width: 1000px) and (any-hover: hover) {
  /* Implementation note: starting from version 1.8, the theme now supports media type in Shopify (including 3D models
     and video. As a consequence, the "zoom" now only makes sense for "images", for which the slideshow becomes draggable.
     We therefore scope this so that the notice is only shown for images */
  .product-gallery__carousel--zoomable ~ .product-gallery__zoom-notice {
    margin-top: 26px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  }

  .product-gallery__zoom-notice svg {
/*     margin-right: 14px; */
    margin-right: 5px;
  }
}

@media screen and (min-width: 1000px) {
  .product-gallery {
    margin-bottom: 0;
  }
}

/**
 * --------------------------------------------------------------------
 * PRODUCT THUMBNAILS
 * --------------------------------------------------------------------
 */

.product-gallery__thumbnail {
  position: relative;
  display: block;
/*   width: 60px; */
/*   width: 56px; */
  width: 54px;
/*   padding: 2px; */
/*   margin: 0 4px; */
  margin: 0 3px;
/*   border: 2px solid transparent; */
/*   border: .5px solid var(--border-color); */
  border: 1px solid #e9ecef;
/*   border: 2px solid #e9ecef; */
/*   border-radius: 3px; */
  border-radius: 0;
  transition: border 0.2s ease-in-out;
  cursor: pointer;
}

@media screen and (min-width: 1000px) {
.product-gallery__thumbnail:hover {
  border: 1px solid #000;
}
}

.product-gallery__thumbnail.is-nav-selected {
/*   border-color: var(--accent-color); */
/*   border: 2px solid #222222;
  border-radius: 3px; */
}

.product-gallery__thumbnail.is-nav-selected:before, .product-gallery__thumbnail.is-nav-selected:after {
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  border-radius: 0;
}

.product-gallery__thumbnail.is-nav-selected:before {
    z-index: 1;
    border: 2px solid #fff;
}

.product-gallery__thumbnail.is-nav-selected:after {
    z-index: 2;
/*     border: 1px solid #000; */
    box-shadow: 0 0 0 1px #47413a;
}

/* .product-gallery__thumbnail.is-nav-selected .aspect-ratio:before {
    border: 1px solid #222;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    background: transparent;
}

.product-gallery__thumbnail.is-nav-selected .aspect-ratio:before {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
} */

.product-gallery__thumbnail.is-filtered {
  display: none;
}

.product-gallery__thumbnail-badge {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 20px;
  height: 20px;
  z-index: 1;
}

@media screen and (max-width: 999px) {
  .product-gallery__thumbnail-list::after, .product-gallery__thumbnail-list::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: calc(var(--mobile-container-gutter) - 4px);
  }

  .product-gallery__thumbnail {
    display: inline-block;
    vertical-align: top;
    /* This is done to comply with the media API that requires thumbnails to be aligned to the top */
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .product-gallery .scroller {
    margin: 0 -15px;
  }
}

@media screen and (min-width: 641px) {
  .product-gallery__thumbnail {
/*     width: 72px; */
/*     width: 60px; */
    width: 50px;
  }
}

@media screen and (min-width: 1000px) {
  .product-gallery__thumbnail-list {
    position: relative;
    z-index: 1;
    margin: -2px 0 -2px -3px; /* negative to align the top edge to the featured image */
/*     max-height: 450px;
    width: 96px; /* Width + margin */
/*     max-height: 800px; */
    max-height: 600px;
/*     max-height: 595px; */
/*     width: 96px; */
/*     width: 90px; */
    width: 70px;
/*     left: -50px; */
    overflow: auto;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .product-gallery__thumbnail-list::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  .product-gallery__thumbnail {
    margin: 8px 4px;
  }
}

/**
 * --------------------------------------------------------------------
 * PRODUCT META
 * --------------------------------------------------------------------
 */

.product-meta {
  position: relative;
  margin: -11px 0 5px 0; /* Negative margin is to take into account for the padding */
}

@media screen and (max-width: 640px) {
    .product-meta {
    margin: -25px -10px 5px -10px;
  }
}

.atc_container .product-meta {
  /* margin-right: 0; */
  margin-right: 15px;
}

.product-meta__title {
/*   margin-bottom: 14px; */
  margin-bottom: 5px;
/*   line-height: 27px; */
/*   font-style: italic; */
  text-transform: uppercase;
/*   font-weight: 700; */
/*   font-weight: 500; */
  font-weight: 400;
  /* font-size: 14px;
  line-height: 18px; */
  font-size: 16px;
  line-height: 18px;
    /* letter-spacing: 0.25px; */
}

@media screen and (max-width: 999px) {
    .product-meta__title {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
  }
}

/* When within a modal, we have to add an extra margin to prevent the title to overlap the close button */
.modal .product-meta__title {
  margin-right: 45px;
}

/* .atc_container .product-meta__title {
  margin-right: 20px;
} */

.product-meta__label-list {
/*   margin-bottom: 17px; */
  margin-bottom: 10px;
  font-size: 0;
  float: right;
}

.product-meta__label-list .product-label + .product-label {
  margin-left: 5px;
}

.product-meta__reference {
/*   margin-bottom: 3px; */
  margin-bottom: 15px !important;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  line-height: 18px;
  display: flex;
}

.product-meta__reference .product-meta__sku-number {
  margin-right: 10px;
}

.product-meta__reviews-badge {
  display: block;
  margin-top: -1px;
}

.product-meta__vendor {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}

@media screen and (max-width: 999px) {
    .product-meta__vendor {
    font-size: 13px;
  }
}

.product-meta__vendor + .product-meta__sku::before {
  display: inline-block;
  position: relative;
  content: "";
  margin: 0 14px;
  height: 13px;
  width: 1px;
/*   top: -1px; */
  top: -2px;
/*   background: var(--border-color); */
/*   background: #EEE; */
  background: #7777;
  vertical-align: middle;
}

.product-meta__share-buttons {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}

.product-meta__share-buttons .social-media__item svg {
  opacity: 0.35;
}

.card__separator + .product-meta__share-buttons {
  margin-top: 0;
}

.product-meta__description {
  margin-bottom: 25px;
}

.product-meta__reviews-badge .rating__caption {
/*   margin-left: 12px; */
   margin-left: 6px;
}

/* On featured product section it can be configured to be shown after the form */
.product-form__payment-container + .product-meta__description {
  margin-top: 25px;
  margin-bottom: 0;
}

@media screen and (min-width: 641px) {
  /*
  IMPLEMENTATION NOTE: there are a lot of manual adjustments here with negative margins, depending on which elements are here or not. This is not
                       really something I'm really happy with as it makes editing more complex. However designer absolutely wanted a pixel-perfect
                       adjustment for all conditions... which result in more complex code :)
  */
  .product-meta__share-buttons {
    margin-top: 0;
  }

  .product-meta__label-list + .product-meta__share-buttons {
    margin-top: 22px;
  }

  .product-meta__reference,
  .product-meta__reviews-badge {
/*     margin-bottom: -2px; */
    margin-bottom: -1px;
  }

  .product-meta__reviews-badge {
/*     margin-top: -4px; */
/*     margin-top: -2px; */
/*     margin-top: -1px; */
    margin-top: -2px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .product-meta__reference ~ .product-meta__share-buttons,
  .product-meta__reviews-badge ~ .product-meta__share-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .product-meta__reference + .product-meta__reviews-badge {
    margin-top: 5px;
  }

  .product-meta__reviews-badge .rating__caption {
/*     font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px)); */
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }
}

/**
 * --------------------------------------------------------------------
 * PRODUCT FORM
 * --------------------------------------------------------------------
 */

.product-form__variants {
/*   margin-bottom: 24px; */
/*   margin-top: 15px;
  margin-bottom: 25px; */
  margin-top: 10px;
  margin-bottom: 20px;
}

.product-form__option {
/*   margin-bottom: 23px; */
  margin-bottom: 15px;
}

.no-js .product-form__option:not(.no-js) {
  display: none;
}

.product-form__option-name {
  display: block;
  margin-bottom: 2px;
}

.product-form__selected-value {
  padding-left: 2px;
  color: var(--text-color);
  font-size: 12px;
}

.product-form__info-list {
  display: table;
  width: 100%;
/*   margin: -22px 0 6px 0;
  border-spacing: 0 22px; */
/*   margin: -10px 0 10px; */
  margin: -5px 0 10px;
  border-spacing: 0 10px;
}

.product-form__info-item {
  display: table-row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: 1/3;
}

.product-block-list__item--info .collection-description-short {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px !important;
	display: block;
}

.product-block-list__item--info .collection-description-short b {
  font-size: 13px;
}

.product-block-list__item--info .collection-description-short b:hover {
    /* color: rgba(193,193,208,var(--tw-text-opacity)); */
    text-shadow: .5px 0px 0px currentColor;
}

.product-block-list__item--info .collection-description-full {
  font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px !important;
}

.product-block-list__item--info .collection-description-full b {
  font-size: 13px;
}

.product-block-list__item--info .collection-description-full b:hover {
    /* color: rgba(193,193,208,var(--tw-text-opacity)); */
    text-shadow: .5px 0px 0px currentColor;
}

.product-block-list__item--info #product_details_link {
  display: block;
  /* margin-bottom: 10px; */
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 20px;
}

.product-block-list__item--info #product_details_link svg {
  margin-right: 5px;
}

.product-block-list__item--info #product_details_link:hover {
    /* color: rgba(193,193,208,var(--tw-text-opacity)); */
    text-shadow: .5px 0px 0px currentColor;
    text-decoration: underline;
}

.product-form__info-item.price-info-item.price-block {
  display: flex;
  /*display: block;*/
/*   margin-bottom: 5px; */
  margin-bottom: 15px;
	align-items: center;
}

.product-form__info-item .product-form__info-title {
  line-height: 18px;
}

.product-form__info-title {
  display: table-cell;
  padding-right: 12px;
  vertical-align: baseline;
  white-space: nowrap; /* Fix for Japanese kanji */
}

.product-form__info-list .product-form__info-title {
  display: none;
}

.product-form__info-item--quantity > * {
  padding-top: 6px;
  vertical-align: middle;
}

.product-form__info-content {
  display: table-cell;
  width: 100%;
}

.product-form__info-content.product-form__info-content-quantity {
  display: block;
  grid-column: 1/2;
  width: 6.875rem;
  position: relative;
  margin: 0;
  padding: 0;
}

.product-form__info-item .product-form__buy-buttons {
  width: 100%;
  margin-left: 0.625rem;
  padding: 0;
}

.product-form__info-item .product-form__payment-container {
  margin: 0;
}

.product-form__info-item .product-form__payment-container .product-form__add-button {
  margin: 0;
  width: 100%;
  padding: 0 10px;
}

.product-form__price-info {
  margin-top: 5px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.product-form__price-info + .product-form__price-info {
  margin-top: 0;
}

shopify-payment-terms {
  display: block;
  margin-top: 8px;
}

.product-form .select-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.product-form__quantity {
  display: inline-block;
  width: 65px;
  vertical-align: middle;
}

.product-form__inventory.inventory::before {
  margin-right: 14px;
}

.product-form__payment-container {
  display: flex;
/*   flex-direction: column; */
}

.product-form__status-message {
  /* margin-top: 18px; */
  margin-top: 12px;
  height: 0;
  overflow: hidden;
  transition: height 0.25s ease-in-out;
}

.product-form .price--compare {
/*   top: -2px; */
  top: -1px;
}

@media screen and (max-width: 640px) {
  .product-form__payment-container .shopify-payment-button {
/*     margin-top: 16px; */
    margin-top: 12px;
  }
}

@media screen and (min-width: 641px) {
  .product-form {
    margin-top: -8px; /* for pixel perfect alignment... */
  }

  .product-form__option-name {
    margin-bottom: 7px;
  }

  .product-form__variants {
/*     margin-bottom: 26px; */
/*     margin-bottom: 30px; */
    margin-bottom: 25px;
  }

  .product-form__payment-container {
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
/*     margin: -9px; */
/*     margin: -9px 0; */
  }

  .product-form__payment-container > * {
    flex: none;
/*     width: calc(50% - 18px);
    margin: 9px; */
/*     width: calc(50% - 4px); */
    width: calc(100% - 4px);
    margin: 2px;
  }
}

.product-form__payment-container > * {
/*   line-height: 40px; */
  line-height: 40px;
/*   font-size: 12px !important; */
/*   border-radius: 1.5rem; */
  border-radius: 0;
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

/**
 * --------------------------------------------------------------------
 * SHOPIFY QUICK PAYMENT
 * --------------------------------------------------------------------
 */

.shopify-payment-button__button--unbranded {
  position: relative;
  display: inline-block;
  padding: 0 30px !important;
/*   line-height: 48px !important; */
  line-height: 44px !important;
  font-size: 12px !important;
  border-radius: 0 !important;
  text-align: center;
  background: var(--secondary-button-background) !important;
  color: var(--secondary-button-text-color) !important;
  font-weight: var(--text-font-bolder-weight) !important;
  font-weight: var(--text-font-bolder-weight) !important;
/*   font-size: var(--base-text-font-size) !important; */
  cursor: pointer;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}

.shopify-payment-button__button--unbranded:hover {
  background: rgba(var(--secondary-button-background-rgb), 0.8) !important;
}

.shopify-payment-button__button--branded {
  border-radius: 0;
  overflow: hidden;
/*   min-height: 48px; */
  min-height: 42px !important;
}

.shopify-payment-button__button--branded .shopify-cleanslate > div {
  border-radius: 0 !important;
}

.shopify-payment-button__more-options {
  /*   margin-top: 8px; */
  margin-top: 5px;
  line-height: 18px;
  color: var(--link-color);
  transition: color 0.2s ease-in-out;
}

.shopify-payment-button__more-options:not([disabled]):hover {
/*   text-decoration: none; */
  color: var(--link-color-hover);
}

.shopify-payment-button__more-options[aria-hidden=true] {
  display: none;
}

/**
 * --------------------------------------------------------------------
 * BLOCK LIST
 * --------------------------------------------------------------------
 */

.product-block-list__item--trust .icon--lock {
  width: 18px;
  height: 24px;
  color: var(--heading-color);
}

/* This code is not super clean, but it's due to the wish of the designer to have some pixel perfect alignment that
   are specific JUST for this element and break the generic abstractions... thanks dude :D */
.product-block-list__item--shipping .shipping-estimator {
  margin-bottom: 10px;
  margin-top: -0.435em;
}

.product-block-list__item--shipping .shipping-estimator__results {
/*   margin-top: 26px;
  margin-bottom: -10px; */
  margin-top: 15px;
  margin-bottom: -10px;
  text-align: center;
}

.product-block-list__item--shipping .shipping-estimator__results p {
  margin: 0 !important;
}

.product-block-list__item--shipping .shipping-estimator__results li {
  display: inline-block;
/*   line-height: 18px; */
}

.product__refund-policy-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.product__refund-policy-link svg {
  width: 8px;
  height: 12px;
}

@media screen and (max-width: 640px) {
  .product-block-list__item:first-child .card {
    border-top: none;
  }
}

@media screen and (max-width: 999px) {
  /* we have a logic on desktop with overflow scroller and we must force it to disabled on mobile */
  .product-block-list__wrapper {
    min-height: 0 !important;
  }

  .product-block-list__item--info > .card {
    top: 0 !important;
  }
}

@media screen and (min-width: 1000px) {
  .product-block-list {
    position: relative;
  }

  .product-block-list__wrapper {
    width: calc(100% - 0px);
    margin-left: 0;
  }

  .product-block-list__item--info {
    position: absolute;
/*     top: 0; */
    top: 10px;
    right: 0;
    width: calc(40% - 15px);
    height: 100%;
  }
  
  .product-block-list__wrapper #gallery {
    width: calc(60% - 0px);
  }
}

@media screen and (max-width: 640px) {
    .product-gallery__carousel-item {
    padding: 0;
  }
    /*.product-gallery__carousel {
    margin-left: -20px;
    margin-right: -20px;
    }*/
  .product-block-list__item--description .card__title {
      margin-left: -10px;
      margin-right: -10px;
    }
    .product-block-list__item--description .text--pull {
      margin-left: -10px;
      margin-right: -10px;
    }
    .product-block-list__item--the-details p {
      margin-left: -20px;
      margin-right: -20px;
    }
    .product-block-list__item--details p {
      margin-left: -20px;
      margin-right: -20px;
    }
    .product-block-list__item--detail p {
      margin-left: -20px;
      margin-right: -20px;
    }
    .product-block-list__item--trust .card__title {
      margin-left: -10px;
    }
    .product-block-list__item--trust .icon--lock {
      margin-left: -10px;
    }
    .product-block-list__item--trust .payment-list {
      margin-left: -10px;
      margin-right: -10px;
    }
    .product-block-list__item--trust .payment-list__notice {
      margin-left: -10px;
      margin-right: -10px;
    }
    .product-block-list__item--shipping .card__title {
      margin-left: -10px;
      margin-right: -10px;
    }
    .product-block-list__item--shipping .shipping-estimator {
      margin-left: -10px;
      margin-right: -10px;
    }
    .product-block-list__item--info .product-form__variants {
      margin-left: -10px;
      margin-right: -10px;
    }
/*    .product-block-list__item--info .product-form__info-list {
      margin-left: -10px;
      margin-right: -10px;
    } */
/*    .product-block-list__item--info .product-form__payment-container {
      margin-left: -10px;
      margin-right: -10px;
    } */
    .product-block-list__item--info .product-meta__share-buttons {
      margin-left: -10px;
      margin-right: -10px;
    }
    .product-block-list__item--info .product-form__info-item {
/*       display: block; */
      margin-left: -10px;
      margin-right: -10px;
    }
    .product-block-list__item--info #product_details_link {
       margin-left: -5px;
      margin-right: -5px;
    }
}

@media screen and (min-width: 1280px) {
  .product-block-list--medium .product-block-list__wrapper {
    width: calc(100%);
  }
  .product-block-list--medium .product-block-list__item--info {
    width: calc(45% - 10px);
  }
  .product-block-list--medium .product-block-list__wrapper #gallery {
    width: calc(55% - 5px);
  }

  .product-block-list--large .product-block-list__wrapper {
    width: calc(100%);
  }
  .product-block-list--large .product-block-list__item--info {
/*     width: calc(30% - 10px); */
    width: calc(40% - 10px);
  }
  .product-block-list--large .product-block-list__wrapper #gallery {
/*     width: calc(70% - 5px); */
    width: calc(60% - 5px);
  }
}

/**
 * --------------------------------------------------------------------
 * FEATURED PRODUCT (HOMEPAGE)
 * --------------------------------------------------------------------
 */

/* When within the modal we need to remove the border */
.modal .featured-product .card {
  border: none;
}

.modal .featured-product .card:first-child {
  border-right: 1px solid var(--border-color);
}

@media screen and (min-width: 1000px) {
  .featured-product {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .featured-product > * {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }

  .featured-product > :first-child {
    border-radius: 0;
  }

  .featured-product > :last-child {
    border-radius: 0;
    border-left: none;
  }
}
/**
 * --------------------------------------------------------------------
 * PRODUCT LABEL
 * --------------------------------------------------------------------
 */

.product-label {
  display: inline-block;
/*   padding: 4px 10px; */
/*   padding: 3px 6px; */
  padding: 1px 2px;
  color: #ffffff;
/*   border-radius: 3px; */
  /* border-radius: 0; */
  /* font-weight: var(--text-font-bolder-weight); */
   /* font-weight: 600; */
  font-weight: 400;
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px)); */
  line-height: 1;
  vertical-align: top;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-left: 0.6em;
  padding-right: 0.6em;
  border-radius: 0 4px 0 4px;
}

.product-label--on-sale {
/*   background: var(--product-on-sale-accent); */
  background: #eb4808;
  color: var(--product-on-sale-color);
}

.product-label--custom1 {
  background: var(--product-custom-label-1-background);
  color: var(--product-custom-label-1-color);
}

.product-label--custom2 {
  background: var(--product-custom-label-2-background);
  color: var(--product-custom-label-2-color);
}

/**
 * --------------------------------------------------------------------
 * PRODUCT PRICE
 * ---------
 -----------------------------------------------------------
 */

.price-list {
  display: inline-flex;
  align-items: baseline;
  line-height: 1;
}

.price {
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 24px)); */
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 21px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 19px));
  color: var(--accent-color);
}

.price--highlight {
  margin-right: 0.7em;
/*   color: var(--product-on-sale-accent); */
  color: #eb4808;
}

.price--compare {
  position: relative;
  color: var(--text-color);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  text-decoration: line-through;
  -webkit-text-decoration-color: rgba(var(--text-color-rgb), 0.7);
          text-decoration-color: rgba(var(--text-color-rgb), 0.7);
}

/**
 * --------------------------------------------------------------------
 * INVENTORY AND BAR
 * --------------------------------------------------------------------
 */

.inventory {
  position: relative;
  display: block;
  padding-left: 1.4em;
  font-weight: var(--text-font-bolder-weight);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  line-height: 1.2;
}

.inventory::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  left: 0;
  top: 0.45em;
  border-radius: 100%;
  background: currentColor;
}

.inventory--high {
  color: var(--product-in-stock-color);
}

.inventory--low {
  color: var(--product-low-stock-color);
}

.inventory-bar {
  position: relative;
  display: block;
  margin: 16px 0 10px 0;
  width: 100%;
  height: 4px;
  border-radius: 0;
  background: var(--border-color);
  overflow: hidden;
}

.inventory-bar--hidden {
  display: none;
}

.inventory-bar__progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  display: block;
  transition: width 1.15s ease-in-out;
}

.inventory--high + .inventory-bar > .inventory-bar__progress {
  background: var(--product-in-stock-color);
}

.inventory--low + .inventory-bar > .inventory-bar__progress {
  background: var(--product-low-stock-color);
}

@media screen and (min-width: 641px) {
  .inventory {
    font-size: 1rem;
  }

  .inventory-bar {
    margin-top: 23px;
  }
}

/**
 * --------------------------------------------------------------------
 * COLOR SWATCH
 * --------------------------------------------------------------------
 */

.color-swatch-list {
  margin: -2px -6px 0 -6px; /* We have to take into account the box-shadow and inner spacing added when an element is active */
  padding-left: 4px;
}

.color-swatch {
  position: relative;
  display: inline-block;
  /*   margin: 6px; */
  margin: 4px;
  vertical-align: middle;
  padding: 1px;
}

.color-swatch__radio {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}

.color-swatch__item {
  position: relative;
  display: block;
/*   width: 18px;
  height: 18px; */
  width: 14px;
  height: 14px;
  cursor: pointer;
  background-size: cover;
  border: 1px solid #d7d7d7;
/*   border-radius: 50%; */
  border-radius: 0;
}

.collection__filter-color-list .color-swatch__item {
  border: none;
}

.color-swatch__item svg {
  display: none;
}

.color-swatch__item-link {
  display: none;
  position: relative;
/*   padding-left: 8px;
  padding-right: 8px; */
  padding-left: 10px;
  padding-right: 10px;
  height: 18px;
  background: var(--secondary-background);
  backdrop-filter: saturate(180%) blur(25px);
  -webkit-backdrop-filter: saturate(180%) blur(25px);
/*   box-shadow: 0 0 0 1px var(--form-border-color) inset; */
  border: 1px solid #777;
  border-radius: 0;
  width: auto;
/*   line-height: 18px;
  font-size: 12px; */
  line-height: 17px;
  font-size: 11px;
}

.color-swatch__item-link:hover {
  color: #fff;
  background: rgba(71,65,58,.85);
}

.color-swatch__button {
  vertical-align: middle;
}

.color-swatch__button--labelled {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.color-swatch__label {
  display: inline-block;
  vertical-align: middle;
/*   margin-left: 14px; */
  margin-left: 8px;
  font-size: 12px;
}

.color-swatch__radio:checked + .color-swatch__item::after,
.color-swatch__button.is-selected .color-swatch__item::after {
  position: absolute;
  content: "";
  /*   width: calc(100% + 8px);
  height: calc(100% + 8px);
  top: -4px;
  left: -4px; */
/*   width: calc(100% + 6px);
  height: calc(100% + 6px); */
  width: calc(100% + 4px);
  height: calc(100% + 4px);
/*   top: -3px;
  left: -3px; */
  top: -2px;
  left: -2px;
/*   border-radius: 3px;
  border: 2px solid var(--accent-color); */
  border: 1px solid var(--accent-color);
/*   border-radius: 50%; */
  border-radius: 0;
}

.product-item__swatch-list .color-swatch__radio:checked + .color-swatch__item::after,
.product-item__swatch-list .color-swatch__button.is-selected .color-swatch__item::after {
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  top: -3px;
  left: -3px;
}

.color-swatch__button.is-selected .color-swatch__label {
  font-weight: var(--text-font-bolder-weight);
  color: var(--accent-color);
}

/* .color-swatch--white .color-swatch__item {
  box-shadow: 0 0 0 1px var(--form-border-color) inset;
} */

/* The view more is used on listing, to restrict the number of displayed swatches */
.color-swatch--view-more ~ .color-swatch {
  display: none;
}

.color-swatch--view-more .color-swatch__item {
  display: none;
}

.color-swatch--view-more .color-swatch__item-link {
  display: block;
}

/** Large list variation **/
.color-swatch-list--large {
  margin: -4px -8px 0 -8px; /* We have to take into account the box-shadow and inner spacing added when an element is active */
}

.color-swatch-list--large .color-swatch {
  /*   margin: 8px; */
  margin: 5px;
}

.color-swatch-list--large .color-swatch__item {
/*   width: 36px;
  height: 36px; */
/*   width: 28px;
  height: 28px; */
  width: 22px;
  height: 22px;
/*   border: none; */
}

.color-swatch-filter {
  border: 1px solid #d7d7d7 !important;
}

/** Stack list variation **/
.color-swatch-list--stack {
  margin: -3px -7px 0 -7px; /* We have to take into account the box-shadow and inner spacing added when an element is active */
}

.color-swatch-list--stack .color-swatch__item {
  width: 16px;
  height: 16px;
  border: 1px solid #d7d7d7;
}

.color-swatch-list--stack .color-swatch {
  display: block;
  margin: 7px;
}

/* Disabled variation */
.color-swatch--disabled .color-swatch__item::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(var(--secondary-background-rgb), 0.5);
}

.color-swatch--disabled svg {
  display: block;
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  left: calc(50% - 7px);
  color: #4a4a4a;
}

/**
 * --------------------------------------------------------------------
 * BLOCK SWATCH
 * --------------------------------------------------------------------
 */

.block-swatch-list {
  margin: -3px -4px 0 -4px; /* We need to take into account the box-shadow height when element is active */
  padding-left: 2px;
}

.block-swatch {
  display: inline-block;
  margin: 4px;
}

.block-swatch__radio {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}

.block-swatch__item {
  display: block;
/*   padding: 6px 16px 7px 16px; */
  padding: 4px 10px 5px 10px;
  text-align: center;
/*   border: 1px solid var(--form-border-color); */
  border: 1px solid #e9ecef;
/*   border-radius: 3px; */
  border-radius: 0;
  vertical-align: middle;
  cursor: pointer;
/*   box-shadow: 0 1px 1px rgba(var(--border-color-rgb), 0.25); */
/*   font-size: 13px; */
  font-size: 11px;
}

.block-swatch__item:hover {
  border: 1px solid #000;
}

@media screen and (max-width: 640px) {
  .block-swatch__item {
    padding: 4px 0.2em 4px 0.2em
    font-size: 12px;
  }
}

.block-swatch__radio:checked + .block-swatch__item {
  box-shadow: 0 0 0 1px var(--accent-color);
/*   border-color: var(--accent-color); */
/*   background: rgba(var(--accent-color-rgb), 0.06);
  color: var(--accent-color); */
  background: #000;
  color: #fff;
  border-color: #d7d7d7;
  border-radius: 0;
}

.block-swatch--disabled .block-swatch__item-text {
  position: relative;
  opacity: 0.5;
}

.block-swatch--disabled .block-swatch__item-text::after {
  position: absolute;
  content: "";
  width: calc(100% + 6px);
  height: 1px;
/*   top: calc(50% + 1px); */
  top: calc(50% + 0px);
  left: -3px;
  background: currentColor;
}

/**
 * --------------------------------------------------------------------
 * VARIANT SWATCH
 * --------------------------------------------------------------------
 */

.variant-swatch-list {
  margin: -5px -5px -2px -4px;
}

.variant-swatch {
  display: inline-block;
/*   margin: 5px; */
  margin: 4px;
  vertical-align: middle;
}

.variant-swatch__radio {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}

.variant-swatch__item {
  position: relative;
  display: block;
  /*   width: 64px; */
/*   width: 45px; */
  width: 42px;
  padding: 2px;
  cursor: pointer;
  overflow: hidden;
/*   border: 2px solid transparent; */
  border: 1px solid #e9ecef;
  border-radius: 0;
}

.variant-swatch__item:hover {
  border: 1px solid #000;
}

.variant-swatch__item svg {
  display: none;
}

.variant-swatch__radio:checked + .variant-swatch__item {
  border-color: var(--accent-color);
/*   border-radius: 3px; */
  border-radius: 0;
}

/* Disabled variation */
.variant-swatch--disabled img {
  opacity: 0.5;
}

.variant-swatch--disabled svg {
  display: block;
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  left: calc(50% - 7px);
  color: #4a4a4a;
}

/**
 * --------------------------------------------------------------------
 * PRODUCT ITEM
 * --------------------------------------------------------------------
 */

.product-item {
  position: relative;
  /*   padding: 20px; */
  /* padding: 10px; */
  padding: 10px 3px;
  min-width: 0;
  flex-shrink: 0;
  /* background: var(--secondary-background); */
  background: transparent;
/*   background: #f3f5f6; */
  white-space: normal;
  transition: transform 0.3s;
}

@media screen and (max-width: 640px) {
  .product-item {
    padding: 10px;
  }
}

.product-item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-shadow: 1px 0 var(--border-color), 0 1px var(--border-color);
  box-shadow: none;
  z-index: 2; /* needed to overlap the labels (if any) */
  pointer-events: none;
}

/* .template-index .product-item::after {
  box-shadow: none;
} */

.product-item__image-wrapper {
  display: block;
/*   margin-bottom: 20px; */
  margin-bottom: 5px;
}

.product-item__image-wrapper .placeholder-svg {
  height: auto;
}

.product-item__secondary-image {
  display: none;
}

.product-item__label-list {
  position: absolute;
  /*   top: 11px; */
/*   top: 8px;
  left: -1px; */
/*   top: 10px; */
  top: 8px;
  left: 2px;
  z-index: 2;
  font-size: 0;
}



.product-item__label-list > .product-label {
  display: block;
/*   margin-bottom: 5px;
  border-radius: 0 3px 3px 0; */
/*   margin-bottom: 0; */
  margin-bottom: 1px;
/*   border-radius: 0; */
}

.product-item__info {
  min-width: 0;
  /* padding-top: 15px; */
  padding: 15px 4px 5px;
  margin: 0 -2px;
  background: #fff;
}

/* .product-item__price-list:first-child {
  margin-bottom: 10px;
} */

/* This trick is done to add some spacing in case the prices fall into two lines */
.product-item__price-list {
/*   margin-top: -5px;
  margin-bottom: -5px; */
  margin-top: -4px;
  margin-bottom: -4px;
}

/* .product-recommendations .product-item__info .product-item__price-list, .recently-viewed-products-placeholder .product-item__info .product-item__price-list {
  margin-top: 0;
  margin-bottom: 0;
}

.product-recommendations .product-item__info .product-item__swatch-list, .recently-viewed-products-placeholder .product-item__info .product-item__swatch-list {
  margin: 0 0 3px 0;
}

.product-recommendations .product-item__info .color-swatch-list, .recently-viewed-products-placeholder .product-item__info .color-swatch-list {
  margin: 0 -6px 0 -6px;
}

.product-recommendations .product-item__info .visually-hidden, .recently-viewed-products-placeholder .product-item__info .visually-hidden {
  margin: 0px;
} */

/* .product-recommendations .product-gallery__carousel-wrapper, .recently-viewed-products-placeholder .product-gallery__carousel-wrapper {
  display: contents;
} */

.tag-title {
  /* display: block; */
  display: flex;
  /*   line-height: 1.55; */
  line-height: 12px;
  /* line-height: 17px; */
/*   color: #333333; */
  color: #4B5563;
/*   font-size: 14px; */
  font-weight: 400;
  padding-top: 6px;
}

.tag-title span {
  /* font-size: 12px; */
  font-size: 11px;
}

.tag-title .tag-color {
  color: green;
  /* margin-right: 2px; */
  margin-right: 3px;
}

.product-item__price-list .price {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
}

.product-item__vendor {
  display: block;
/*   margin-bottom: 6px; */
  margin-bottom: 2px;
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  text-transform: uppercase;
/*   color: rgb(117, 117, 117); */
  color: #222222;
}

.product-item__vendor,
.product-item__title {
  display: block;
  /*   line-height: 1.55; */
/*   line-height: 12px; */
  line-height: 17px;
/*   color: #333333; */
/*   font-size: 14px; */
  font-weight: 400;
  text-shadow: none;
}

.\31\/3--phone .product-item__vendor {
  line-height: 12px;
}

.\31\/3--phone .product-item__title {
  line-height: 14px;
}

.product-item__title {
/*   color: #333333; */
  color: #555555;
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 4px;
}

/* .product-item__vendor:hover {
  text-decoration: underline;
}

.product-item__title:hover {
  color: #000072;
  text-decoration: underline;
} */

/* .product-item__title {
  margin-bottom: 12px;
} */

.product-item__title + .product-item__vendor {
/*   margin-bottom: 12px; */
  margin-bottom: 8px;
  margin-top: -4px;
}

.product-item__vendor-toget {
  font-weight: bold;
  color: #222;
  font-size: 11px;
}

.product-item__title:hover .product-item__vendor-toget {
  text-shadow: none;
}

@media screen and (max-width: 999px) {
  .product-item__title {
    padding-top: 3px;
  }
}

.product-item__swatch-list {
  /*   margin: -2px 0 12px 0; /* On the collection page, we do not show more than one line */
  margin: -3px 0 3px 0;
  white-space: nowrap;
  overflow: hidden;
}

.product-item__price-info {
  margin-top: 10px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  line-height: 1;
}

.product-item .price {
  /*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px)); */
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.product-item .price--compare {
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.product-item__reviews-badge {
  display: block;
  margin-top: 8px;
}

.product-item__inventory {
  margin-top: 10px;
}

.product-item__inventory::before {
  top: 0.3em;
}

.product-item__inventory {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

@media screen and (any-hover: hover) {
  .product-item__image-wrapper--with-secondary .product-item__primary-image,
  .product-item__image-wrapper--with-secondary .product-item__secondary-image {
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }

  .product-item__image-wrapper--with-secondary .product-item__secondary-image {
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    visibility: hidden;
    opacity: 0;
  }

  .product-item__image-wrapper--with-secondary:hover .product-item__primary-image {
    opacity: 0;
    visibility: hidden;
  }

  .product-item__image-wrapper--with-secondary:hover .product-item__secondary-image {
    visibility: visible;
  }

  .product-item__image-wrapper--with-secondary:hover .product-item__secondary-image.lazyloaded {
    opacity: 1;
  }
}

@media screen and (min-width: 641px) {
  .product-item__title {
/*     font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px)); */
/*     font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px)); */
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  }

  .product-item--vertical .price:not(.price--compare),
  .product-item--list .price:not(.price--compare) {
    /*     font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px)); */
/*     font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px)); */
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  }
}

@media screen and (min-width: 1000px) {
  .product-item__label-list {
/*     left: 0; */
/*     left: -1px; */
    left: 8px;
  }
  .main_featured-collection .product-item .product-item__label-list {
  left: 3px;
  }
  .recently-viewed-products-placeholder .product-item .product-item__label-list {
  left: 3px;
  }
  .product-recommendations .product-item .product-item__label-list {
  left: 3px;
  }
}

/**
 * --------------------------------------------------------------------
 * PRODUCT ITEM (VERTICAL AND HORIZONTAL VARIATION)
 * --------------------------------------------------------------------
 */

.product-item--vertical .product-item__action-list,
.product-item--horizontal .product-item__action-list {
  /*   margin: 20px 0 5px 0; */
  margin: 10px 0 5px 0;
}

.product-item--vertical .product-item__action-button,
.product-item--horizontal .product-item__action-button {
  padding-left: 10px;
  padding-right: 10px;
}

.product-item--vertical .product-item__action-list--list-view-only,
.product-item--vertical .product-item__action-button--list-view-only,
.product-item--horizontal .product-item__action-list--list-view-only,
.product-item--horizontal .product-item__action-button--list-view-only {
  display: none;
}

.product-item--vertical .product-item__action-button--list-view-only + .product-item__action-button,
.product-item--horizontal .product-item__action-button--list-view-only + .product-item__action-button {
  margin-top: 0;
}

@media screen and (min-width: 1000px) {
  .product-item--vertical .product-item__action-list {
    /*     margin: 15px -5px -5px -5px; */
    margin: 5px -5px -5px -5px;
  }

  .product-item--vertical .product-item__action-button {
    flex: 1 0 auto;
/*     margin: 5px !important; */
    margin: 2px 5px !important;
  }
}

.product-item__action-button.button--primary {
  background: #fff;
    color: #000;
    border: 1px solid #000;
/*     letter-spacing: .16071429rem; */
/*     font-weight: 700; */
    font-weight: 500;
}

.product-item__action-button.button--primary:hover {
    color: #fff;
    border: 1px solid #000;
    background: rgba(var(--primary-button-background-rgb), 0);
    z-index: 0;
}

.product-item__action-button.button--primary:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.product-item__action-button.button--primary:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.product-item__action-button.button--ternary {
  background: #000;
    color: #fff;
    border: 1px solid #000;
/*     letter-spacing: .16071429rem;
    font-weight: 700; */
    box-shadow: none;
}

.product-item__action-button.button--ternary:hover {
  background: rgba(var(--secondary-button-background-rgb), 0.8);
    color: var(--primary-button-text-color);
}

/**
 * --------------------------------------------------------------------
 * PRODUCT ITEM (HORIZONTAL AND LIST VARIATION)
 * --------------------------------------------------------------------
 */

.product-item--horizontal,
.product-item--list {
  display: flex;
}

.product-item--horizontal .product-item__info,
.product-item--list .product-item__info {
  padding: 4px 0;
  flex: 1 0 0;
}

.product-item--horizontal .product-item__image-wrapper,
.product-item--list .product-item__image-wrapper {
  flex: none;
  width: 120px;
  margin: 0 20px 0 0;
}

.product-item--horizontal .product-item__action-list,
.product-item--list .product-item__action-list {
  align-self: center;
}

.product-item--horizontal .spr-starrating.spr-starrating {
  height: 11px;
}

.product-item--horizontal .spr-starrating .spr-icon.spr-icon {
  width: 11px;
  height: 11px;
}

@media screen and (max-width: 640px) {
  .product-item--horizontal,
  .product-item--list {
    width: 100% !important;
  }

  .product-list--collection .product-item__label-list,
  .product-list--stackable .product-item__label-list {
/*     left: 0; */
    left: 2px;
    top: 10px;
  }
  
  .\31\/3--phone .product-item__label-list {
/*     left: 2px;
    top: 6px; */
    left: 1px;
    top: 5px;
    }
  .product-list--collection .rating__star,
  .product-list--stackable .rating__star {
    height: 11px;
    width: 11px;
  }
}

@media screen and (min-width: 641px) {
  .product-item--horizontal .product-item__image-wrapper {
    width: 110px;
    margin-right: 20px;
  }

  .product-item--horizontal .product-item__info {
    flex: 1 0 0;
  }
}

/**
 * --------------------------------------------------------------------
 * PRODUCT ITEM (LIST VARIATION)
 * --------------------------------------------------------------------
 */

@media screen and (max-width: 640px) {
  .product-item__action-list {
    margin-top: 20px;
  }
}

@media screen and (min-width: 641px) {
  .product-item--list {
    width: 100% !important;
    align-items: center;
    padding-right: 25px;
  }

  .product-item--list .product-item__title {
    font-size: 1rem;
  }

  .product-item--list .product-item__image-wrapper {
    width: 180px;
    margin-right: 30px;
  }

  .product-item--list .product-item__info {
    display: flex;
    justify-content: space-between;
    flex: 1 0 0;
    margin: 15px 0 15px 0;
  }

  .product-item--list .product-item__action-list {
    display: flex;
    margin-left: 30px;
    min-width: 180px;
  }
}

/**
 * --------------------------------------------------------------------
 * PRODUCT ITEM (COMPACT VARIATION)
 * --------------------------------------------------------------------
 */

.product-item--compact .product-item__info {
  padding-top: 0;
}

.product-item--compact .product-item__price-list:first-child {
  margin-bottom: 8px;
}

.product-item--compact .product-item__reviews-badge {
  margin: 15px 0;
}
.promo-block {
  position: relative;
  display: flex;
  min-height: 240px;
  padding: 20px 24px;
/*   border-radius: 3px; */
  border-radius: 0;
  overflow: hidden;
}

.promo-block--small {
  min-height: 220px;
}

.promo-block--large {
  min-height: 260px;
}

.promo-block--top-left,
.promo-block--top-center,
.promo-block--top-right {
  align-items: flex-start;
}

.promo-block--middle-left,
.promo-block--middle-center,
.promo-block--middle-right {
  align-items: center;
}

.promo-block--bottom-left,
.promo-block--bottom-center,
.promo-block--bottom-right {
  align-items: flex-end;
}

.promo-block--top-right,
.promo-block--middle-right,
.promo-block--bottom-right {
  text-align: right;
  justify-content: flex-end;
}

.promo-block--top-center,
.promo-block--middle-center,
.promo-block--bottom-center {
  text-align: center;
  justify-content: center;
}

.promo-block--top-left,
.promo-block--middle-left,
.promo-block--bottom-left {
  text-align: left;
  justify-content: flex-start;
}

.promo-block__image-clip,
.promo-block__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.promo-block__image-clip {
  overflow: hidden;
}

.promo-block__image-wrapper {
  background-repeat: no-repeat;
  background-position: right calc(100% + 15px);
  background-size: auto 185px;
  transition: opacity 0.2s ease-in-out, background-position 0.35s ease-in-out;
}

.promo-block__image-wrapper--cover {
  background-size: cover !important;
  background-position: center !important;
  transform: scale(1.01); /* The 1.01 is necessary to avoid some rounding issues on Chrome */
  transition: opacity 0.2s ease-in-out, transform 1.2s ease-in-out;
}

.promo-block__inner {
  position: relative;
/*   z-index: 1; */
}

.promo-block__content {
  margin-bottom: 1em;
  font-size: 18px;
  text-shadow: 0 2px 10px rgb(0 0 0);
  letter-spacing: 0.08em;
}

.promo-block__heading {
  margin-bottom: 3px;
  color: inherit;
/*   font-size: 32px; */
  font-size: 36px;
  line-height: 40px;
  font-weight: bold;
  text-shadow: 0 2px 10px rgb(0 0 0 / 50%);
  letter-spacing: 0.04em;
}

/* .promo-block__cta {
  margin-top: 3px;
  border: 1px solid #000 !important;
  border-radius: 50px;
  position: relative;
  background-color: #fff;
  color: #000;
  z-index: 1;
  transition: opacity 1.1s cubic-bezier(.32, .24, .15, 1) .55s;
  transition: opacity 1.1s var(--cubic) .55s;
} */

/* .promo-block__cta:hover {
    background-color: #000;
    color: #fff;
    transition: background-color .25s ease;
}

.promo-block__cta:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% + 4px);
    height: 0;
    top: 50%;
    left: 50%;
    background: var(--color-text);
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    transition: height .25s cubic-bezier(.32, .24, .15, 1);
    transition: height .25s var(--cubic);
}

.promo-block__cta:hover:before {
    opacity: 1;
    height: 48px;
    height: var(--height-button);
} */

.promo-block--small .promo-block__image-wrapper {
  background-size: auto 155px;
}

/** Overlay variation **/
.promo-block--overlay::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.5));
  z-index: 1;
}

@media screen and (any-hover: hover) {
  .promo-block__image-wrapper {
    background-position: right calc(100% + 35px);
  }

  .promo-block:hover .promo-block__image-wrapper {
    background-position: right calc(100% + 15px);
  }

  .features--animate-zoom .promo-block:hover .promo-block__image-wrapper--cover {
    transform: scale(1.07);
  }
}

@media screen and (min-width: 641px) {
  .promo-block {
    min-height: 270px;
    padding: 26px 30px;
  }

  .promo-block--small {
    min-height: 240px;
  }

  .promo-block--large {
    min-height: 300px;
  }
}

@media screen and (min-width: 1000px) {
  .promo-block {
    min-height: 310px;
  }

  .promo-block--small {
    min-height: 280px;
  }

  .promo-block--large {
    min-height: 360px;
  }

  .promo-block__image-wrapper {
    background-size: auto 260px;
  }

  .promo-block--small .promo-block__image-wrapper {
    background-size: auto 220px;
  }

  .promo-block__heading {
    margin-bottom: 8px;
  }

  .promo-block__cta {
    margin-top: 8px;
  }
}
/**
 * --------------------------------------------------------------------
 * GENERAL
 *
 * IMPLEMENTATION NOTE: Shopify Reviews CSS overrides our own CSS, as a consequence
 *                      to increase the CSS specificity, I had to add a wrapping class
 *                      or using the "double class" (eg: .spr-icon.spr-icon) to take precedence
 * --------------------------------------------------------------------
 */

.spr-starrating.spr-starrating,
.spr-starratings.spr-starratings {
  margin: 0;
  height: 14px;
}

.spr-icon.spr-icon::before {
  display: none; /* allow the default image to not be loaded by Shopify Reviews */
}

.spr-icon.spr-icon {
  display: inline-block;
  vertical-align: top;
  top: 0;
  height: 13px;
  width: 13px;
  opacity: 1 !important;
  /* IE11 requires it to be base64 encoded */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI4OTZweCIgaGVpZ2h0PSI4MzJweCIgdmlld0JveD0iMCAwIDg5NiA4MzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgIDx0aXRsZT5zdmc8L3RpdGxlPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJzdmciIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iODk2IDMyMCA1ODIuNSAyNzkuMjE5IDQ0OCAwIDMxMy40NjkgMjc5LjIxOSAwIDMyMCAyMzAuNDY5IDUyOC44NzUgMTcxIDgzMS45MzggNDQ4IDY4My4xMjYgNzI1LjA2MiA4MzEuOTM4IDY2NS41IDUyOC44NzUiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-size: cover;
}

.spr-icon.spr-icon-star-empty {
  opacity: 0.3 !important;
}

.spr-form-input .spr-icon.spr-icon {
  width: 17px;
  height: 17px;
}

@supports ((-webkit-mask: url('')) or (mask: url(''))) {
  .spr-icon.spr-icon {
    opacity: 1 !important;
    background: var(--product-review-star-color);
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 896 832"><path d="M896 320l-313.5-40.781L448 0 313.469 279.219 0 320l230.469 208.875L171 831.938l277-148.812 277.062 148.812L665.5 528.875z" fill-rule="nonzero"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 896 832"><path d="M896 320l-313.5-40.781L448 0 313.469 279.219 0 320l230.469 208.875L171 831.938l277-148.812 277.062 148.812L665.5 528.875z" fill-rule="nonzero"/></svg>');
    -webkit-mask-size: cover;
            mask-size: cover;
  }

  .spr-icon.spr-icon-star-empty,
  .spr-icon.spr-icon-star-empty {
    background: rgba(var(--text-color-rgb), 0.4);
  }
}

.spr-icon + .spr-icon {
  margin-left: 4px;
}

@media screen and (min-width: 641px) {
  .spr-summary-starrating.spr-summary-starrating {
    height: 17px;
  }

  .spr-summary-starrating .spr-icon.spr-icon {
    width: 17px;
    height: 17px;
  }
}

/**
 * --------------------------------------------------------------------
 * MAIN REVIEW
 * --------------------------------------------------------------------
 */
#shopify-product-reviews {
  margin: 0 !important;
  overflow: visible !important;
}

#shopify-product-reviews .spr-container {
  padding: 0;
  border: none;
}

#shopify-product-reviews .spr-header {
  position: relative;
}

#shopify-product-reviews .spr-header-title {
  font-family: var(--heading-font-family);
/*   font-weight: var(--heading-font-weight); */
  font-weight: 500;
  font-style: var(--heading-font-style);
  color: var(--heading-color);
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 20px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
  line-height: 1.6;
  margin-bottom: 7px;
  text-align: left;
}

#shopify-product-reviews .spr-summary {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  align-items: center;
}

#shopify-product-reviews .spr-summary-caption {
  line-height: 1;
}

#shopify-product-reviews .spr-summary-actions {
  display: block;
  width: 100%;
}

#shopify-product-reviews .spr-summary-starrating {
  margin-right: 10px;
}

#shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .spr-button {
  position: relative;
  display: inline-block;
  padding: 0 30px;
/*   line-height: 48px; */
  line-height: 42px;
/*   border-radius: 2px; */
  border-radius: 0;
  text-align: center;
  font-weight: var(--text-font-bolder-weight);
  font-size: var(--base-text-font-size);
  cursor: pointer;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  float: none;
/*   background: var(--primary-button-background); */
  background: #47413a;
  color: var(--primary-button-text-color);
  text-decoration: none;
}

#shopify-product-reviews .spr-summary-actions-newreview:hover,
#shopify-product-reviews .spr-button:hover {
/*   background: rgba(var(--primary-button-background-rgb), 0.8); */
  background: rgba(71,65,58,.8);
}

#shopify-product-reviews .spr-form,
#shopify-product-reviews .spr-reviews {
  margin-top: 44px;
  border-top: 1px solid var(--border-color);
}

#shopify-product-reviews .spr-form-submitted + .spr-reviews {
  margin-top: 0;
  border-top: none;
}

#shopify-product-reviews .spr-review {
  position: relative;
  border-top: none;
  margin: 28px 0 0 0;
  padding: 0;
}

#shopify-product-reviews .spr-review + .spr-review {
  margin-top: 32px;
}

#shopify-product-reviews .spr-review-header-starratings {
  margin-bottom: 12px;
}

#shopify-product-reviews .spr-review-header-title {
  margin-bottom: 14px;
  color: var(--heading-color);
  font-weight: var(--text-font-bolder-weight);
  font-size: 1rem;
  line-height: 1.75;
}

#shopify-product-reviews .spr-review-header-byline {
  position: absolute;
  margin: 0;
  bottom: calc(1em + 12px);
  left: 0;
  opacity: 1;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

#shopify-product-reviews .spr-review-header-byline strong {
  font-weight: normal;
}

#shopify-product-reviews .spr-review-content,
#shopify-product-reviews .spr-review-reply {
  margin-bottom: calc(1em + 22px);
}

#shopify-product-reviews .spr-review-reply {
  margin-top: -1.4em;
  padding: 0 0 0 12px;
  background: none;
  border-left: 2px solid var(--border-color);
}

#shopify-product-reviews .spr-review-reply-shop {
  float: none;
}

#shopify-product-reviews .spr-review-content-body {
  line-height: 1.75;
  font-size: 1rem;
}

#shopify-product-reviews .spr-review-reportreview {
  color: var(--accent-color);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  float: none;
  transition: color 0.2s ease-in-out;
}

#shopify-product-reviews .spr-review-reportreview:hover {
  text-decoration: underline; /*text-underline-position: under;*/
}

#shopify-product-reviews .spr-form {
  padding: 0;
}

#shopify-product-reviews .spr-form > form {
  padding-top: 22px;
}

#shopify-product-reviews .spr-form-title {
  display: none !important;
}

#shopify-product-reviews .spr-form-label {
  display: block;
  margin-bottom: 8px;
  color: var(--heading-color);
  font-weight: var(--text-font-bolder-weight);
  font-size: 1rem;
}

#shopify-product-reviews .spr-form-input-text,
#shopify-product-reviews .spr-form-input-textarea,
#shopify-product-reviews .spr-form-input-email {
  display: block;
  padding: 9px 14px;
  border-radius: 0;
  border: 1px solid var(--border-color);
  color: var(--heading-color);
  width: 100%;
  min-height: 48px;
  line-height: normal;
  -webkit-appearance: none;
  resize: none;
  box-shadow: 0 2px 1px rgba(var(--border-color-rgb), 0.2) inset;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}

#shopify-product-reviews .spr-form-input-textarea {
  line-height: 1.87;
  max-height: 180px;
}

#shopify-product-reviews .spr-form-input-text:focus,
#shopify-product-reviews .spr-form-input-textarea:focus,
#shopify-product-reviews .spr-form-input-email:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 1px var(--accent-color);
  color: var(--heading-color);
  outline: none;
}

#shopify-product-reviews .spr-form-input::-moz-placeholder {
  color: rgba(var(--text-color-rgb), 0.6);
}

#shopify-product-reviews .spr-form-input:-ms-input-placeholder {
  color: rgba(var(--text-color-rgb), 0.6);
}

#shopify-product-reviews .spr-form-input::placeholder {
  color: rgba(var(--text-color-rgb), 0.6);
}

#shopify-product-reviews .spr-form-input.spr-starrating {
  display: block;
}

#shopify-product-reviews .spr-form-contact-name,
#shopify-product-reviews .spr-form-contact-email,
#shopify-product-reviews .spr-form-contact-location,
#shopify-product-reviews .spr-form-review-rating,
#shopify-product-reviews .spr-form-review-title,
#shopify-product-reviews .spr-form-review-body {
  margin-bottom: 25px;
}

#shopify-product-reviews .spr-form-message {
  display: block;
  margin-top: 6px;
  padding: 10px 15px;
  white-space: normal;
  font-size: 1rem;
  word-break: break-all;
  word-break: break-word;
}

#shopify-product-reviews .spr-form-message-success {
  background: var(--success-background);
  color: var(--success-color);
}

#shopify-product-reviews .spr-form-message-error {
  background: var(--error-background);
  color: var(--error-color);
}

#shopify-product-reviews .spr-pagination {
  margin-top: 16px;
  color: var(--heading-color);
  font-weight: var(--text-font-bolder-weight);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  border-top: none;
}

#shopify-product-reviews .spr-pagination a {
  transition: color 0.2s ease-in-out;
}

#shopify-product-reviews .spr-pagination a:hover {
  color: var(--accent-color);
}

#shopify-product-reviews .spr-pagination-page {
  display: inline-block;
}

#shopify-product-reviews .spr-pagination-page a,
#shopify-product-reviews .spr-pagination-page.is-active {
  display: block;
  margin: 0 2px;
  padding: 8px 11px;
  line-height: 1;
}

#shopify-product-reviews .spr-pagination-page.is-active {
  display: inline-block;
  background: var(--accent-color);
  color: var(--secondary-background);
  border-radius: 0;
}

#shopify-product-reviews .spr-pagination-next a,
#shopify-product-reviews .spr-pagination-prev a {
  display: flex;
  align-items: center;
}

#shopify-product-reviews .spr-pagination-next svg,
#shopify-product-reviews .spr-pagination-prev svg {
  position: relative;
  width: 8px;
  height: 12px;
}

#shopify-product-reviews .spr-pagination-prev svg {
  margin-right: 14px;
}

#shopify-product-reviews .spr-pagination-next svg {
  margin-left: 14px;
}

@media screen and (max-width: 640px) {
  #shopify-product-reviews .spr-form,
  #shopify-product-reviews .spr-reviews {
    margin-top: 24px;
    border-top: none;
    padding: 0;
  }

  #shopify-product-reviews .spr-form-submitted {
    margin-top: 0;
  }

  #shopify-product-reviews .spr-form::before,
  #shopify-product-reviews .spr-form:not(.spr-form-submitted) + .spr-reviews::before,
  #shopify-product-reviews .spr-pagination::before {
    position: relative;
    content: "";
    display: block;
    width: calc(100% + var(--mobile-container-gutter));
    height: 1px;
    background: var(--border-color);
  }

  #shopify-product-reviews .spr-pagination > div {
    padding-top: 20px;
  }

  #shopify-product-reviews .spr-summary-actions {
    margin-top: 20px;
  }
}

@media screen and (min-width: 641px) {
  #shopify-product-reviews .spr-header-title {
/*     font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 21px)); */
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 19px));
    line-height: 1.5;
    margin-bottom: 15px;
  }

  #shopify-product-reviews.spr-reviews--has-reviews .spr-summary {
    margin-bottom: -13px;
  }

  #shopify-product-reviews .spr-summary-actions {
    position: absolute;
    right: 0;
    top: 0.5em;
    width: auto;
  }

  #shopify-product-reviews .spr-review + .spr-review {
    margin-top: 41px;
  }

  #shopify-product-reviews .spr-review:first-child {
    margin-top: 35px;
  }

  #shopify-product-reviews .spr-review-header-title {
    margin-bottom: 12px;
  }

  #shopify-product-reviews .spr-review-content,
  #shopify-product-reviews .spr-review-reply {
    margin: 0 0 17px 0;
  }

  #shopify-product-reviews .spr-review-footer {
    text-align: right;
  }

  #shopify-product-reviews .spr-review-reportreview {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }

  #shopify-product-reviews .spr-review-header-byline {
    bottom: 0;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  }

  #shopify-product-reviews .spr-pagination {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
  }
}
.rte {
  word-break: break-word; /* Prevent long words to go outside the container */
/*   line-height: 20px; */
}

/* Simple, minimum clearfix added to every RTE text to avoid issue with float */
.rte::after {
  content: "";
  display: block;
  clear: both;
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  margin: 1em 0;
  font-family: var(--heading-font-family);
/*   font-weight: var(--heading-font-weight); */
  font-weight: 500;
  font-style: var(--heading-font-style);
  color: var(--heading-color);
}

.rte h1:first-child,
.rte h2:first-child,
.rte h3:first-child,
.rte h4:first-child,
.rte h5:first-child,
.rte h6:first-child {
  margin-top: 0;
}

.rte h1 {
  margin: 1.4em 0 0.7em 0;
}

.rte h2 {
  margin: 1.55em 0 0.6em 0;
}

.rte h3 {
  margin: 1.8em 0 0.8em 0;
}

.rte h4 {
  margin: 1.9em 0 0.6em 0;
}

.rte h5 {
  margin: 2.2em 0 0.7em 0;
}

.rte h6 {
  margin: 2.5em 0 0.6em 0;
}

.rte img {
  display: block;
}

.rte p:not(:last-child),
.rte ul:not(:last-child),
.rte ol:not(:last-child) {
  margin-bottom: 0.7em;
}

.rte .collection-description p:not(:last-child) {
  margin-bottom: 0.4em;
}

.rte a:not(.button) {
  color: var(--link-color);
  transition: color 0.2s ease-in-out;
  -webkit-text-decoration: var(--text-link-decoration);
          text-decoration: var(--text-link-decoration);
  text-underline-position: under;
}

.rte a:not(.button):hover {
  color: var(--link-color-hover);
}

.rte p + .button {
  margin-top: 1em;
}

.rte ul, .rte ol {
  margin-left: 18px;
}

.rte ul li, .rte ol li {
  position: relative;
}

.rte ul li:not(:last-child), .rte ol li:not(:last-child) {
  margin-bottom: 5px;
}

.rte ul {
  list-style: none;
}

.rte ul li::before {
  position: absolute;
  content: "";
  left: -18px;
/*   top: 0.8em; */
  top: 0.7em;
  height: 5px;
  width: 5px;
  border-radius: 100%;
  background: rgba(var(--text-color-rgb), 0.4);
}

.rte ol {
  list-style-position: outside;
}

.rte img,
.rte .video-wrapper {
  margin: 2.7em 0;
}

.rte blockquote {
  margin: 3em 0 3em 10px;
  padding-left: 20px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  border-left: 5px solid rgba(var(--text-color-rgb), 0.4);
}

.rte table {
  margin-top: 2em;
}

@media screen and (min-width: 641px) {
  .rte blockquote {
    padding-left: 30px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
  }

  .rte img,
  .rte .video-wrapper {
    margin: 3em 0;
  }
}
.section {
/*   margin: 50px 0; */
  margin: 25px 0;
}

.section--tight {
/*   margin: 30px 0; */
  margin: 20px 0;
}

@media screen and (max-width: 640px) {
  .section--tight {
  margin: 15px 0;
}
}

.template-index .section {
  margin: 0;
}

.template-index #shopify-section-static-text-with-icons .section {
  background: #f6f6f6;
}

/* When isolated, sections use padding instead of margin (useful for sections that has plain background) */
.section--isolated {
  margin: 0 !important;
  padding: 50px 0;
}

.section--isolated.section--tight {
/*   padding: 40px 0; */
  padding: 40px 0 60px;
}

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

.section__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 15px;
  overflow: hidden;
}

.section__title {
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.section__action-link {
  margin-left: 20px;
  flex-shrink: 0;
  font-weight: var(--text-font-bolder-weight);
  color: var(--accent-color);
}

.section__action-link svg {
  display: none;
}

/* The header stack is used when we display more info like a countdown timer */
.section__header-stack {
  display: flex;
  flex-direction: column;
}

/* Isolated sections are isolated due to their usage of different background/color, so here we must inherit the heading color */
.section--isolated .heading {
  color: inherit;
}

@media screen and (max-width: 640px) {
  .section__header-stack > .section__title + * {
    margin-top: 10px;
  }
}

@media screen and (min-width: 641px) {
  .section {
/*     margin: 60px 0; */
/*     margin: 50px 0; */
/*     margin: 25px 0 50px; */
    margin: 25px 0 20px;
  }

  .section--tight {
    /*     margin: 40px 0; */
    margin: 30px 0;
  }

  .section--isolated {
    padding: 60px 0;
  }

  .section__header {
    overflow: visible;
/*     margin-bottom: 20px; */
    margin-bottom: 15px;
  }

  .section__header--tight {
    margin-bottom: 14px;
  }

  .section__header-stack {
    flex-direction: row;
    align-items: center;
  }

  .section__action-link {
    transform: translateX(26px);
    transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .section__action-link svg {
    /*
    Note: for some strange reasons, on Safari (even last version), if we use a transform it cause a delay of up to 1 second on heavy home page before the
    animation starts. I couldn't find any explanation, but maybe the nested transforms (on both the link and SVG) does not work correctly on Safari. As a
    consequence, I've used a animation on right property (which is much slower but should be ok on this small piece of content)
    */
    position: relative;
    display: inline-block;
    height: 14px;
    width: 14px;
    vertical-align: -2px;
    margin-left: 8px;
    right: -5px;
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .section__header-stack > .section__title {
    margin: 0 16px 0 0;
  }
}

@media screen and (any-hover: hover) {
  .section__action-link:hover {
    transform: translateX(0);
  }

  .section__action-link:hover svg {
    opacity: 1;
    right: 0;
  }
}
.slideshow {
  height: 400px;
  overflow: hidden;
}

.slideshow--small {
  height: 350px;
}

.slideshow--large {
  height: 450px;
}

.slideshow__slide {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.slideshow__slide-inner {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.slideshow:not(.flickity-enabled) .slideshow__slide:not(.is-selected) {
  display: none;
}

.slideshow__placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.slideshow__image-placeholder {
  height: 100%;
  fill: dimgrey;
  background: darkgrey;
}

.slideshow__image {
    width: 100%;
}

.slideshow__title {
  margin-bottom: 7px;
  color: inherit;
}

.template-index .shopify-section:nth-child(3) {
  padding-bottom: 4rem;
/*   padding-top: 4rem; */
/*   background: #000; */
}

.template-index .shopify-section:nth-child(3) .slideshow-section {
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
}

.template-index .slideshow__title {
  font-size: 36px;
  line-height: 40px;
  font-weight: bold;
/*   text-shadow: 0 2px 10px rgb(0 0 0 / 50%); */
  letter-spacing: 0.04em;
}

.slideshow__content-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 25px;
}

.slideshow__content {
  max-width: 650px;
  margin: 0 auto 22px auto;
}

.template-index .slideshow__content {
  margin-bottom: 1em;
  font-size: 18px;
/*   text-shadow: 0 2px 10px rgb(0 0 0); */
  letter-spacing: 0.08em;
}

.template-index .slideshow__button {
  position: relative;
  overflow: hidden;
  border: 1px solid #fff !important;
  border-radius: 50px;
  background-color: transparent;
  color: #000;
  z-index: 1;
/*   transition: color .25s ease; */
/*   transition: opacity 1.1s cubic-bezier(.32, .24, .15, 1) .55s;
  transition: opacity 1.1s var(--cubic) .55s; */
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
/*   box-shadow: 0 20px 50px rgba(0,0,0,.5); */
  opacity: 1;
  letter-spacing: 0.06em;
  font-weight: 100;
  font-size: 13px;
  line-height: 42px;
}

.template-index .slideshow__button:hover {
/*     background-color: #000 !important; */
    background-color: transparent;
    color: #000 !important;
    border: 1px solid #fff !important;
/*     transition: background-color .25s ease; */
/*     z-index: 0; */
}

.template-index .slideshow__button:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% + 4px);
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: height .5s cubic-bezier(.32, .24, .15, 1);
    transition: height 0.5s;
}

.template-index .slideshow__button:hover:before {
    opacity: 1;
    height: 50px;
    border-radius: 50px;
/*   -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%); */
/*     height: var(--height-button); */
/*     -webkit-transform: translateX(100%) translateY(-50%);;
    transform: translateX(-50%) translateY(-50%);; */
}

.slideshow .flickity-page-dots {
  bottom: 30px;
}

.slideshow .flickity-page-dots .dot {
/*   width: 12px;
  height: 12px; */
  width: 10px;
  height: 10px;
/*   margin: 0 8px; */
  margin: 0 5px;
  background: #ffffff;
/*   border: 3px solid #ffffff; */
  border: 1px solid #ffffff;
  transform: none !important;
  transition: background 0.25s ease-in-out;
}

.slideshow .flickity-page-dots .dot::before {
  top: -10px;
  right: -10px;
  left: -10px;
  bottom: -10px;
}

.slideshow .flickity-page-dots .dot.is-selected {
  background: transparent;
}

/** Overlay variation **/
.slideshow__slide--overlay::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  z-index: 1;
}

/** Preserve ratio variation

 IMPLEMENTATION NOTE: I am using two different ways to center the content. If the slideshow is a fixed height, the theme uses a flexbox
                      based approach, while if the slideshow is not fixed (ie. respecting the image aspect ratio), I use a transform based
                      approach. I could have keep it simpler and use the transform based everywhere (which would have removed a lot of code),
                      but the transform based is proved to reduce sometimes the quality of the text and make it a bit blurry. This is why
                      there is another, more optimized way to position when it is possible
 **/
.slideshow--preserve-ratio {
  height: auto !important;
}

.slideshow--preserve-ratio .slideshow__slide {
  height: auto;
}

.slideshow--preserve-ratio .slideshow__slide-inner {
  position: relative;
  display: block;
  width: auto;
  height: auto;
}

.slideshow--preserve-ratio .slideshow__content-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 641px) {
  .slideshow:not(.slideshow--edge2edge) {
/*     margin: var(--desktop-container-gutter) 0; */
    margin: 5px 0;
  }

  .slideshow:not(.slideshow--edge2edge) .flickity-viewport {
    border-radius: 0;
  }

  .slideshow__image-placeholder {
    height: auto;
    width: 100%;
  }

  /* Positioning for fixed height carousel */
  .slideshow__slide-inner--top-left,
  .slideshow__slide-inner--top-center,
  .slideshow__slide-inner--top-right {
    justify-content: flex-start;
  }

  .slideshow__slide-inner--bottom-left,
  .slideshow__slide-inner--bottom-center,
  .slideshow__slide-inner--bottom-right {
    justify-content: flex-end;
  }

  .slideshow__slide-inner--bottom-left .slideshow__content-wrapper,
  .slideshow__slide-inner--bottom-center .slideshow__content-wrapper,
  .slideshow__slide-inner--bottom-right .slideshow__content-wrapper {
    padding-bottom: 75px;
    padding-top: 25px;
  }

  .slideshow__slide-inner--top-left,
  .slideshow__slide-inner--middle-left,
  .slideshow__slide-inner--bottom-left {
    text-align: left;
  }

  .slideshow__slide-inner--top-left .slideshow__content,
  .slideshow__slide-inner--middle-left .slideshow__content,
  .slideshow__slide-inner--bottom-left .slideshow__content {
    margin-left: 0;
  }

  .slideshow__slide-inner--top-right,
  .slideshow__slide-inner--middle-right,
  .slideshow__slide-inner--bottom-right {
    text-align: right;
  }
  .slideshow__slide-inner--top-right .slideshow__content,
  .slideshow__slide-inner--middle-right .slideshow__content,
  .slideshow__slide-inner--bottom-right .slideshow__content {
    margin-right: 0;
  }

  /* Positioning for non-fixed height carousel */
  .slideshow--preserve-ratio .slideshow__slide-inner--top-left .slideshow__content-wrapper,
  .slideshow--preserve-ratio .slideshow__slide-inner--top-center .slideshow__content-wrapper,
  .slideshow--preserve-ratio .slideshow__slide-inner--top-right .slideshow__content-wrapper {
    top: 0;
    transform: translateX(-50%);
  }

  .slideshow--preserve-ratio .slideshow__slide-inner--bottom-left .slideshow__content-wrapper,
  .slideshow--preserve-ratio .slideshow__slide-inner--bottom-center .slideshow__content-wrapper,
  .slideshow--preserve-ratio .slideshow__slide-inner--bottom-right .slideshow__content-wrapper {
    top: auto;
    bottom: 0;
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 1000px) {
  .slideshow {
    height: 430px;
  }

  .slideshow--small {
    height: 380px;
  }

  .slideshow--large {
    height: 520px;
  }
}
.store-availability-container {
/*   margin-top: 26px; */
/*   margin-top: 15px; */
/*   margin-top: 15px; */
  margin-top: 10px;
/*   padding: 30px; */
  padding: 25px;
}

.product-meta__store-availability-container {
/*   background-color: #f6f6f6; */
  background: transparent;
}

.store-availability-information {
  display: flex;
  align-items: baseline;
}

.icon--store-availability-in-stock,
.icon--store-availability-out-of-stock {
  position: relative;
  width: 18px;
  height: 14px;
}

.store-availability-information .icon--store-availability-in-stock {
  top: 2px;
}

.store-availability-information .icon--store-availability-out-of-stock {
  top: 3px;
}

.store-availability-information-container {
/*   margin-left: 10px; */
  margin-left: 7px;
}

.store-availability-information__title,
.store-availability-list__location {
  margin-bottom: -2px;
}

.store-availability-information__stock {
  margin-bottom: 4px;
}

.store-availability-information__stock,
.store-availability-list__item-info {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.store-availability-list__item + .store-availability-list__item {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--border-color);
}

.store-availability-list__stock {
  margin-bottom: 2px;
}

.store-availability-list__stock svg {
  margin-right: 3px;
}

.store-availability-list__contact {
  line-height: 1.45;
}

.store-availability-list__stock .icon--store-availability-in-stock {
  top: -1px;
}

.store-availability-list__contact p {
  margin-bottom: 0; /* Remove the margin of the formatted address by Shopify */
}
.team {
  margin-top: 45px;
  margin-bottom: 62px;
  text-align: center;
}

.team__block-list {
  margin-bottom: 45px;
}

.team__block-item {
  margin-bottom: 20px;
}

@media screen and (min-width: 641px) {
  .team {
    margin-top: 62px;
    margin-bottom: 80px;
  }

  .team__block-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -15px -15px 47px -15px;
  }

  .team__block-item {
    margin: 15px;
    flex: none;
    width: calc(50% - 30px);
  }
}

@media screen and (min-width: 1000px) {
  .team__block-item {
    width: calc(33.33333% - 30px);
  }
}

@media screen and (min-width: 1280px) {
  .team__block-item {
    width: calc(25% - 30px);
  }
}

/* Separator */

.team__section-title {
  margin-bottom: 25px;
}

@media screen and (min-width: 641px) {
  .team__section-title {
    margin-bottom: 40px;
  }
}

/* Member */

.team__member {
  padding: 30px 20px 20px 20px;
  border: 1px solid var(--border-color);
  border-radius: 0;
  background: var(--secondary-background);
}

.team__member-pic {
  width: 144px;
  margin-bottom: 20px;
  border: 1px solid var(--border-color);
  padding: 8px;
  background: var(--background);
}

.team__member-pic--rounded {
  border-radius: 50%;
}

.team__member-title,
.team__member-subheading {
  margin-bottom: 0;
  line-height: 1.4;
}

.team__member-title {
  margin-bottom: 6px;
}

.team__member-link {
  display: inline-block;
  margin-top: 6px;
}

/* Promotion */

.team__promotion {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  padding: 30px;
}

.team__promotion .heading {
  color: inherit;
  margin-bottom: 8px;
}

.team__promotion .button {
  min-width: 105px;
  margin-top: 22px;
}
.text-with-icons__item {
  width: 100%;
  line-height: 1.6;
}

.text-with-icons__item p {
  margin-bottom: 3px !important;
  line-height: 18px;
}

.text-with-icons__title {
  margin-bottom: 4px;
  font-size: 14px;
}

.text-with-icons__icon-wrapper {
  margin-bottom: 15px;
}

.text-with-icons__icon-wrapper svg {
/*   width: 30px;
  height: 30px; */
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.text-with-icons__icon-wrapper img {
/*   max-width: 30px; */
  max-width: 25px;
}

#shopify-section-text-with-icons .container--flush {
    max-width: 1200px;
}

.text-with-icons__content > p {
  margin-bottom: 0;
  font-size: 13px;
}

@media screen and (max-width: 640px) {
  .text-with-icons {
    padding-bottom: 28px;
    text-align: center;
  }

  .text-with-icons::after {
    content: "flickity";
    display: none;
  }

  .text-with-icons--stacked {
    padding-bottom: 0;
  }

  .text-with-icons--stacked .text-with-icons__item:not(:last-child) {
    margin-bottom: 34px;
  }

  .text-with-icons--stacked::after {
    content: ""; /* Disable Flickity */
  }
}

@media screen and (min-width: 641px) {
  .text-with-icons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -40px -45px -40px;
  }

  /* When it follows a page__header element we slightly move it up */
  .page__header + .text-with-icons {
    margin-top: -5px;
  }

  .text-with-icons__item {
    display: flex;
    flex-basis: calc(50% - 90px);
    margin: 0 40px 45px 40px;
  }

  .text-with-icons__icon-wrapper {
    margin: 0.5em 18px 0 0;
  }
}

@media screen and (min-width: 1000px) {
  .text-with-icons {
    padding: 0 100px;
    justify-content: center;
  }

  .text-with-icons__item {
    display: flex;
    flex-basis: calc(50% - 140px);
  }
}

@media screen and (min-width: 1280px) {
  .text-with-icons {
    padding: 0;
/*     margin: 0 -35px; */
    margin: 0 30px;
    flex-wrap: nowrap;
/*     justify-content: space-around; */
/*     justify-content: space-between; */
    justify-content: center;
  }

  .text-with-icons__item {
    flex-basis: calc(25% - 70px);
/*     margin: 0 35px; */
    margin: 0 30px;
  }
}

/* Boxed variation */
.text-with-icons--boxed {
  display: block;
  text-align: center;
  padding-bottom: 0;
  border: 1px solid var(--border-color);
  border-radius: 0;
}

.text-with-icons--boxed .text-with-icons__item {
  display: block;
  text-align: center;
  padding: 28px 35px;
}

.text-with-icons--boxed .text-with-icons__item:not(:first-child) {
  border-top: 1px solid var(--border-color);
}

.text-with-icons--boxed .text-with-icons__icon-wrapper {
  margin: 0 0 1em 0;
}

@media screen and (min-width: 641px) {
  .text-with-icons--boxed {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
  }

  .text-with-icons--boxed .text-with-icons__item {
    margin: 0;
    flex: 1 0 0;
  }

  .text-with-icons--boxed .text-with-icons__item:not(:first-child) {
    border-top: none;
    border-left: 1px solid var(--border-color);
  }
}

.text-with-icons.middle-promo-banner {
  margin: 0;
  padding: 0;
  position: relative;
  flex-wrap: initial;
/*   display: inline-block; */
}

.text-with-icons.middle-promo-banner .text-with-icons__item {
  flex-basis: max-content;
  margin: 0;
/*   display: inline-block;
  width: calc(50%); */
}

.text-with-icons.middle-promo-banner .promo-block {
  padding: 0;
  border-radius: 0;
  min-height: auto;
}

.text-with-icons.middle-promo-banner .promo-block__image-clip, .text-with-icons.middle-promo-banner .promo-block__image-wrapper {
/*     position: absolute; */
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  transform: initial;
    background-size: 100%;
  image-rendering: -webkit-optimize-contrast;
}

.text-with-icons.middle-promo-banner .promo-block__image-wrapper img {
  border-radius: 0;
  width: 100%;
  aspect-ratio: auto;
}

@media screen and (min-width: 1000px) {
  .text-with-icons.middle-promo-banner {
  display: inline-block;
  width: 100%;
 }
  .text-with-icons.middle-promo-banner .text-with-icons__item {
  display: inline-block;
  width: calc(50%);
  }
}

.text-with-icons.middle-promo-banner .flickity-page-dots {
    bottom: 10px;
}


/**
 * --------------------------------------------------------------------
 * CLEARFIX
 * --------------------------------------------------------------------
 */

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

/**
 * --------------------------------------------------------------------
 * ACCESSIBILITY
 * --------------------------------------------------------------------
 */

.skip-to-content:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: var(--text-color);
  background-color: var(--secondary-background);
  padding: 10px;
  opacity: 1;
  z-index: 10000;
  transition: none;
}

/**
 * --------------------------------------------------------------------
 * LIST
 * --------------------------------------------------------------------
 */

.list--unstyled {
  list-style: none;
}

.nav-bar .list--unstyled {
    /* float: left; */
    /* position: relative; */
    /* width: auto; */
}

/**
 * --------------------------------------------------------------------
 * COLLAPSIBLE
 * --------------------------------------------------------------------
 */

.collapsible {
  overflow: hidden;
  height: 0;
  transition: height 0.2s ease-in-out;
}

/**
 * --------------------------------------------------------------------
 * SOCIAL MEDIA
 * --------------------------------------------------------------------
 */

.social-media__item-list {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}

.modal__inner .social-media__item-list {
  display: none;
}


.social-media__item {
  display: inline-block;
/*   margin: 5px; */
  margin: 4px;
}

.social-media__item > a {
  display: block;
  color: #fff;
}

.social-media__item svg {
/*   width: 28px;
  height: 28px; */
  width: 20px;
  height: 20px;
  opacity: 0.4;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out;
  will-change: opacity;
}

/* Stacked variation */
.social-media__item-list--stack {
  display: block;
  margin: -10px 0;
}

.social-media__item-list--stack .social-media__item {
  display: block;
  margin: 0;
  padding: 7px 0;
}

.social-media__item-list--stack svg {
  vertical-align: top;
  margin-right: 12px;
}

@media screen and (any-hover: hover) {
  .social-media__item:hover svg {
    opacity: 1;
  }

  .social-media__item--facebook:hover svg {
    color: #3b5998;
  }

  .social-media__item--twitter:hover svg {
    color: #1da1f2;
  }

  .social-media__item--pinterest:hover svg {
    color: #bd081c;
  }

  .social-media__item--instagram:hover svg {
    color: #d83776;
  }

  .social-media__item--youtube:hover svg {
    color: #ff0000;
  }

  .social-media__item--tiktok:hover svg {
    color: #fd355a;
  }

  .social-media__item--vimeo:hover svg {
    color: #1ab7ea;
  }

  .social-media__item--linkedin:hover svg {
    color: #0077b5;
  }

  .social-media__item--snapchat:hover svg {
    color: #f5dc30;
  }

  .social-media__item--tumblr:hover svg {
    color: #35465c;
  }

  .social-media__item--fancy:hover svg {
    color: #494e58;
  }

  .social-media__item--rss:hover svg {
    color: #f26522;
  }
}

/**
 * --------------------------------------------------------------------
 * ALERT
 * --------------------------------------------------------------------
 */

.alert {
  display: block;
  padding: 12px 20px;
  margin-bottom: 20px;
  border-radius: 0;
  white-space: normal;
  font-size: 1rem;
  word-break: break-all;
  word-break: break-word;
  background: var(--background);
  color: var(--heading-color);
  text-align: left;
}

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

.alert--block {
  display: block;
}

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

.alert--tight {
  padding: 6px 14px;
}

.alert--error {
  background: var(--error-background);
  color: var(--error-color);
}

.product-form__status-message .alert--error {
  font-size: 13px;
  line-height: 18px;
}

.alert--success {
  background: var(--success-background);
  color: var(--success-color);
}

.alert__ribbon {
  margin-left: 5px;
  margin-right: 25px;
  align-self: center;
}
.alert__ribbon svg {
  display: block;
  width: 24px;
  height: 24px;
}

.alert__error-list {
  list-style: none;
}

.alert a {
  text-decoration: underline;
  transition: color 0.2s ease-in-out;
}

/**
 * --------------------------------------------------------------------
 * PAGINATION
 * --------------------------------------------------------------------
 */

.pagination {
  padding: 40px 0;
  color: var(--heading-color);
  font-weight: var(--text-font-bolder-weight);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  border-top: 1px solid var(--border-color);
}

.pagination__inner {
  position: relative;
}

.pagination__prev,
.pagination__next {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  height: 100%;
}

.pagination__prev:hover,
.pagination__next:hover {
  text-decoration: underline;
} 

.pagination__prev svg,
.pagination__next svg {
  position: relative;
  width: 8px;
  height: 12px;
}

.pagination__prev {
  left: 0;
}

.pagination__prev svg {
/*   margin-right: 14px; */
  margin-right: 7px;
}

.pagination__next {
  right: 0;
}

.pagination__next svg {
/*   margin-left: 14px; */
  margin-left: 7px;
}

.pagination__nav,
.pagination__page-count {
  display: block;
  text-align: center;
}

.pagination__nav {
  display: none;
}

.pagination__nav-item {
  display: inline-block;
  margin: 0 2px;
  padding: 8px 11px;
  line-height: 1;
  border: 1px solid transparent;
  border-radius: 0;
}

.pagination__nav-item:hover {
  border: 1px solid #47413a;
}

.pagination__nav-item.is-active {
/*   background: var(--primary-button-background); */
  background: #47413a;
  color: var(--primary-button-text-color);
/*   border-radius: 3px; */
  border-radius: 0;
}

/* If pagination is inside a card, we adapt the spacing */
.card .pagination {
/*   padding: 20px; */
  padding: 10px;
}

@media screen and (min-width: 641px) {
  .pagination__nav {
    display: block;
  }

  .pagination__page-count {
    display: none;
  }

  .card .pagination {
/*     padding: 20px 30px; */
    padding: 15px 25px;
  }
}

/**
 * --------------------------------------------------------------------
 * SCROLLER
 * --------------------------------------------------------------------
 */

@media screen and (max-width: 999px) {
  .scroller {
    overflow: hidden;
    margin: 0 calc(-1 * var(--mobile-container-gutter)); /* On mobile we remove the container gutter to make sure the scroll is edge to edge */
  }

  .scroller--flush {
    margin: 0 !important;
  }

  .scroller__inner {
    padding-bottom: 20px;
    margin-bottom: -20px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    white-space: nowrap;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .scroller {
    margin: 0 calc(-1 * var(--desktop-container-gutter));
  }

  .scroller__inner {
    scroll-padding-left: var(--desktop-container-gutter);
  }

  .scroller--mobile-only {
    margin: 0;
    overflow: visible;
  }

  .scroller--mobile-only > .scroller__inner {
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: visible;
  }
}

/**
 * --------------------------------------------------------------------
 * SKELETON
 * --------------------------------------------------------------------
 */

@-webkit-keyframes skeletonShimmerAnimation {
  0% {
    opacity: 0.45;
  }
  100% {
    opacity: 0.9;
  }
}

@keyframes skeletonShimmerAnimation {
  0% {
    opacity: 0.45;
  }
  100% {
    opacity: 0.9;
  }
}

.skeleton-container {
  -webkit-animation: skeletonShimmerAnimation 1s linear infinite alternate;
          animation: skeletonShimmerAnimation 1s linear infinite alternate;
  will-change: opacity;
}

.skeleton-text {
  height: 10px;
  width: 100%;
  background: var(--border-color);
}

.skeleton-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--border-color);
}

.skeleton-paragraph .skeleton-text {
  margin-bottom: 8px;
}

.skeleton-paragraph .skeleton-text:last-child {
  width: 38%;
  margin-bottom: 0;
}

/**
 * --------------------------------------------------------------------
 * PLUS BUTTON
 * --------------------------------------------------------------------
 */

.plus-button {
  display: block;
  position: relative;
  right: 0;
  top: calc(50% - 5px);
  width: 10px;
  height: 10px;
}

.plus-button::before,
.plus-button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  background-color: currentColor;
  transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
}

.plus-button::before {
  /* width: 10px; */
  width: 12px;
  /* height: 2px; */
  height: 1px;
  opacity: 1;
}

.plus-button::after {
  /* width: 2px; */
  width: 1px;
  /* height: 10px; */
  height: 12px;
}

[aria-expanded=true] .plus-button::before, [aria-expanded=true] .plus-button::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

[aria-expanded=true] .plus-button::before {
  opacity: 0;
}

@media screen and (min-width: 641px) {
  .plus-button--large {
    width: 14px;
    height: 14px;
  }

  .plus-button--large::before {
    width: 14px;
  }

  .plus-button--large::after {
    height: 14px;
  }
}

/**
 * --------------------------------------------------------------------
 * SHOPIFY CHALLENGE
 * --------------------------------------------------------------------
 */

.shopify-challenge__container {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}

.shopify-challenge__button.shopify-challenge__button {
  position: relative;
  display: inline-block;
  padding: 9px 30px;
  min-height: 48px;
  line-height: normal;
  border-color: var(--primary-button-background);
  border-radius: 0;
  text-align: center;
  font-weight: var(--text-font-bolder-weight);
  font-size: var(--base-text-font-size);
  cursor: pointer;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
  background: var(--primary-button-background);
  color: var(--primary-button-text-color);
}

.shopify-challenge__button.shopify-challenge__button:hover {
  background: rgba(var(--primary-button-background-rgb), 0.8);
}

@media screen and (min-width: 641px) {
  .shopify-challenge__container {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

/**
 * --------------------------------------------------------------------
 * SHOPIFY POLICY CONTAINER
 * --------------------------------------------------------------------
 */

.shopify-policy__container {
  max-width: 800px;
}

.shopify-policy__title {
  margin: 30px 0;
}

.shopify-policy__title h1 {
  margin-bottom: 0;
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 24px));
  line-height: 1.45;
  color: var(--heading-color);
}

@media screen and (min-width: 641px) {
  .shopify-policy__title {
    margin: 30px 0;
  }

  .shopify-policy__title h1 {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 28px));
    line-height: 1.45;
  }
}

/**
 * --------------------------------------------------------------------
 * ANNOUNCEMENT BAR
 * --------------------------------------------------------------------
 */
/* .announcement-bar__content.announcement-bar__content--center{
  font-family: IBMPlexMono,sans-serif,-apple-system !important;
} */


.announcement-bar {
  position: relative;
  display: block;
/*   font-weight: var(--text-font-bolder-weight); */
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px)); */
  /*   border-bottom: 1px solid var(--header-border-color); */
/*   max-height: 44px; */
  max-height: 40px;
/*   opacity: 0.95; */
  /* background: rgba(71, 65, 58, 0.85) !important; */
  /* background: rgba(0, 97, 46, 0.85) !important;
    backdrop-filter: saturate(180%) blur(25px);
    -webkit-backdrop-filter: saturate(180%) blur(25px); */
  /* background: #ececec !important; */
  background: #0e2d26 !important;
}

.announcement-bar__content {
  display: block;
/*   padding: 4px 0; */
/*   padding: 2px 0; */
  margin-bottom: 0;
}

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

@media screen and (max-width: 640px) {
.announcement-bar__content--center {
  text-align: center;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
/*   height: 44px; */
/*   height: 40px; */
/*   height: 38px; */
  height: 32px;
  font-size: 12px;
}
  .announcement-bar .flickity-prev-next-button {
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
  }
  .announcement-bar .flickity-prev-next-button svg {
    width: 10px;
    height: 10px;
  }
}

.announcement-bar__content:hover {
/*   text-decoration: underline; */
/*   color: #000; */
  color: #f0ba53;
}

@media screen and (max-width: 640px) {
  .announcement-bar__inner {
    text-align: center; /* Always centered on mobile no matter the setting */
  }
}

@media screen and (min-width: 641px) {
  .announcement-bar {
/*     font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px)); */
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
    text-align: left;
    max-height: 100px;
  }

  .announcement-bar__inner {
    display: flex;
    align-items: center;
  }

  .announcement-bar__content {
    /*     padding: 7px 0; */
/*     padding: 5px 0; */
    margin-right: auto;
  }

  .announcement-bar__content--center {
    margin-left: auto;
/*     padding-left: 0px;
    padding-left: var(--announcement-bar-button-width, 0px); /* We have to shift by the button width to center visually */
  }

  .announcement-bar__button {
/*     padding: 7px 18px 7px 15px; */
    padding: 5px 18px 5px 15px;
    background: var(--header-accent-color);
    color: var(--secondary-background);
/*     box-shadow: 0 1px var(--header-accent-color); */
  }

  .announcement-bar__button svg {
    display: inline-block;
/*     width: 20px;
    height: 17px; */
    width: 11px;
    height: 15px;
/*     margin-right: 12px; */
    margin-right: 4px;
    vertical-align: text-bottom;
  }
  
  .announcement-bar__button:hover {
/*     color: black; */
/*     color: #2D00FB; */
    color: #000;
/*     text-decoration: underline; */
  }
  .announcement-bar__button:active {
/*     color: #2D00FB; */
    color: #000;
  }
  .announcement-bar__button:focus {
/*     color: #2D00FB; */
    color: #000;
  }

  .announcement-bar__close-container {
    position: relative;
  }

  .announcement-bar__close {
    position: absolute;
    top: 25px;
    right: 0;
    color: var(--heading-color);
    transition: color 0.2s ease-in-out;
  }

  .announcement-bar__close:hover {
    color: var(--accent-color);
  }

  .announcement-bar__close svg {
    width: 19px;
    height: 19px;
  }

  .announcement-bar__newsletter {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    text-align: center;
    transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), visibility 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  }

  .announcement-bar__newsletter[aria-hidden=false] {
    visibility: visible;
  }

  .announcement-bar__newsletter-inner {
    margin: 50px 0;
  }
}

/**
 * --------------------------------------------------------------------
 * OFFER ITEM
 * --------------------------------------------------------------------
 */

.offer-item {
  padding: 20px;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 0;
}

.offer-item__image-wrapper {
  min-width: 70px;
  max-width: 70px;
  margin-bottom: 14px;
}

.offer-item__title {
  margin-bottom: 6px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 17px));
}

.offer-item__content {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

@media screen and (min-width: 641px) {
  .offer-item {
    padding: 28px 30px;
  }

  .offer-item__image-wrapper {
    min-width: 110px;
    max-width: 110px;
  }
}

@media screen and (min-width: 1280px) {
  .offer-item--inline {
    display: flex;
    align-items: center;
  }

  .offer-item--inline .offer-item__image-wrapper {
    margin: 0 30px 0 0;
  }
}

/**
 * --------------------------------------------------------------------
 * IMAGE WITH TEXT
 * --------------------------------------------------------------------
 */

.image-with-text {
  display: flex;
  flex-direction: column;
}

.image-with-text__image-container {
  margin-bottom: 25px;
}

@media screen and (max-width: 999px) {
  .image-with-text__image-container {
    width: 100% !important;
    order: -1; /* Make sure the image is always coming first on small screens */
  }
}

@media screen and (min-width: 1000px) {
  .image-with-text {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .image-with-text__image-container {
    max-width: 50%; /* Make sure that we constraint a maximum and minimum width no matter what the merchant choose to keep the text readable */
    min-width: 30%;
  }

  .image-with-text__image-container,
  .image-with-text__text-container {
    width: 50%;
    margin: 0;
  }

  .image-with-text__text-container:last-child {
    padding-left: 60px;
  }

  .image-with-text__text-container:first-child {
    text-align: right;
    padding-right: 60px;
  }
  .image-with-text__text-container:first-child .image-with-text__text-aligner {
    display: inline-block;
    text-align: left;
  }
}

@media screen and (min-width: 1000px) {
  .image-with-text__image-container {
    max-width: none;
    min-width: 0;
  }
}

@media screen and (min-width: 1280px) {
  .image-with-text__text-container:last-child {
    padding-left: 75px;
  }

  .image-with-text__text-container:first-child {
    padding-right: 75px;
  }
}

/**
 * --------------------------------------------------------------------
 * NEWSLETTER
 * --------------------------------------------------------------------
 */

.newsletter {
  margin-top: 30px;
}

.newsletter__form {
  padding-bottom: 10px;
}

.newsletter__text {
  margin-top: 16px;
}

/* Compact variation */
.newsletter--compact .newsletter__form {
  padding-bottom: 0;
}

.newsletter--compact .newsletter__text {
  margin-top: 16px;
}

/**
 * --------------------------------------------------------------------
 * QUICK LINKS
 * --------------------------------------------------------------------
 */

.quick-category-title {
  justify-content: center !important;
  text-align: center;
}


.quick-links {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  border-radius: 0;
  list-style: none;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  font-size: calc(var(--default-text-font-size) + 1px);
  margin: 0 auto;
  max-width: 1200px;
}

.template-index .quick-links {
  border: none;
}

.quick-links__link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 50%; /* we cannot use flex-basis due to a bug in IE11 as flex-basis does not take into account padding in this browser */
/*   box-shadow: 1px 0 var(--border-color), 0 1px var(--border-color); */
  box-shadow: 0 1px 2px #00000040;
/*   padding: 20px 10px; */
/*   padding: 10px 5px; */
/*   padding: 10px 12px; */
/*   padding: 12px 20px; */
  padding: 12px 8px;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  text-transform: none;
  transition: color 0.2s ease-in-out;
/*   font-size: 14px; */
  font-size: 13px;
  line-height: 16px;
  letter-spacing: .25px;
/*   font-weight: 500; */
  font-weight: 400;
  border: 1px solid #f8f8f8;
  border-radius: 0;
/*   width: calc(33.333333% - 16px);
  margin: 8px; */
  width: calc(33.333333% - 12px);
  margin: 6px;
}

/* .template-index .quick-links__link {
  box-shadow: none;
} */

.quick-links__link:hover {
/*   color: var(--accent-color); */
  font-weight: 500;
  background: #f8f8f8;
  box-shadow: 0 2px 4px #00000040;
}

.quick-links__link--grow {
  flex-grow: 1;
}

.quick-links__image-container {
  display: block;
  margin: 0 auto;
  flex: 1 1 auto;
  font-size: 0;
}

.quick-links__image-ie-fix {
  margin: 0 auto;
  transition: transform 0.3s ease-in-out;
}

@media screen and (any-hover: hover) {
  .features--animate-zoom .quick-links__link:hover .quick-links__image-ie-fix {
    transform: scale(1.05);
  }
}

@media screen and (min-width: 641px) {
  .quick-links__link {
/*     padding: 24px; */
/*     padding: 10px; */
    padding: 15px;
/*     width: 33.333333%; we cannot use flex-basis due to a bug in IE11 as flex-basis does not take into account padding in this browser */
    width: calc(25% - 16px);
    font-size: 13px;
    margin: 8px;
    padding: 12px 20px;
  }
}
@media screen and (min-width: 1000px) {
  .quick-links__link {
/*     width: 16.66666667%; we cannot use flex-basis due to a bug in IE11 as flex-basis does not take into account padding in this browser */
    width: calc(16.66666667% - 16px);
    font-size: 14px;
    margin: 8px;
    padding: 12px 20px;
  }
}

@media screen and (max-width: 640px) {
  .section[data-section-type=quick-links] .quick-links .quick-links__link:nth-child(10), .section[data-section-type=quick-links] .quick-links .quick-links__link:nth-child(11), .section[data-section-type=quick-links] .quick-links .quick-links__link:nth-child(12) {
    display: none;
  }
}

/**
 * --------------------------------------------------------------------
 * BREADCRUMB
 * --------------------------------------------------------------------
 */

.template-product .breadcrumb {
  padding-top: 10px;
}

@media screen and (max-width: 640px) {
  .template-product .breadcrumb {
  padding-top: 5px;
}
}

/* .template-product .page__sub-header {
  margin: 10px 0 0px;
} */

.breadcrumb__list {
  display: flex;
  align-items: center;
  list-style: none;
  line-height: 12px;
}

.breadcrumb__list svg {
  margin: 0 7px;
  width: 6px;
  height: 8px;
  vertical-align: inherit;
}

.breadcrumbs_slash_separator {
  padding: 0px 6px;
}

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

@media screen and (max-width: 640px) {
  .breadcrumb__link {
/*   display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
/*   width: 50px; */
  max-width: 150px;
  display: inline-block;
/*   text-transform: uppercase;
  font-size: 15px; */
  }
  .breadcrumbs_slash_separator {
    position: relative;
    top: -2px;
  }
}

/* .breadcrumb__item {
  display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} */

/**
 * --------------------------------------------------------------------
 * LOADING BAR
 * --------------------------------------------------------------------
 */

.loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  opacity: 0;
  background: var(--accent-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease-in-out;
  z-index: 50;
  pointer-events: none;
}

.loading-bar.is-visible {
  opacity: 1;
}

/**
 * --------------------------------------------------------------------
 * EMPTY STATE
 * --------------------------------------------------------------------
 */

.empty-state {
  margin: 100px 0;
  text-align: center;
}

.empty-state--extra-tight {
  margin: 30px 0;
}

.empty-state--tight {
  margin: 40px 0;
}

.empty-state__heading {
  margin-bottom: 15px;
}

.empty-state__text {
  margin-bottom: 32px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
}

.empty-state__quick-form {
  max-width: 410px;
  margin: 40px auto 25px auto;
}

.empty-state__button-container {
  margin-top: 16px;
}

.empty-state__button {
  min-width: 230px;
}

.empty-state__icon {
  position: relative;
  display: inline-block;
  margin-bottom: 6px;
}

.empty-state__icon .icon--package {
  width: 46px;
  height: 46px;
}

.empty-state__icon .icon--address {
  width: 46px;
  height: 45px;
}

.empty-state__icon-description {
  margin-bottom: 30px;
}

.empty-state__count {
  position: absolute;
  top: 2px;
  right: -9px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  font-weight: var(--text-font-bolder-weight);
  text-align: center;
  background: var(--accent-color);
  color: var(--header-text-color);
  border-radius: 100%;
}

@media screen and (min-width: 641px) {
  .empty-state {
    margin: 170px 0;
  }

  .empty-state--extra-tight {
    margin: 40px 0;
  }

  .empty-state--tight {
    margin: 105px 0;
  }
}

/**
 * --------------------------------------------------------------------
 * PAYMENT METHODS
 * --------------------------------------------------------------------
 */

.payment-list {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
}

.payment-list__item {
  /*   width: 38px;
  height: 24px; */
/*   width: 28px; */
  width: 24px;
  height: 20px;
  margin: 4px;
}

.payment-list__notice {
  margin-top: 18px;
  font-size: 13px;
}

/* Centered variation */
.payment-list--centered {
  justify-content: center;
}

/**
 * --------------------------------------------------------------------
 * LAYOUT
 *
 * Layout component can be used to create a two columns layout on laptop.
 * You can also create a smaller section by adding the "secondary" class
 * to a given layout section
 * --------------------------------------------------------------------
 */

.layout {
  margin-bottom: 70px;
}

.layout .layout {
  margin-top: 18px;
  margin-bottom: 0; /* nested layouts don't have margin bottom */
}

.layout__section {
  margin-bottom: 18px;
}

.layout .card:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 999px) {
  .layout--reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 641px) {
  .layout {
    /* margin-bottom: 100px; */
    margin-bottom: 80px;
  }

  .layout .layout {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1000px) {
  .layout {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
  }

  .layout--pad {
    padding-top: 25px;
  }

  .layout__section {
/*     margin: 0 15px; /* We need to use the individual properties instead of short hand due to a bug in IE11 */
    margin: 0 5px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
  }

  .layout__section:only-child {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
  }

  .layout__section--secondary {
    flex: none;
    width: 260px;
  }

  .layout__section--large-secondary {
    flex: none;
    width: 320px;
  }
}

@media screen and (min-width: 1280px) {
  .layout__section--secondary {
/*     width: 288px; */
    width: 275px;
  }

  .layout__section--large-secondary {
    width: 365px;
  }
}

/**
 * --------------------------------------------------------------------
 * MODAL
 * --------------------------------------------------------------------
 */

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  /* z-index: 10; */
  z-index: 11;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.modal::before {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
}

.modal[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.modal[aria-hidden=false] .modal__dialog {
  transform: scale(1);
  transition: transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
}

.modal__dialog {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  background: var(--secondary-background);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transform: scale(0.9);
  transition: transform 0.25s ease-in-out, visibility 0.25s ease-in-out;
}

.modal__dialog .modal__close .desktop-close {
  fill: #000;
}

.modal__loader {
  display: none;
  padding: 60px 0;
  text-align: center;
}

.modal__loader .icon--search-loader {
  width: 35px;
  height: 35px;
  color: var(--accent-color);
}

.modal__header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  background: var(--secondary-background);
  z-index: 1;
}

.modal__header,
.modal__content {
  padding: 20px;
}

.modal__header + .modal__content {
  padding-top: 30px;
}

.modal__title {
  margin-bottom: 0;
  text-align: center;
}

.modal__description {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}

.modal__close {
  color: var(--heading-color);
  z-index: 1;
}

.modal__close svg {
  display: block;
  width: 20px;
  height: 20px;
}

/* Ugly fix for border radius */
.modal .card {
  background: none;
}

/* Loading state */
.modal.is-loading .modal__loader {
  display: block;
}

.modal.is-loading .modal__inner {
  display: none;
}

@media screen and (max-width: 640px) {
  .modal__content--ios-push {
    padding-bottom: 45px;
    /* This allows to take into account the toolbar height of iOS to avoid annoying double click */
  }
}

@media screen and (min-width: 641px) {
  .modal {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .modal__dialog {
    width: 580px;
    height: auto;
    max-height: calc(100% - 80px);
    /* border-radius: 3px; */
    border-radius: 0;
  }

  .modal__dialog--stretch {
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }

  .modal__header,
  .modal__content {
    padding: 30px;
  }

  .modal__header:not(.modal__header--bordered) {
    /* position: relative; */
    display: block;
    padding-bottom: 0;
    text-align: center;
    border-bottom: none;
  }

  .modal__header--bordered {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .modal__close {
    position: absolute;
    /* right: 28px;
    top: 28px; */
    right: 12px;
    top: 8px;
  }

  .modal__description {
    margin-top: -18px;
  }
}

/**
 * --------------------------------------------------------------------
 * ICON STATE
 *
 * This allows to switch between two icons depending on an expanded status
 * --------------------------------------------------------------------
 */

.icon-state {
  position: relative;
  vertical-align: middle;
}
.icon-state .icon-state__primary,
.icon-state .icon-state__secondary {
  display: block;
  transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
}

.icon-state .icon-state__secondary {
  position: absolute;
  /*top: 50%;*/
  top: 0%;
  left: 0;
  opacity: 0;
  /*transform: translateY(-50%) scale(0.3);*/
  transform: translateY(0%) scale(1);
  height: 0;
  width: 0;
}

.icon-state[aria-expanded=true] .icon-state__primary {
  opacity: 0;
  transform: scale(0.3);
}

.icon-state[aria-expanded=true] .icon-state__secondary {
  opacity: 1;
  /*transform: translateY(-50%) scale(1);*/
  transform: translateY(0%) scale(1);
  height: auto;
  width: auto;
}

/**
 * ----------------------------------------------------------------------------
 * TOOLTIP
 * ----------------------------------------------------------------------------
 */

@media (-moz-touch-enabled: 0), (hover: hover) {
  [data-tooltip] {
    position: relative;
  }

  [data-tooltip]::before {
    position: absolute;
    content: attr(data-tooltip);
/*     bottom: calc(100% + 3px); */
    bottom: calc(100% + 2px);
    left: 50%;
/*     padding: 2px 11px; */
/*     padding: 2px 6px; */
    padding: 0px 6px;
    white-space: nowrap;
/*     background: var(--accent-color); */
    background: #333;
    color: var(--secondary-background);
/*     font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px)); */
/*     font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px)); */
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
/*     border-radius: 3px; */
    border-radius: 0;
    box-shadow: 0 1px rgba(0, 0, 0, 0.065);
    transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
    z-index: 1;
    transform: translateX(-50%);
  }

  [data-tooltip]::after {
    position: absolute;
    content: "";
/*     left: calc(50% - 7px); */
/*     left: calc(50% - 4px);
    bottom: calc(100% - 2px); */
    left: calc(50% - 3px);
    bottom: calc(100% - 1px);
    width: 0;
    height: 0;
/*     border-width: 6px; */
/*     border-width: 4px; */
    border-width: 3px;
    border-style: solid;
/*     border-color: transparent transparent var(--accent-color) var(--accent-color); */
    border-color: transparent transparent #333 #333;
    visibility: hidden;
    z-index: 1;
    opacity: 0;
    transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transform: rotate(-45deg);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  }

  [data-tooltip]:hover::before, [data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
  }

  [data-tooltip-position=bottom-left]::before {
    top: calc(100% + 4px);
    bottom: auto;
    left: auto;
    right: -6px;
    transform: none;
  }

  [data-tooltip-position=bottom-left]::after {
    top: calc(100% - 1px);
    transform: rotate(135deg);
    left: calc(50% - 6px);
  }
}

/**
 * --------------------------------------------------------------------
 * QUANTITY SELECTOR
 * --------------------------------------------------------------------
 */

.quantity-selector {
  display: inline-flex;
  align-items: center;
  height: 38px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
  border: 1px solid var(--border-color);
  border-radius: 0;
/*   box-shadow: 0 1px 1px rgba(var(--border-color-rgb), 0.2); */
  vertical-align: middle;
}

.quantity-selector svg:hover {
  opacity: 1;
}

.quantity-selector .icon--minus {
  width: 10px;
  height: 2px;
}

.quantity-selector .icon--plus {
  width: 10px;
  height: 10px;
}

.quantity-selector__button {
  display: flex;
  align-items: center;
  padding: 0 12px;
  color: rgba(var(--text-color-rgb), 0.6);
  height: 100%;
  transition: color 0.2s ease-in-out;
  touch-action: manipulation;
}

.quantity-selector__button:not([disabled]):hover {
  color: var(--heading-color);
}

.quantity-selector__value {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
/*   padding: 0 5px; */
  padding: 0 3px;
  min-width: 32px;
  text-align: center;
  border: none;
  background: transparent;
}

.quantity-selector__value:focus {
  outline: none;
}

/* The "product" variation is a bigger selector used on product pages only */

.quantity-selector--product {
/*   height: 44px; */
/*   height: 30px; */
  height: 40px;
  /* border: 1px solid #47413a; */
  border: 1px solid #b27e75;
  border-radius: 0;
}

.quantity-selector--product .quantity-selector__button {
/*   padding: 0 16px; */
/*   padding: 0 10px; */
  padding: 0 6px;
}

.quantity-selector--product .quantity-selector__value {
  height: 100%;
/*   min-width: 64px; */
/*   min-width: 56px; */
  min-width: 48px;
  padding: 0;
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
/*   box-shadow: 0 1px rgba(var(--border-color-rgb), 0.4) inset; */
  color: var(--heading-color);
}

/**
 * --------------------------------------------------------------------
 * SHIPPING ESTIMATOR
 * --------------------------------------------------------------------
 */

.shipping-estimator__results {
  margin: 24px 0 2px 0;
  font-size: 1rem;
}

.shipping-estimator__results p {
  margin-bottom: 6px;
}

.shipping-estimator__results ul {
  color: var(--heading-color);
  font-weight: var(--text-font-bolder-weight);
}

/**
 * --------------------------------------------------------------------
 * COOKIE BAR
 * --------------------------------------------------------------------
 */

.cookie-bar {
  position: fixed;
  bottom: 20px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100%);
  width: 100%;
  z-index: 3;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out, visibility 0.35s ease-in-out;
}

.cookie-bar[aria-hidden=false] {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}

.cookie-bar__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 15px;
  z-index: 4;
  border-radius: 0;
  background: var(--secondary-background);
  color: var(--text-color);
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);
}

.cookie-bar__text {
  line-height: 1.45;
}

.cookie-bar__button {
  margin-top: 12px;
  padding: 0 16px;
  line-height: 30px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

@supports (padding: max(0px)) {
  .cookie-bar {
    bottom: max(25px, env(safe-area-inset-bottom, 0px) + 25px);
  }
}

@media screen and (min-width: 641px) {
  .cookie-bar {
    bottom: 25px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }

  .cookie-bar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px 20px 25px;
  }

  .cookie-bar__text {
    line-height: 1.25;
  }

  .cookie-bar__button {
    flex: none;
    margin-left: 25px;
    margin-top: 0;
    padding: 0 18px;
    line-height: 36px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }
}

/**
 * --------------------------------------------------------------------
 * CONTACT FORM
 * --------------------------------------------------------------------
 */

.contact {
  margin-bottom: 40px;
}

.contact__store-info {
  margin-top: 50px;
}

.contact__store-heading,
.contact__store-image {
  margin-bottom: 30px;
}

@media screen and (min-width: 641px) {
  .contact {
    margin-bottom: 90px;
  }
}

@media screen and (min-width: 1000px) {
  .contact__store-info {
    margin-top: 0;
    margin-left: 25px;
  }
}

/**
 * --------------------------------------------------------------------
 * PASSWORD PAGE
 * --------------------------------------------------------------------
 */

.password {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
  padding: 20px 0;
}

@supports (--css: variables) {
  .password {
    height: calc(100vh - 0px);
    height: calc(100vh - var(--header-height, 0px));
  }
}

.password__content {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
  text-align: center;
}

.password__footer {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  text-align: center;
}

.password__footer-social {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.password__social-text {
  margin-right: 20px;
}

.password__powered-by a {
  display: inline-block;
  margin-left: 4px;
  vertical-align: bottom;
}

.password__powered-by svg {
  width: 98px;
  height: 28px;
}

.password__admin-link {
  display: block;
  margin-left: 18px;
}

@media screen and (min-width: 1000px) {
  /* On password there is no search bar so we increase the header */
  .template-password .header {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .password {
    padding: 40px 0;
  }

  .password__footer {
    text-align: left;
  }

  .password__footer--with-social {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  .password__admin-link {
    display: inline-block;
  }

  .password__footer-social {
    margin-top: 0;
  }
}

/**
 * --------------------------------------------------------------------
 * FAQ
 * --------------------------------------------------------------------
 */

.faq {
  /* margin: 40px 0 70px 0; */
  margin: 25px 0 60px 0;
}

.faq__title {
  margin-bottom: 20px;
  text-align: center;
}

.faq__item {
  /* padding: 20px 20px; */
  padding: 14px 18px;
  background: var(--secondary-background);
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
.faq__item + .faq__item {
  border-top: none;
}

.faq__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
}
.faq__question .plus-button {
  margin-left: 40px;
}

.faq__answer-wrapper {
  overflow: hidden;
  height: 0;
  transition: height 0.2s ease-in-out;
}

.faq__answer {
  margin: 10px 30px 0 0;
}

.faq__group {
  margin-bottom: 30px;
}

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

.faq__contact-info {
  margin-top: 50px;
}

@media screen and (min-width: 641px) {
  .faq {
    /* margin: 70px 0 115px 0; */
    margin: 40px 0 85px 0;
  }

  .faq__title {
    margin-bottom: 25px;
    margin-left: 0;
  }

  .faq__item {
    /* padding: 20px 30px; */
    padding: 16px 24px;
    border: 1px solid var(--border-color);
    border-radius: 0;
  }
  .faq__item + .faq__item {
    border-radius: 0;
  }
  .faq__item:last-child {
    border-radius: 0;
  }
}

@media screen and (min-width: 1000px) {
  .faq__group {
    margin-bottom: 0;
  }

  .faq__group + .faq__group {
    margin-top: 50px;
  }
}

/**
 * --------------------------------------------------------------------
 * POPUP NEWSLETTER
 * --------------------------------------------------------------------
 */

.modal--newsletter {
  bottom: 0;
  top: auto;
  height: auto;
}

.modal--newsletter .modal__dialog {
  position: relative;
  height: auto;
  padding: 48px 20px 20px 20px;
}

.popup-newsletter__title {
  text-align: center;
  margin-bottom: 10px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 20px));
}

.popup-newsletter__close {
  position: absolute;
  right: 20px;
  top: 16px;
  color: var(--heading-color);
}

.popup-newsletter__close svg {
  width: 15px;
  height: 15px;
}

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

.popup-newsletter__form {
  margin-top: 20px;
}

@supports (padding: max(0px)) {
  .modal--newsletter .modal__dialog {
    padding-bottom: max(20px, env(safe-area-inset-bottom, 0px) + 20px);
  }
}

@media screen and (min-width: 641px) {
  .modal--newsletter {
    height: 100%;
  }

  .modal--newsletter .modal__dialog {
    max-width: 540px;
    padding: 64px 80px 80px 80px;
  }

  .popup-newsletter__close {
    position: absolute;
    right: 30px;
    top: 24px;
  }
  .popup-newsletter__close svg {
    width: 20px;
    height: 20px;
  }

  .popup-newsletter__title {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 28px));
  }

  .popup-newsletter__form {
    margin-top: 30px;
  }
}

/**
 * --------------------------------------------------------------------
 * EXIT POPUP NEWSLETTER
 * --------------------------------------------------------------------
 */

.modal--exit-popup {
  bottom: 0;
  top: auto;
  height: auto;
}

.modal--exit-popup .modal__dialog {
  position: relative;
  height: auto;
  padding: 48px 20px 20px 20px;
}

.exit-popup__title {
  text-align: center;
  margin-bottom: 8px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 28px));
  line-height: 1.2;
}

.exit-popup__subheading {
  text-align: center;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
}

.exit-popup__close {
  position: absolute;
  right: 20px;
  top: 16px;
  color: var(--heading-color);
}

.exit-popup__close svg {
  width: 15px;
  height: 15px;
}

.exit-popup__form {
  margin-top: 20px;
}

.exit-popup__pay-more {
  display: block;
  margin-top: 20px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 641px) {
  .modal--exit-popup {
    height: 100%;
  }

  .modal--exit-popup .modal__dialog {
    max-width: 540px;
    padding: 95px 80px 30px 80px;
  }

  .exit-popup__close {
    position: absolute;
    right: 30px;
    top: 24px;
  }

  .exit-popup__close svg {
    width: 20px;
    height: 20px;
  }

  .exit-popup__title {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 48px));
  }

  .exit-popup__form {
    margin-top: 30px;
  }

  .exit-popup__pay-more {
    margin-top: 75px;
  }
}

/**
 * --------------------------------------------------------------------
 * DRAWER
 * --------------------------------------------------------------------
 */

.drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  /* z-index: 5; */
  z-index: 11;
  visibility: hidden;
  transition: visibility 0.35s linear;
}

.drawer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.35s ease-in-out;
  background: #000000;
}

.drawer__inner {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 345px;
  margin-left: auto;
  background: var(--secondary-background);
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#mobile-collection-filters .drawer__inner {
  border-radius: 12px 0 0 12px;
}

.drawer[aria-hidden=false] {
  visibility: visible;
}

.drawer[aria-hidden=false]::before {
  opacity: 0.4;
}

.drawer[aria-hidden=false] .drawer__inner {
  transform: translateX(0);
}

/**
 * --------------------------------------------------------------------
 * SEARCH RESULTS
 * --------------------------------------------------------------------
 */

.link-search-results:not(:only-child) {
  margin-top: 40px;
}

.link-search-results__list {
  list-style: none;
}

.link-search-results__link {
  display: block;
  padding: 8px 20px;
  transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
}

.link-search-results__link:hover, .link-search-results__link:focus {
  background: var(--accent-background);
  color: var(--accent-color);
  outline: none;
}

@media screen and (min-width: 641px) {
  .link-search-results:not(:only-child) {
    margin-top: 60px;
  }
}
/**
 * --------------------------------------------------------------------
 * EXPANDABLE CONTENT
 * --------------------------------------------------------------------
 */

.expandable-info {
  position: relative;
}

.expandable-content[aria-expanded] {
  position: relative;
/*   max-height: 320px; */
  max-height: 1400px;
/*   max-width: 850px; */
  max-width: 100%;
  overflow: hidden;
  transition: 0.2s ease-in-out;
}

.expandable-content__toggle {
  position: absolute;
  display: flex;
  align-items: center;
  left: 0;
  bottom: 0;
  width: 100%;
/*   height: 72px; */
  height: 58px;
  padding: 16px 20px;
  visibility: hidden;
  opacity: 0;
  color: var(--accent-color);
/*   border: 1px solid rgb(0, 0, 0); */
/*   text-align: left; */
  text-align: center;
  justify-content: center;
  letter-spacing: 1.2px;
/*   font-size: 16px; */
  font-size: 15px;
  font-weight: var(--text-font-bolder-weight);
  background: var(--secondary-background);
  z-index: 1;
  transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out;
}

.expandable-content__toggle::before {
  position: absolute;
  content: "";
  bottom: 100%;
  left: 0;
  width: 100%;
/*   height: 50px; */
  height: 160px;
/*   margin-bottom: 1px; */
  pointer-events: none;
  /* background: linear-gradient(rgba(var(--secondary-background-rgb), 0), rgba(var(--secondary-background-rgb), 0.4) 15%, var(--secondary-background)); */
/*   background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgba(0, 0, 0, 0))); */
  /* background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%); */
  /* background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.8));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.8));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.8));
}

@media screen and (max-width: 640px) {
  .expandable-content__toggle::before {
    height: 90px;
  }
}

.expandable-content__toggle-icon {
  position: relative;
/*   margin-right: 15px; */
  margin-right: 8px;
  width: 10px;
  height: 10px;
  transition: transform 0.2s ease-in-out;
}

.expandable-content__toggle-icon::before, .expandable-content__toggle-icon::after {
  content: "";
  position: absolute;
  background: currentColor;
  transition: transform 0.2s ease-in-out;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.expandable-content__toggle-icon::before {
  width: 2px;
  height: 10px;
}

.expandable-content__toggle-icon::after {
  width: 10px;
  height: 2px;
}

.expandable-content--expandable[aria-expanded=true] .expandable-content__toggle-icon {
  transform: rotateZ(90deg);
}

/* .expandable-content--expandable[aria-expanded=true] .expandable-content__toggle-icon::after {
  display: none;
} */

.expandable-content--expandable[aria-expanded=true] .expandable-content__toggle-icon::before {
  display: none;
}

.expandable-content--expandable .expandable-content__toggle {
  visibility: visible;
  opacity: 1;
}

.expandable-content--expandable[aria-expanded=true] .expandable-content__toggle::before {
  height: 0;
}

@media screen and (any-hover: hover) {
  .expandable-content[aria-expanded=false] .expandable-content__toggle:hover .expandable-content__toggle-icon {
    transform: rotateZ(45deg);
  }
}

@media screen and (min-width: 641px) {
  .expandable-content__toggle {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.viewmore {
  position: absolute;
  width: 80%;
  line-height: 52px;
  border: 1.5px solid #000;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 10px 0 rgba(80,80,80,.1);
  box-shadow: 0 10px 10px 0 rgba(80,80,80,.1);
}

/**
 * --------------------------------------------------------------------
 * MENU (used exclusively in "custom content" section for now)
 * --------------------------------------------------------------------
 */

.menu-item__title {
  margin-bottom: 0.75em;
}

.menu-item__linklist {
  list-style: none;
}

.menu-item__link-item {
  padding: 5px 0;
}

/**
 * -------------------------------------------------------------
 * PRICE RANGE
 * -------------------------------------------------------------
 */

.price-range {
  display: block;
  padding: 20px 0;
}

.price-range__input-group {
  display: flex;
  align-items: center;
}

.price-range__input {
  flex: 1 0 0;
  min-width: 0; /* Required for Firefox */
}

.price-range__delimiter {
  margin: 0 12px;
}

.price-range__range-group {
  position: relative;
  margin-bottom: 18px;
}

/**
 * -------------------------------------------------------------
 * RATING
 * -------------------------------------------------------------
 */

.rating {
  display: flex;
  align-items: center;
  vertical-align: bottom;
  line-height: inherit;
}

.rating__stars {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 2px;
  -moz-column-gap: 2px;
       column-gap: 2px;
}

.rating__star {
  color: var(--product-review-star-color);
/*   width: 14px;
  height: 14px; */
  width: 12px;
  height: 12px;
}

.rating__star--empty {
  color: rgba(var(--text-color-rgb), 0.4);
}

.rating__caption {
  position: relative;
/*   top: 1px; */
  top: 1px;
  margin-left: 7px;
/*   font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px)); */
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}
/**
 * --------------------------------------------------------------------
 * VALUE PICKER
 *
 * This component allows to provide a replacement to dropdown select.
 * On mobile it used by opening a drawer box, while on desktop it looks
 * like a popover
 * --------------------------------------------------------------------
 */
.value-picker-button svg {
  width: 9px;
  height: 7px;
/*   margin-left: 10px; */
  margin-left: 5px;
  transition: transform 0.2s ease-in-out;
}

.value-picker-button svg path {
  stroke-width: 2.5px;
}

.value-picker-button--pill {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 20px;
  text-align: left;
  border-bottom: 1px solid var(--border-color);
  background: var(--secondary-background);
}

.value-picker-button--pill svg {
  width: 12px;
  height: 8px;
  transition: transform 0.2s ease-in-out;
}

.value-picker-button--pill path {
  stroke-width: 2px;
}

.value-picker-button[aria-expanded=true] svg {
  transform: rotateZ(180deg);
}

.value-picker {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  visibility: hidden;
  transition: visibility 0.35s ease-in-out;
}

.value-picker::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  transition: opacity 0.35s ease-in-out;
  background: #000000;
}

.value-picker[aria-hidden=false] {
  visibility: visible;
}

.value-picker[aria-hidden=false]::before {
  opacity: 0.4;
}

.value-picker[aria-hidden=false] .value-picker__inner {
  transform: translateY(0);
}

.value-picker .icon--nav-triangle-borderless {
  display: none;
}

.value-picker__inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--secondary-background);
  transform: translateY(100%);
  transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
  border-radius: 16px 16px 0 0;
}

.value-picker__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 20px 16px 20px;
  border-bottom: 1px solid var(--border-color);
}

.value-picker__header .icon--close {
  width: 17px;
  height: 17px;
  color: var(--heading-color);
}

.value-picker__title {
  margin: 0;
}

.value-picker__close svg {
  display: block;
}

.value-picker__choice-list {
  padding: 15px 0;
  max-height: 430px;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  list-style: none;
}

.value-picker__choice-item {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  padding: 8px 50px 7px 20px; /* Designer does not like symmetry, sorry :D */
}

.value-picker__choice-item svg {
  position: absolute;
  width: 13px;
  height: 11px;
  right: 20px;
  top: 17px;
  transform: scale(0);
  transition: transform 0.2s ease-in-out;
}

.value-picker__choice-item.is-selected {
  color: var(--accent-color);
  font-weight: var(--text-font-bolder-weight);
}

.value-picker__choice-item.is-selected svg {
  transform: scale(1);
}

@supports (padding: max(0px)) {
  .value-picker__choice-list {
    max-height: calc(430px + env(safe-area-inset-bottom, 0px) + 15px);
    padding-bottom: max(15px, env(safe-area-inset-bottom, 0px) + 15px);
  }
}

/* On tablet and higher, the selector will look like a popover */
@media screen and (min-width: 641px) {
  /* This is the wrapper class on which elements are positioned relatively on desktop */
  .value-picker-wrapper {
    position: relative;
  }

  .value-picker {
    position: absolute;
    width: auto;
    height: auto;
    top: calc(100% + 10px);
    left: auto;
    right: -25px;
    bottom: auto;
    min-width: 160px;
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    transform: scale(0.9);
    background: var(--secondary-background);
    color: var(--text-color);
    z-index: 4;
    cursor: auto;
    border-radius: 0;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out;
    will-change: transform;
  }

  .value-picker::before {
    display: none;
  }

  .value-picker[data-picker-position=top] {
    top: auto;
    bottom: calc(100% + 10px);
  }

  .value-picker[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    transform: scale(1.001);
    transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
  }

  .value-picker .icon--nav-triangle-borderless {
    display: block;
    position: absolute;
    bottom: 100%;
    right: 20px;
    width: 18px;
    height: 8px;
    z-index: 2;
    filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
  }

  .value-picker[data-picker-position=top] .icon--nav-triangle-borderless {
    bottom: auto;
    top: 100%;
    transform: rotateZ(180deg);
  }

  .value-picker__inner {
    position: relative;
    width: auto;
    transform: none !important;
    transition: none;
    border-radius: 0;
  }

  .value-picker__header {
    display: none; /* Because of popover the context is clear and does not need header */
  }

  .value-picker__choice-list {
    padding: 15px 0;
    max-height: none;
    white-space: nowrap;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
  }

  .value-picker__choice-item {
    display: block;
    padding: 2px 25px;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
  }

  .value-picker__choice-item.is-selected,
  .value-picker__choice-item:hover {
    background: var(--accent-background);
    color: var(--accent-color);
    font-weight: normal;
  }

  .value-picker__choice-item.is-selected svg,
  .value-picker__choice-item:hover svg {
    display: none;
  }

  /* Small variation */
  .value-picker--small {
    min-width: 105px;
    right: -2px;
  }

  .value-picker--small .value-picker__choice-list {
    padding: 10px 0;
    font-size: 0.85rem;
  }

  .value-picker--small .value-picker__choice-item {
    padding: 2px 18px;
  }

  .value-picker--small .icon--nav-triangle-borderless {
    right: 11px;
  }

  /* Auto variation */
  .value-picker--auto {
    min-width: 0;
  }
}

/*************    ---                   ---                   ---   *************/
/*************    |     ENTER YOUR CUSTOM CODE BELOW HERE       |   *************/
/*************    ---                   ---                   ---   *************/



.announcement-bar .flickity-page-dots {
  display: none;
}

/* .slideshow__button {
  border: 1px solid #000;
  letter-spacing: .16071429rem;
  font-weight: 700;
}

.slideshow__button:hover {
  color: #fff !important;
  background-color: #000 !important;
} */

/* @media screen and (max-width: 640px) {
.announcement-bar .container {
  padding: 0 10px;
  }
} */

/* .collection {
  max-width: 1120px;
} */

.col-table img {
  margin: 0;
  display: inline-block;
  max-width: 229px;
}

@media screen and (max-width: 492px) {
  .\31\/3--phone .product-item__action-button.button--primary {
    letter-spacing: normal;
    font-size: 10px;
    padding-left: 3px;
    padding-right: 3px;
    display: none;
  }
    .\31\/3--phone {
    padding: 5px !important;
  }
    .\31\/3--phone .product-item__title {
    font-size: 11px !important;
    }
    .\31\/3--phone .price {
    font-size: 11px !important;
    }
    .\31\/3--phone .price--highlight {
    font-size: 11px !important;
    }
    .\31\/3--phone .price--compare {
    display: none;
    }
/*     .\31\/3--phone .product-list--collection .product-item__label-list, .\31\/3--phone .product-list--stackable .product-item__label-list {
    left: 2px;
    top: 6px;
    } */
    .\31\/3--phone .product-label {
    padding: 2px 4px;
    font-size: 10px;
    }
    .product-item.\31\/3--phone {
      padding-top: 0px !important;
    }
  
}

@media screen and (min-width: 1000px) {
    .\31\/2--tablet-and-up .product-item__action-button.button--primary {
      display: none;
  }
    .\31\/2--tablet-and-up .product-item__action-button.button--ternary {
      display: none;
  }
    .\31\/6--lap-and-up .product-item__action-button.button--primary {
      display: none;
  }
    .\31\/6--lap-and-up .product-item__action-button.button--ternary {
      display: none;
  }
}

@media screen and (max-width: 348px) {
  .\31\/3--phone .product-item__action-button.button--primary {
    letter-spacing: normal;
    font-size: 9px;
  }
    .\31\/3--phone {
    padding: 3px !important;
  }
    .\31\/3--phone .product-item__title {
    font-size: 10px !important;
    }
    .\31\/3--phone .price {
    font-size: 11px !important;
    }
    .\31\/3--phone .price--highlight {
    font-size: 11px !important;
    }
    .\31\/3--phone .price--compare {
    display: none;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1329px)  {
  .\31\/6--lap-and-up .product-item__action-button.button--primary {
    letter-spacing: normal;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
  }
    .\31\/6--lap-and-up .product-item__action-button.button--ternary {
    letter-spacing: normal;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
/*     display: none; */
  }
    .announcement-bar .container {
    padding: 0 12px;
    }
    .announcement-bar {
/*     font-size: 11px; */
    }
    .announcement-bar__button {
    padding: 5px 8px 5px 8px;
    font-size: 11px;
    }
    .announcement-bar__button svg {
    width: 11px;
    margin-right: 5px;
  }
    .\31\/6--lap-and-up {
    padding: 8px !important;
  }
    .\31\/6--lap-and-up .product-item__title {
    font-size: 11px !important;
    }
    .\31\/6--lap-and-up .price {
    font-size: 11px !important;
    }
    .\31\/6--lap-and-up .price--highlight {
    font-size: 11px !important;
    }
    .\31\/6--lap-and-up .product-label {
    padding: 2px 4px;
    font-size: 10px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1279px)  {
    .header__action-item--currency {
    margin-right: 15px;
  }
    .header__action-item--currency, .header__action-item--locale {
    /* margin-right: 10px; */
    margin-right: 6px;
    /* padding: 0 15px; */
    padding: 0 12px;
  }
    .header__action-item--currency form, .header__action-item--locale form {
      margin-top: 5px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1135px)  {
    .footer__aside-title {
    margin-bottom: 0.3em;
    margin-top: 1em;
  }
}

@media only screen and (min-width: 641px) and (max-width: 999px)  {
  .\31\/4--tablet .product-item__action-button.button--primary {
    letter-spacing: normal;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
  }
    .\31\/4--tablet .product-item__action-button.button--ternary {
    letter-spacing: normal;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
  }
    .\31\/4--tablet {
    padding: 5px !important;
  }
    .announcement-bar__button {
    display: none;
    }
    .announcement-bar__button {
    padding: 5px 2px 5px 2px;
/*     font-size: 12px; */
    font-size: 11px;
    }
    .announcement-bar__button svg {
    width: 10px;
    margin-right: 3px;
  }
    .header__action-list {
      padding-left: 14px;
    }
    .\31\/4--tablet .product-item__title {
    font-size: 11px !important;
    }
    .\31\/4--tablet .price {
    font-size: 12px !important;
    }
    .\31\/4--tablet .price--highlight {
    font-size: 12px !important;
    }
    .\31\/4--tablet .price--compare {
    font-size: 11px !important;
    }
    .block-list__item {
      width: 100%
    }
}

@media screen and (min-width: 1280px) {
  .header__logo-image {
    max-width: 230px !important;
  }
}

@media screen and (min-width: 641px) {
  .collection__toolbar .icon--nav-triangle-borderless {
      position:absolute;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      width:8px;
      height:8px;
      filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.05));
      border: 0 solid #000;
      border-width: 1px 0  0 1px;
      background:#fff;
      /* Now let's auto-center our arrow inside the pos. relative A parent */
      top: -5px;
      right: 23px;
/*    left:0;                           
      bottom:-5px;
      margin:0 auto; */
      }
}

.trust-image {
    margin: 5px auto;
}

@media screen and (min-width: 641px) {
  .trust-image {
    margin: 10px auto 10px;
  }
}

@media screen and (min-width: 641px) {
  .collection__toolbar .value-picker {
      border: 1px solid #000;
    }
}

.icon-button-label {
    font-family: var(--text-font-family);
/*     font-size: 11px; */
    font-size: 9px;
    font-weight: 400;
    /* color: #000; */
    color: #222;
    line-height: 14px;
    letter-spacing: 0.3px;
/*     position: absolute; */
    text-align: center;
    white-space: nowrap;
    text-shadow: none;
}

@media screen and (min-width: 1280px) {
  .icon-button-label {
    display: none;
    }
  .header .icon--cart {
/*     width: 40px; */
    width: 26px;
    height: 36px;
    margin-left: 5px;
  }
/*   .header__cart-count {
    right: 10px;
    right: 11px;
    top: 10px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
    } */
}

.icon-state__primary {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
}

.header__cart-icon .icon-button-label {
    margin: 0 6px;
}

.header-sub .header__cart-icon .icon-button-label {
  position: relative;
  right: 9px;
  color: #000;
}

.pagination .collection__showing-count {
  color: #555555;
  font-weight: 400;
}

@media screen and (min-width: 1280px) {
  .pagination .collection__showing-count {
/*   margin-right: 15px; */
  margin-right: 12px;
  }
}

.store-availability-information__link {
    text-decoration: underline;
    font-weight: 500;
}

.store-availability-information__link:hover {
    font-weight: bold;
}

::-webkit-scrollbar {
    width: 8px;
/*     background-color: #f3f3f3; */
  /* background: rgba(255,255,255,.85);
    backdrop-filter: saturate(180%) blur(25px);
    -webkit-backdrop-filter: saturate(180%) blur(25px); */
  width: 6px;
  height: 10px
}

::-webkit-scrollbar-thumb {
/*     background-color: #464646; */
    /* border-radius: 100px;
    background: rgba(71,65,58,.85);
    backdrop-filter: saturate(180%) blur(25px);
    -webkit-backdrop-filter: saturate(180%) blur(25px); */
  height: 30px;
  background-color: #bbb;
  border-radius: 0;
  outline: 2px solid #fff;
  outline-offset: -2px;
}

::-webkit-scrollbar-thumb:hover {
/*    background-color: #999999; */
    /* background: rgba(0,0,0,1); */
  background: rgba(55, 96, 54, 1) !important;
}

::selection {
    background: #d8f7f1;
    text-shadow: none;
}

.product-gallery__thumbnail-list::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 90%);
    background: #f3f3f3;
}

.product-gallery__thumbnail-list::-webkit-scrollbar {
    width: 1px;
    background-color: #f3f3f3;
}

.product-gallery__thumbnail-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
    background: #ddd;
    border-radius: 0px;
}
.cmhero_viewer .cmhero_scroll::-webkit-scrollbar {
  background: rgba(0,0,0,.1);
  width: 5px;
}
.cmhero_viewer .cmhero_scroll .cmhero_cont::-webkit-scrollbar {
  width: 6px;
/*     background-color: #f3f3f3; */
  /*background: rgba(255,255,255,.85);*/
  background: rgba(0,0,0,.1);
    backdrop-filter: saturate(180%) blur(25px);
    -webkit-backdrop-filter: saturate(180%) blur(25px);
}

/** Blake **/
.d-none {
  display: none !important;
}
.fa-sliders-h:before{content:"\F1DE"}
.hide_show_filters{
/*   font-size: 14px; */
  font-size: 13px;
/*   font-weight: 600; */
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
/*   margin-right: 30px; */
  margin-right: 15px;
/*   margin-top: 13px; */
  margin-top: 0;
  margin-bottom: 0;
}
.hide_show_filter_icon{
/*   width: 15px; */
  width: 12px;
  vertical-align: middle;
  cursor: pointer;
}
@media screen and (max-width: 999px) {
  .hide_show_filters{
    display: none;
  }
}
.hide_filters:hover {
  text-decoration: underline;
}
.flickity{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.flickity-cell {
  width: 100%;
  display: block;
}

@media screen and (max-width: 640px) {
.flickity-cell {
  width: 100%;
  display: table;
  text-align: center;
}
}

.flickity-enabled .flickity-prev-next-button:not([disabled]) {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.3;
    background: #fff;
}

@media screen and (max-width: 999px) {
.flickity-enabled .flickity-prev-next-button:not([disabled]) {
    background: none;
}
}

@media screen and (min-width: 1100px) {
.product-gallery__carousel-wrapper .flickity-prev-next-button:not([disabled]) {
  opacity: 0;
}
}



.announce-flickity .flickity-prev-next-button:not([disabled]) {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.announce-flickity .flickity-prev-next-button {
  background: none !important;
}

.announcement-bar__button{
  margin: auto;
}

/* .nav-bar__item:last-child > a:hover, li.nav-bar__item:last-child a, li.nav-bar__item:last-child a, li.mobile-menu__nav-item:last-child button, div#mobile-panel-11 a {
    font-style: italic;
    font-weight: 700;
    font-family: {{settings.special_menu_font.family}} !important;
    color: red !important;
    font-size: {{settings.special_menu_font_size}}px  !important;
} */

@media screen and (max-width: 640px) {
  .nav-bar__item:last-child > a:hover, li.nav-bar__item:last-child a, li.nav-bar__item:last-child a, li.mobile-menu__nav-item:last-child button, div#mobile-panel-11 a {
      font-size: {{settings.special_mobile_menu_font_size | plus: 2}}px  !important;
  }
}

/* li.mobile-menu__nav-item:first-child {
  border-top: 1px dotted #ccc;
} */

.mobile-menu__nav-item {
  position: relative;
  padding-bottom: 5px;
/*   border-bottom: 1px solid #ccc; */
/*   margin-top: 5px; */
}

.product-item svg.flickity-button-icon {
/*     fill: #9a9a9ac7; */
    fill: #000;
/*     height: 11px;
    width: 11px; */
  height: 10px;
    width: 10px;
}

/* .svg.flickity-button-icon:hover {
  color: #fff;
} */

.product-item-slider{
  visibility: hidden;
}
.go_to_main_mobile{
  display: none;
}
@media screen and (max-width: 640px) {
  .go_to_main_desktop{
    display: none;
  }
  .go_to_main_mobile {
    display: block;
    padding: 10px 0px 0px 13px;
    font-size: 1.5rem;
/*     font-weight: 600; */
    font-weight: 500;
  }
}
.announcement-bar__button {
  margin: 0px;
/*     background: #e53d31; */
    background: var(--header-accent-color);
}

.menu-image {
    width: 15vw;
    height: 52px;
    background-size: cover;
    top: 0px;
    right: 0px;
/*    border-radius: 0; */
/*     border-radius: 50%; */
    border-radius: 0;
    /* margin-right: 5px; */
    margin-right: 0px;
/*    margin-left: -15px; */
}
.mobile-menu .menu-image {
  width: 46px;
  height: 38px;
}
.header__desktop-nav-static .menu-image,
.nav-bar .menu-image {
  /* width: 32px;
  height: 32px; */
   width: 46px;
  height: 32px;
  display: inline-block;
  position: relative;
}
.mega-title {
  display: inline-block;
  position: relative;
  width: 100%;
    text-align: left;
    padding: 5px;
    font-weight: 500;
}
li.mobile-menu__nav-item {
  position: relative;
/*     padding-bottom: 5px; */
/*     border-bottom: 1px dotted #ccc; */
/*     margin-top: 5px; */
}
button.mobile-menu__nav-link span {
    width: 100%;
    text-align: left;
    padding: 5px;
    font-weight: 500;
}
a.mobile-menu__nav-link span {
    width: 100%;
    text-align: left;
    padding: 5px;
    font-weight: 500;
}
/* .mobile-menu .icon--arrow-right {
    margin-left: 15px;
} */

/* .mobile-menu .icon--arrow-left {
    margin-left: 15px;
} */

.nav-menu-image {
    width: 39px;
    height: 27px;
    background-size: cover;
    top: 0px;
    right: 0px;
    border-radius: 0;
    margin-right: 10px;
/*    margin-left: -15px; */
}

.mega-menu .nav-menu-image {
  display: none;
}

.nav-title {
    width: 100%;
    text-align: left;
    font-size: 13px;
}
.collection-gallery__carousel .flickity-prev-next-button.previous {
  left: -10px;
}
.collection-gallery__carousel .flickity-prev-next-button.next {
  right: -10px;
}
/**
 * --------------------------------------------------------------------
 * mobile category-main
 * --------------------------------------------------------------------
 */

.menu_cases{
  background-image:url('https://cdn.shopify.com/s/files/1/0102/9754/0666/files/cases.jpg') !important;
}

.menu_coolers{
  background-image:url('https://cdn.shopify.com/s/files/1/0102/9754/0666/files/coolers.jpg') !important;
}

.menu_power_supplies{
  background-image:url('https://cdn.shopify.com/s/files/1/0102/9754/0666/files/powers.jpg') !important;
}

.menu_accessories{
  background-image:url('https://cdn.shopify.com/s/files/1/0531/6660/4456/files/new.gif?v=1612134945') !important;
}

.menu_hydration{
  background-image:url('https://cdn.shopify.com/s/files/1/0576/6725/6494/files/hydration_thumb_88ab92ef-95f4-4d3f-9ba1-2d96d5cc0a04.png') !important;
}

.menu_whitening{
  background-image:url('https://cdn.shopify.com/s/files/1/0576/6725/6494/files/whitening.png') !important;
}

.menu_sensitive{
  background-image:url('https://cdn.shopify.com/s/files/1/0576/6725/6494/files/sensitive.png') !important;
}

.menu_acne{
  background-image:url('https://cdn.shopify.com/s/files/1/0576/6725/6494/files/new.gif') !important;
}

.menu_plush_\0026_toys{
  background-image:url('https://cdn.shopify.com/s/files/1/0531/6660/4456/files/ToyStory4SmallPlush-Ducky_Multicolor1_600x_48854a05-9620-478d-ae96-09f0a502ce40.jpg?v=1612150122') !important;
}

.menu_stationery{
  background-image:url('https://cdn.shopify.com/s/files/1/0531/6660/4456/files/17e44d4bbae047bcbfa4929ca3b3d778.jpg?v=1612150127') !important;
}

.menu_home_\0026_kitchen{
  background-image:url('https://cdn.shopify.com/s/files/1/0531/6660/4456/files/png-transparent-house-symbol-home-appliance-cooking-ranges-stove-major-appliance-kitchen-logo-angle.png?v=1612150125') !important;
}

.menu_kids{
  background-image:url('https://cdn.shopify.com/s/files/1/0531/6660/4456/files/00585-Kids-design-free-logos-online-03.png?v=1612150125') !important;
}

.menu_more\002E\002E\002E{
  background-image:url('https://cdn.shopify.com/s/files/1/0531/6660/4456/files/download.jpg?v=1612150125') !important;
}

.menu_sale{
  background-image:url('https://cdn.shopify.com/s/files/1/0004/4885/6125/files/sale_a06bc12e-5247-4ac2-a053-baa9a418926e.jpg') !important;
}
/*custom css */
.top-info {
  width: 100%;
  /* padding: 15px 20px; */
  padding: 12px 18px;
/*   background-color: #f6f6f6; */
}

@media only screen and (min-width: 1000px) and (max-width: 1279px)  {
    .top-info {
    padding: 5px 10px;
  }
}


.top-info__title:after, .top-info__title:before {
  content: " ";
  display: table;
}
.top-info__title:after {
    clear: both;
}
.top-info__title>h3 {
  font-size: 20px;
  color: #000;
  float: left!important;
  margin-right: 10px;
  margin-bottom: 15px;
  line-height: 25px;
  text-transform: none;
}
.top-info__title-sum {
  float: left!important;
  font-size: 14px;
  color: rgba(0,0,0,.4);
  line-height: 30px;
}
.cloud-tags {
    margin-top: 0px;
}
.cloud-tags:after, .cloud-tags:before {
  content: " ";
  display: table;
}
.cloud-tags:after {
  clear: both;
}
.cloud-tags__item {
  list-style: none;
  float: left!important;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 0;
/*   padding: 6px 12px; */
  padding: 4px 8px;
/*   margin: 0 10px 10px 0; */
  margin: 0 8px 8px 0;
  color: #666;
  cursor: pointer;
  background-color: #fff;
/*   font-size: 12px; */
  font-size: 11px;
}


.cloud-tags__item:hover {
  border-color: #000;
  color: #000;
}

.cloud-tags-ctn__outer {
    height: 48px;
    position: relative;
  /*position: sticky;
    top: 50px;*/
    z-index: 3;
}
.cloud-tags-ctn {
    position: relative;
    padding: 6px 0;
    line-height: 12px;
    /* background-color: #fff; */
    background: transparent;
    z-index: -1;
    -webkit-transform: translate3d(0,0,8px);
    transform: translate3d(0,0,8px);
    /* -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out; */
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out,-webkit-transform .5s ease-out;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.cloud-tags {
  padding-left: 0;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-slide {
  -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform; 
}
.cloud-tags>div, .cloud-tags>span {
    background: #f6f6f6;
    color: #666;
    padding: 0 12px;
    margin-right: 8px;
    text-align: center;
    width: auto;
    height: 30px;
    line-height: 30px;
    border: 1px solid #f6f6f6;
    border-radius: 0;
    font-size: 12px;
}
.cloud-tags>span.is-selected, .cloud-tags li.is-selected {
    position: relative;
    border: 1px solid #222;
    color: #222;
}
.cloud-tags>div.is-selected:before, .cloud-tags>span.is-selected:before, .cloud-tags li.is-selected:before {
    position: absolute;
    top: 0;
/*     right: -1px; */
    right: 0px;
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(https://cdn.shopify.com/s/files/1/0271/0883/5385/files/filter-selected-rounded.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.top-info {
  display: block;
}
.cloud-tags-ctn__outer {
  display: none;
}
.product-gallery__carousel-item.is-selected {
  visibility: visible !important;
}
.template-index #shopify-section-slideshow .flickity-page-dots li {
  width: 0px !important;
  height: 0px !important;
}
.template-index #shopify-section-slideshow .slideshow .flickity-page-dots .dot {
  border: 0px solid;
}
.template-index #shopify-section-slideshow .flickity-page-dots li:before {
  color: #000;
/*   width: 20px; */
  font-size: 13px;
}
.template-index #shopify-section-slideshow .flickity-page-dots li.is-selected {
  border: 2px solid #000 !important;
}
.template-index #shopify-section-slideshow .flickity-page-dots li.is-selected:before {
/*   font-weight: 700; */
  font-weight: 500;
}
.template-index #shopify-section-slideshow .flickity-page-dots li:nth-child(1):before {
  content: "01";
}
.template-index #shopify-section-slideshow .flickity-page-dots li:nth-child(2):before {
  content: "02";
}
.template-index #shopify-section-slideshow .flickity-page-dots li:nth-child(3):before {
  content: "03";
}
.template-index #shopify-section-slideshow .flickity-page-dots li:nth-child(4):before {
  content: "04";
}
.template-index #shopify-section-slideshow .flickity-page-dots li:nth-child(5):before {
  content: "05";
}
.template-index #shopify-section-slideshow .flickity-page-dots li:nth-child(6):before {
  content: "06";
}
.reveal {
  display: none;
}
.active-collection-product {
  margin: 0;
  /*margin: -2px -2px -6px -2px;*/
  height: calc(100% + 4px);
}
.template-collection .active-collection-product {
  margin: -2px -2px -6px -2px;
}
.template-collection .active-collection-product[data-media-count="1"] {
  margin: -4px;
}
.active-collection-product .reveal {
  display: block !important;
  position: absolute;
  z-index: 1;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  /*background-color: #eeeff0;*/
  background-color: transparent;
  border-radius: 0;
}
.active-collection-product .reveal img {
  width: 100%;
  height: 100%;
  padding: 0px;
  background-color: #eeeff0;
}
.main_featured-collection .active-collection-product .reveal img,
.recently-viewed-products-placeholder .active-collection-product .reveal img,
.product-recommendations .active-collection-product .reveal img {
  padding: 0px;
}
.active-collection-product .product-gallery__image img {
  display: none;
}
/* product page static navigation */
.navigation-wrapper__static {
  width: 100%;
/*   height: 61px; */
/*   height: 54px; */
/*   height: 52px; */
  height: 48px;
/*   margin-bottom: 5px; */
  margin-bottom: 0;
/*   z-index: 53; */
  z-index: 2;
  position: sticky;
/*   top: 56px; */
/*   top: 54px; */
/*   top: 47px; */
/*   top: 86px; */
  /* top: 84px; */
  /* top: 102px; */
  top: 70px;
/*   top: 0; */
  overflow: hidden;
  display: block;
  border-bottom: 1px solid #E9ECEF;
    border-top: 1px solid #E9ECEF;
}

.product-block-list__wrapper .navigation-wrapper__static {
    /*     width: calc(100% + 67%); */
/*     max-width: 1520px; */
/*   width: calc(100% + 67%); */
    max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.product-block-list__wrapper .product-block-list__item.product-block-list__item--description,
.product-block-list__wrapper .product-block-list__item.product-block-list__item--trust,
.product-block-list__wrapper .product-block-list__item.product-block-list__item--shipping{
/*     width: calc(100% + 67%); */
/*     max-width: 1520px; */
/*   width: calc(100% + 67%); */
    max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.navigation__container {
  z-index: 53;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
}
.gl-tab {
  align-items: center;
/*   background-color: #FFF; */
/*   background-color: transparent; */
/*   background-color: #fff; */
  background: rgba(255, 255, 255, 0.90) !important;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
/*   border-bottom: 1px solid #E9ECEF;
  border-top: 1px solid #E9ECEF; */
/*   height: 60px; */
/*   height: 54px; */
/*   height: 50px; */
  height: 46px;
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 10;
  align-items: left;
  justify-content: left;
  display: flex;
  justify-content: center;
}
.gl-tab:hover {
/*   background-color: #fff; */
}

@media screen and (min-width: 1000px) {
  .gl-tab {
    display: block;
  }
  .gl-tab__tab-list {
    justify-content: space-evenly !important;
  }
}

.gl-tab__tab-list {
/*   border-bottom: 1px solid #E9ECEF; */
  display: flex;
  justify-content: flex-start;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  padding: 0;
  position: relative;
  scrollbar-width: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  /*overflow-x: scroll;*/
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 1;
  transition: opacity .1s ease-out;
}
a.gl-tab__item {
  /*   background-color: #FFF; */
  background-color: transparent;
/*   border-bottom: 3px solid transparent; */
  border-bottom: 2px solid transparent;
/*   border-top: 3px solid transparent; */
  border-top: 2px solid transparent;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
/*   font-family: "AdihausDIN",Helvetica, Arial, sans-serif;
  font-size: 12px; */
  font-size: 13px;
  font-weight: normal;
/*   height: 58px; */
/*   height: 50px; */
  height: 46px;
/*   letter-spacing: 2px; */
  letter-spacing: 2px;
  margin: 0 10px;
  opacity: 1;
  overflow: hidden;
/*   padding: 20px 0; */
/*   padding: 12px 0; */
  padding: 10px 0;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transition: color 0.3s cubic-bezier(0.3, 0, 0, 1);
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  touch-action: manipulation;
  margin-left: 20px;
}
a.gl-tab__item.active {
/*   background-color: #FFF; */
  background-color: transparent;
/*   border-bottom: 3px solid #000; */
  border-bottom: 2px solid #000;
/*   color: #000; */
  color: #222222;
/*   font-family: "AdihausDIN",Helvetica, Arial, sans-serif; */
/*   font-weight: 700; */
  font-weight: 600;
  outline: 0;
}

@media screen and (max-width: 999px) {
  .top-info {
    display: none;
  }
  .cloud-tags-ctn__outer {
    display: block;
    padding-left: 5px;
  }
  .collection__products-count {
    margin-bottom: 0px;
  }
  .cloud-tags-ctn_pos-fixed {
    position: fixed;
    top: 50px;
    /*left: -0.68rem;*/
    /* left: -5px; */
    left: -2px;
    /*right: -0.68rem;*/
    right: 0;
    /* padding-left: 0.90rem; */
    padding-left: 0.7rem;
    /*padding-right: 0.90rem;*/
    padding-right: 0;
    -webkit-transform: translate3d(0,0,8px);
    transform: translate3d(0,0,8px);
    border-bottom: 1px solid #eee;
    max-width: 100vw;
  }
  .cloud-tags-ctn_pos-fixed-top {
    position: fixed;
/*     top: 93px; */
    /* top: 86px; */
    top: 54px;
/*     left: .32rem;
    right: .32rem; */
    left: -0.68rem;
    right: -0.68rem;
    padding-left: 0.90rem;
    padding-right: 0.90rem;
    -webkit-transform: translate3d(0,-200%,8px);
    transform: translate3d(0,-200%,8px);
  }
  #shopify-section-static-promotion-list, #shopify-section-static-recently-viewed-products, #shopify-section-text-with-icons {
/*     background: #f2f4f7; */
    position: relative;
    z-index: 4;
  }
  #shopify-section-footer {
    position: relative;
    z-index: 4;
  }
  .popover {
    position: absolute;
    width: 0;
    right: 0;
    left: 0;
/*     top: 100%; */
    top: 100%;
    height: 100vh;
    background: var(--secondary-background);
    color: var(--text-color);
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
  }
  .popover[aria-hidden=true] {
    visibility: hidden !important;
    overflow: hidden;
  }
  .popover[aria-hidden=false] {
    width: 100vw !important;
  }
  .popover .icon--nav-triangle-borderless {
    opacity: 0;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
  }
  .popover[aria-hidden=false] .icon--nav-triangle-borderless {
    opacity: 1;
  }
  .mini-cart {
    position: absolute;
    width: 0;
    height: 100vh;
    right: 0;
    left: 0;
/*     top: 100%; */
    top: 100%;
    background: var(--secondary-background);
    color: var(--text-color);
    z-index: 1;
    visibility: hidden;
    opacity: 1;
    transition: 0.5s;
    overflow: hidden;
  }
  
  .mini-cart[aria-hidden=false] {
    visibility: visible;
    width: 100vw !important;
    overflow: visible;
  }
  .mini-cart .icon--nav-triangle-borderless {
    opacity: 0;
  }
  .mini-cart[aria-hidden=false] .icon--nav-triangle-borderless {
    opacity: 1;
  }
  
  .mini-cart__content--empty {
    padding: 0px;
  }
  .mini-cart__content {
    /*max-height: calc(100vh - 250px) !important;*/
    max-height: calc(100% - 150px) !important;
  }
  .navigation-wrapper__static {
/*     top: 53px; */
/*     top: 0; */
/*     top: 87px; */
    /* top: 86px; */
    /* top: 54px; */
    top: 49px;
    /* top: 48px;
    border-top: none; */
  }
  a.gl-tab__item {
/*     height: 57px; */
/*     height: 50px; */
    height: 44px;
  }
  .gl-tab__tab-list {
    overflow-x: scroll;
  }
  .gl-tab__tab-list::-webkit-scrollbar {
    height: 0px;
  }
}

@media screen and (min-width: 641px) {
  #header-sroll.small {
    max-width: 150px !important;
  }
}

.product-form__info-content {
  font-size: 12px;
  line-height: 18px;
}

/* .product-block-list__item--description img {
  margin-left: -10px !important;
  margin-right: -10px !important;
} */

.shopify-cleanslate ._3G6VJhJYno-AX3-X38f1TA {
  line-height: 42px !important;
}

/* .template-product .card {
  margin-bottom: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
} */

.vtl-pl-main-widget img {
  width: 25px !important;
}

.product-meta__store-availability-container {
/*   background-color: #f6f6f6; */
  background-color: #f7f7f7;
}

.spacey-row {
/*   margin: {{ gutter }}px; */
  margin: 35px;
  font-size: 0.85rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

@media (max-width: 640px) {
  .spacey-row {
/*     margin: {{ mobile_gutter }}px; */
/*     margin: 10px; */
    margin: 15px 10px 10px;
    font-size: 0.85rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
  }
  .spacey-row {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 1164px) {
  .spacey-row {
    /* margin: 50px; */
    margin: 30px;
  }
  .spacey-row:last-child {
    margin: 25px 30px 10px;
  }
}

.super-spacey-row {
  margin: 20px;
}

@media (max-width: 640px) {
  .super-spacey-row {
    margin: 15px;
  }
}

.row .reading-container, .spacey-row .reading-container, .super-spacey-row .reading-container {
  padding-left: 0;
  padding-right: 0;
}

.inner-row {
/*   margin-top: {{ block_padding_x2 }}px;
  margin-bottom: {{ block_padding_x2 }}px; */
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: right;
  line-height: 16px;
/*   font-size: 13px; */
  font-size: 12px;
}

.three-block-layout {
  margin-left: -20px;
  display: flex;
  align-items: center;
}

@media (max-width: 640px) {
  .three-block-layout {
    margin-left: -15px;
    display: initial;
  }
}

.three-block-layout img {
  display: block;
  width: 100%;
}

.three-block-layout .col-block {
  float: left;
  margin-left: 20px;
  width: calc(33.333% - 20px);
}

@media (max-width: 640px) {
  .three-block-layout .col-block {
    margin-left: 15px;
    width: calc(33.333% - 15px);
  }
  .three-block-layout .col-block,
  .three-block-layout.two-on-tablets .col-block {
    float: none;
    width: auto;
    margin: 0 0 15px;
  }
}

.three-block-layout .halfrow-size {
  width: calc(50% - 20px);
}

.three-block-layout .double-size {
  width: calc(66.666% - 20px);
}

.three-block-layout .triple-size {
  width: calc(100% - 20px);
}

@media (max-width: 640px) {
  .three-block-layout .halfrow-size {
    width: calc(50% - 15px);
  }
  .three-block-layout .double-size {
    width: calc(66.666% - 15px);
  }
  .three-block-layout .triple-size {
    width: calc(100% - 15px);
  }
}

@media (max-width: 640px) {
  .three-block-layout,
  .three-block-layout.two-on-tablets {
    margin-left: 0;
  }
  .three-block-layout .col-block,
  .three-block-layout.two-on-tablets .col-block {
    float: none;
    width: auto;
    margin: 0 0 {{ mobile_gutter }}px;
  }
  .three-block-layout.two-on-tablets .col-block:last-child {
    display: block;
  }
}

.home-image.cta-link-hover-parent {
  position: relative;
    margin-bottom: 1.25rem;
    display: block;
    text-transform: none;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 4.6875rem;
}
.cta-link-hover-parent .cta-link {
  position: absolute;
  width: 100%;
  padding: 15px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  text-transform: uppercase;
/*   font-size: 1rem; */
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  letter-spacing: .04em;
  text-align: center;
  z-index: 0;
}
.home-image.cta-link-hover-parent .cta-link:after {
  border-bottom: 0px solid #000;
  content: none;
}
.collection-list-type1 .block-layout, .collection-list-type2 .block-layout {
  displaY: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.collection-list-type1 .col-block {
  width: calc(25% - 30px);
  float: left;
  margin: 0px 15px 0px;
  padding: 0 0 5%;
  display: inline-block; 
}
.collection-list-type1 .col-block a, .collection-list-type2 .col-block a {
  text-transform: none;
}
@media only screen and (max-width: 640px) {
.collection-list-type2 .col-block a.image_right img {
  float: right;
}
}
.collection-list-type1 .col-block a b, .collection-list-type2 .col-block a b{
  text-transform: uppercase;
}
.collection-list-type1 .col-block span {
  position: relative;
  text-align: left;
  display: block;
  color: #000;
  font-weight: normal;
  line-height: 19px;
}
.collection-list-type1 .col-block span b {
  display: block;
  font-weight: normal;
  margin: 5% 0;
  font-size: 1.25rem;
  font-weight: normal;
}
.collection-list-type2 .col-block {
  width: calc(33% - 30px);
  float: left;
  margin: 0px 15px 0px;
  padding: 0 0 5%;
  display: inline-block; 
}
.collection-list-type2 img {
  width: 50%;
  float: left;
}
.collection-list-type2 .col-block span {
  position: relative;
  text-align: left;
  display: block;
  color: #000;
  font-weight: normal;
  line-height: 19px;
  text-align: left;
  width: 47%;
  float: left;
/*   padding: 0 0 0 3%; */
  padding: 0 0 0 2.5%;
}
.collection-list-type2 .col-block span > span {
  width: 100%;
}
.collection-list-type2 .col-block span b {
  display: block;
  font-weight: normal;
  margin: 5% 0;
  font-size: 1.25rem;
  font-weight: normal;
}

@media only screen and (min-width: 641px) {
  .cta-link-hover-parent .cta-link {
/*     font-size: 1.5rem; */
    font-size: 24px;
    padding: 0 1.25rem;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .home-image.cta-link-hover-parent:hover .rimage-outer-wrapper {
    opacity: 0.4;
  }
  .home-image.cta-link-hover-parent:hover .cta-link {
    opacity: 1;
  }
  .mobile_list_custom_tags {
    display: none;
  }  
}
@media only screen and (max-width: 640px) {
  .collection-list-type1 .block-layout, .collection-list-type2 .block-layout {
    margin-left: 0px;
    margin-right: 0px;
  }
  .collection-list-type1 .col-block {
    width: calc(50% - 16px);
    margin: 0px;
    padding: 0 8px;
    margin: 0 0 25px 0;
  }
  .collection-list-type2 .col-block {
    width: calc(100% - 16px);
    margin: 0 0 25px 0;
    padding: 0 8px;
    display: inline-block; 
  }
  .collection-list-type2 img {
    width: 55%;
    float: left;
  }
  .collection-list-type2 .col-block span {
    width: 42%;
  }
  [data-gridtype=LIST] .custom_tags {
    display: none;
  }
  [data-gridtype=LIST] .mobile_list_custom_tags .custom_tags {
    display: block;
    float: right;
    margin-right: 15px;
    margin-top: -15px;
  }
  .blocklayout.search-results .custom_tags p:nth-child(2),
  .product-recommendations .custom_tags p:nth-child(2) {
    display: block;
  }
}

.rimage-outer-wrapper {
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.rimage-outer-wrapper.fade-in {
  opacity: 0;
  transition: opacity 500ms;
}

.rimage-outer-wrapper.fade-in.lazyloaded {
  opacity: 1;
}

.no-js .rimage-outer-wrapper.fade-in {
  opacity: 1;
}

.rimage-bg-fit {
  background-size: contain;
}

.rimage-bg-fill {
  background-size: cover;
}

.rimage-wrapper {
  position: relative;
  transition: background 150ms;
}

.rimage-wrapper.lazyload--placeholder {
  background: rgba(0, 0, 0, 0.05);
}

.rimage-wrapper .rimage__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rimage-wrapper .fade-in {
  opacity: 0;
  transition: opacity 500ms;
}

.rimage-wrapper .fade-in.lazyloaded {
  opacity: 1;
}

.rimage-wrapper .blur-in {
  -webkit-filter: blur(10px);
  filter: blur(10px);
  transition: filter 400ms, -webkit-filter 400ms;
}

.rimage-wrapper .blur-in.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

.rimage-wrapper .cover {
  object-fit: cover;
}

.rimage-wrapper.rimage-wrapper--natural-size .rimage__image {
  position: static;
  width: auto;
  height: auto;
}

.product-wholesale-inquiry {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 15px;
  color: #000;
}

@media only screen and (max-width: 640px) {
  .product-wholesale-inquiry {
    margin-bottom: 10px;
    font-size: 12px;
  }
}

/* @font-face {
font-family: "NotoSans-Regular";
src: url("NotoSans-Regular.woff2") format("woff2"),
url("NotoSans-Regular.woff") format("woff");
}

h1,h2,h3,h4,h5,h6,body,p,a,span { font-family: "NotoSans-Regular"!important; }

@font-face {
font-family: "NotoSans-Bold";
src: url("NotoSans-Bold.woff2") format("woff2"),
url("NotoSans-Bold.woff") format("woff");
}

.nav-bar__item:nth-child(1), .nav-bar__item:nth-child(2), .nav-bar__item:nth-child(3) { font-family: "NotoSans-Bold"!important; } */



.product-slider-wrap .productlist-container .swiper-scrollbar {
  text-align: center;
  line-height: 0;
  max-width: 600px;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%);
  background: 0 0;
  height: 7px;
  bottom: auto;
  display: block !important;
}
.product-slider-wrap .productlist-container .swiper-scrollbar-drag {
  background-color: #000;
  z-index: 1;
  height: 4px;
  top: 2px;
}
.product-slider-wrap .productlist-container .swiper-scrollbar:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ddd;
/*   border-radius: 8px; */
  border-radius: 50%;
  top: 4px;
}
.swiper__recently_viewed .swiper__empty_container {
  min-height: 300px;
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
}
.tab-customize {
    overflow: hidden;
    margin-top: 15px;
    display: flex;
    justify-content: flex-start;
/*     justify-content: center; */
/*     max-width: 100%; */
    max-width: 1200px;
    white-space: nowrap;
    cursor: grab;
    overflow-x: auto;
/*     margin: 0; */
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
/*     list-style-type: none; */
    position: relative;
}
/* .tab-customize li {
    list-style: none;
    width: 100px;
    float: left;
    -webkit-transition: 0.5s ease;
}
.tab-customize li:nth-of-type(1) {
  width: 90px;
}
.tab-customize li:nth-of-type(2) {
  width: 78px;
}
.tab-customize li:nth-of-type(3) {
  width: 70px;
}
.tab-customize li:nth-of-type(1):hover ~ .underbar{
    height: 1px;
    bottom: 2px;
    margin-top: 2px;
    left: 4px;
    width: 80px;
    background: #000;
}
.tab-customize li:nth-of-type(2):hover ~ .underbar{
    height: 1px;
    bottom: 2px;
    margin-top: 2px;
    left: 94px;
    width: 68px;
    background: #000;
}
.tab-customize li:nth-of-type(3):hover ~ .underbar{
    height: 1px;
    bottom: 2px;
    margin-top: 2px;
    left: 172px;
    width: 52px;
    background: #000;
}
.tab-customize li:nth-of-type(4):hover ~ .underbar{
    left: 150px;
    width: 50px;
    height: 1px;
    background: rgba(150,250,250,0.5);
    box-shadow: 0 0 10px rgba(70,250,250,1);
}
.tab-customize .underbar{
  width: 0;
  height: 1px;
  background: #000;
  left: 4px;
  margin-top: 2px;
  top: 18px;
  position: absolute;
  -webkit-transition: 0.65s ease;
} */
.tab-customize::-webkit-scrollbar {
  height: 0px;
}
.tab-customize button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
/*   padding: 14px 16px; */
/*   padding: 5px 10px; */
  padding: 0;
/*   margin: 5px 10px; */
  margin: 5px 8px 5px 4px;
/*   transition: 0.3s; */
  color: #000;
  color: #727272;
/*   font-size: 13px; */
  font-size: 16px;
  font-weight: 400;
  position: relative;
/*   color: #727272; */
  text-transform: capitalize;
}

@media (min-width: 1000px) { 
  .tab-customize button {
    margin: 5px 20px 5px 10px;
  }
}

.tab-customize button:first-child {
  margin-left: 0;
}

.tab-customize button:before {
    display      : block;
    position: absolute;
    content      : '';
    width: calc(100% - 2px);
    border-bottom: solid 1px #000;
    transform    : scaleX(0);
    transform-origin: top left;
    height: 1px;
/*     bottom: 0; */
    bottom: -5px;
    left: 0;
    transition   : transform 350ms ease-in-out;
}

.tab-customize button:last-child:before {
  transform-origin: top right;
}
  

.tab-customize button:hover:before {
    transform: scaleX(1);
}

.tab-customize button.active, .tab-customize button.active {
  color: #000;
  transition: all .5s ease-out;
  position: relative;
}
.tab-customize button.active:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 0;
/*   bottom: 1px; */
  transition: all .3s ease-out;
  bottom: -5px;
  width: calc(100% - 2px);
  left: 0;
}
.swiper-wrapper .fixed-ratio {
  width: 100% !important;
  margin: 0;
  padding: 0 !important;
}
/* .tab-customize button.active {
  border-bottom: 1px solid #000;
} */
.tabcontent-cus {
  display: none;
/*   padding: 6px 12px; */
  padding: 1em 0;
/*   border-top: none; */
  border-top: 1px solid #e9ecef;
  background: #fff;
/*   margin-bottom: 20px; */
  margin-bottom: 1em;
/*   padding-bottom: 0; */
  font-size: 14px;
  line-height: 16px;
/*   min-height: 350px; */
  min-height: 150px;
}

.tabcontent-cus p, .tabcontent-cus ul, #tab-3.tabcontent-cus {
  padding-left: 20px;
  padding-right: 20px;
}

.tabcontent-cus img {
/*   margin-left: -20px !important;
  margin-right: -20px !important; */
  min-width: 100%;
}
  

/* @media (min-width: 1200px) {
.tabcontent-cus img {
  min-width: 1200px;
}
} */
  

.swiper-slide .collection-product__quickview {
  display: none;
}
.swiper-slide .collection-product__info-wrapper {
  width: 100%;
  text-align: center;
}
.swiper-slide .product_grid__color {
  justify-content: center;
}
.swiper-slide .main .custom_tags p, .product-recommendations .custom_tags p {
  display: none !important;
}
.swiper-slide .main .custom_tags p:first-child, .product-recommendations .custom_tags p:first-child {
  display: block !important;
}
#tab-3.tabcontent-cus, .tabcontent-cus fieldset, .tabcontent-cus p, .tabcontent-cus ul, .tabcontent-cus li, .tabcontent-cus #text {
  font-size: 14px !important;
/*   line-height: 16px !important; */
  line-height: 28px !important;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .product-slider-wrap .products-grid .product-item {
    width: 40%;
  }
}

.table-half {
/*   width: 47%;
    display: inline-block;
    vertical-align: top;
    position: relative; */
  font-size: 14px;
  max-width: 600px;
}

@media (min-width: 768px) {
  .table-half {
  width: 47%;
  /* padding: 0 1%; */
  display: inline-block;
  vertical-align: top;
  position: relative;
}
}

@media (max-width: 767px) {
  .table-half {
  margin-bottom: 15px;
  }
  .tab-customize button {
    font-size: 15px;
  }
}

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

.product-table td {
  text-align: left;
}

.table-half table {
  border-bottom: 0.8px solid #ccc;
  padding: 1em 0;
    color: #333;
  width: 100% !important;
    max-width: 90%;
    letter-spacing: 0.08em;
}

.table-half td {
  border-bottom: 0.8px solid #ccc;
  padding: 1em 0;
    color: #333;
    max-width: 90%;
    letter-spacing: 0.08em;
}

.table-half tr td:first-child {
  opacity: 0.5;
  color: #666;
}

.recently-viewed-products-placeholder .product-list--scrollable .product-item {
/*   min-height: 60%; */
  min-height: 100%;
}

.recently-viewed-products-placeholder .product-item,
.trend-keyword .product-item,
.mds-pick .product-item,
.featured-collections .product-item,
.prdList .product-item{
  border-radius: 0;
  overflow: hidden; /* okas */
  /* box-shadow: -2px -2px 5px rgb(255 255 255 / 40%), 2px 2px 5px rgb(0 0 0 / 30%); */
  border: 1px solid rgba(0,0,0,0.1);
  /*     padding: 15px; */
  /*     padding: 10px; */
  /*     padding: 2px; */
  padding: 0;
  margin-left: 1%;
  /*     background: #fff; */
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
}
@media screen and (min-width: 1000px) {
  .recently-viewed-products-placeholder .product-item,
  .trend-keyword .product-item,
  .mds-pick .product-item,
  .featured-collections .product-item,
  .product-recommendations .product-item {
  margin-left: 0.5px !important;
  }
.mds-pick .swiper-slide .ec-base-product {
  margin-left: 1%;
  }
}
.recently-viewed-products-placeholder .product-item:first-child {
  margin-left: 0px;
}
.recently-viewed-products-placeholder .product-item .product-item__label-list {
  top: 3px;
  left: 2px;
}

.recently-viewed-products-placeholder .product-item .product-gallery__carousel {
  margin: 0px;
  padding: 0;
  border-radius: 0;
}

.recently-viewed-products-placeholder .product-item .product-gallery__carousel-item {
  padding: 0;
}

@media screen and (max-width: 640px) {
  .recently-viewed-products-placeholder .product-item .product-gallery__carousel-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

.recently-viewed-products-placeholder .product-item .image--fade-in {
  border-radius: 0;
}

.recently-viewed-products-placeholder .product-item .aspect-ratio img {
  border-radius: 0;
}

.recently-viewed-products-placeholder .product-item .product-item__info {
  position: relative;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 10px;
}

.recently-viewed-products-placeholder .product-list {
  background: transparent;
  /*   padding: 25px; */
  padding: 5px;
  padding-top: 0;
  padding-bottom: 30px;
  padding-left: 10px;
/*   padding-bottom: 50px; */
}

.template-index .recently-viewed-products-placeholder .product-list {
  padding-bottom: 50px;
}

.recently-viewed-products-placeholder .product-list::before {
  display: none;
}

.recently-viewed-products-placeholder .product-item:hover,
.trend-keyword .product-item:hover,
.mds-pick .product-item:hover,
.featured-collections .product-item:hover {
  /*    box-shadow: inset -2px -2px 3px rgba(255,255,255,0.1),
  inset 2px 2px 3px rgba(0,0,0,0.1); */
  box-shadow: -2px -2px 5px rgba(255,255,255,0.2),
    2px 2px 5px rgba(0,0,0,0.1);
}

.recently-viewed-products-placeholder .product-item::after {
  display: none;
}

.product-recommendations .product-list--scrollable .product-item {
/*   min-height: 60%; */
  min-height: 100%;
}

.product-recommendations .product-item {
    border-radius: 0;
    /* box-shadow: -2px -2px 5px rgb(255 255 255 / 40%), 2px 2px 5px rgb(0 0 0 / 30%); */
    border: 1px solid rgba(0,0,0,0.1);
/*     padding: 15px; */
/*     padding: 10px; */
/*     padding: 2px; */
  padding: 0;
    margin-left: 1%;
/*     background: #fff; */
  background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
}

.product-recommendations .product-item .product-item__label-list {
  top: 3px;
  left: 2px;
}

.product-recommendations .product-item .product-gallery__carousel {
  margin: 0px;
/*   padding: 0; */
  border-radius: 0;
}

.product-recommendations .product-item .product-gallery__carousel-item {
  padding: 0;
}

@media screen and (max-width: 640px) {
  .product-recommendations .product-item .product-gallery__carousel-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

.product-recommendations .product-item .image--fade-in {
  border-radius: 0;
}

.product-recommendations .product-item .aspect-ratio img {
  border-radius: 0;
}

.product-recommendations .product-item .product-item__info {
  position: relative;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 10px;
  margin: 0;
}

.product-recommendations .product-list {
  background: transparent;
/*   padding: 25px; */
  padding: 5px;
  padding-top: 0;
  padding-left: 10px;
}

.product-recommendations .product-list::before {
  display: none;
}

.product-recommendations .product-item:hover {
/*    box-shadow: inset -2px -2px 3px rgba(255,255,255,0.1),
               inset 2px 2px 3px rgba(0,0,0,0.1); */
     box-shadow: -2px -2px 5px rgba(255,255,255,0.2),
               2px 2px 5px rgba(0,0,0,0.1);
}

.product-recommendations .product-item::after {
  display: none;
}

/* #shopify-section-static-text-with-icons .section--tight {
  padding-top: 10px;
  margin-bottom: 0;
  padding-bottom: 0;
}

#shopify-section-static-text-with-icons .container--flush {
  background: #000;
}

#shopify-section-static-text-with-icons .text-with-icons__item p {
  color: #fff;
}

#shopify-section-static-text-with-icons .flickity-page-dots .dot {
  background: #fff;
} */

#shopify-section-static-text-with-icons {
  display: none;
}

.template-index #shopify-section-static-text-with-icons {
  display: initial;
}

.template-index .main_recent-view {
  background: #2e2e2e;
    background-image: url(https://cwsmgmt.corsair.com/landing/home/images/shards_filled.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.template-index .main_recent-view .section__title {
  margin: auto !important;
  color: #fff;
  /* font-size: 2.8em; */
  font-size: 24px;
  /* font-weight: 600; */
  font-weight: bold;
  font-weight: 500;
  text-transform: uppercase;
  text-shadow: 0 8px 8px #000;
  line-height: 40px;
/*   letter-spacing: 0.04em; */
  letter-spacing: 0.08em;
}

.template-index .main_recent-view .section__header {
  flex-direction: row;
/*   padding-top: 25px; */
  padding-top: 35px;
  align-items: center;
}

.template-index .icon-text {
  background: #000;
/*     background-image: url(https://cwsmgmt.corsair.com/landing/home/images/shards_filled.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
/*   padding-bottom: 0; */
  border-bottom: 1px solid #858585;
}

.template-index .icon-text .container--flush {
/*   max-width: 1250px; */
  max-width: 1350px;
}

.template-index .text-with-icons__item p {
  color: #000;
}

.template-index .icon-text li {
  background: #fff;
}

.template-index .icon-text .flickity-page-dots .dot.is-selected {
  background: #fff;
}
.product-meta__label-list .product-label {
  display: block;
}
.product-form .custom_tags {
  display: table;
  color: #000;
  float: right;
  opacity: 1;
}
.product-form .custom_tags p {
/*   font-size: 12px;
  line-height: 12px; */
  font-size: 11px;
  line-height: 11px;
  margin-bottom: 0;
}
.product-form .custom_tags .custom_tag {
  background-color: #42934b;
/*   font-weight: 700; */
  font-weight: 500;
  color: #fff;
  margin: 2px 0;
}
.product-form .custom_tags .custom_tag_soldout {
  color: #ffffff;
  background: #000000;
/*   font-weight: 700; */
  font-weight: 500;
  margin-bottom: 5px;
}
.product-form .custom_tags .custom_tag_sale {
  color: #dd4b39;
  background: 0 0;
/*   font-weight: 700; */
  font-weight: 500;
  margin: 2px 0;
}
.product-label.custom_tag_sale {
  color: #dd4b39;
  background: 0 0;
}
.product-label.custom_tag_soldout {
  color: #FFF;
/*   background: #000; */
  background: rgba(0,0,0,0.8);
}
.product-label.custom_tag {
/*   background-color: #42934b; */
/*   background: rgba(0,54,42,0.8); */
  background: rgba(10,85,68,0.8);
  color: #fff;
}
.product-label.product-label {
  display: none;
}
.product-label.product-label:nth-child(1),
.product-label.product-label:nth-child(2),
.product-label.product-label:nth-child(3) {
  display: block;
}


/* multi vendor bar */
.multi-vendor-header {
  display: block;
  clear: none;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
}
.multi-vendor-header ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  align-items: center;
}
.multi-vendor-header li > a > div {
  height: 44px;
}
.multi-vendor-header ul li.ui-navigation__item {
  font-size: 12px;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  text-align: center;
  font-size: 15px;
  background-color: #FFF;
  line-height: 44px;
}
.multi-vendor-header ul li.ui-navigation__item a {
  background-color: transparent;
  display: block;
/*   font-weight: 700; */
  font-weight: 500;
  padding: 0;
  margin: 0 10px;
  width: auto!important;
  text-transform: uppercase;
}
/* #shopify-section-header1,
#shopify-section-header2,
#shopify-section-header3 {
  display: none;
} */
#shopify-section-header2,
#shopify-section-header3 {
  display: none;
}
#shopify-section-header1.active,
#shopify-section-header2.active,
#shopify-section-header3.active {
  display: block;
}
/* sticky header */
@media screen and (min-width: 641px) {
  .announcement-bar__inner {
    height: 32px;
  }
}
/* .shopify-section__header.active.down_sticky {
  position: fixed !important;
  top: 32px;
  left: 0;
  width: 100%;
} */
#shopify-section-header1.down_sticky {
  /* position: fixed !important; */
  /* top: 32px; */
  top: 0px;
  left: 0;
  width: 100%;
}
/* #shopify-section-announcement-bar.down_sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
} */
@media screen and (max-width: 640px) {
  .shopify-section__header.active.down_sticky {
    top: 40px;
  }
  .kylie-beauty__image {
    letter-spacing: -1px;
    white-space: nowrap;
  }
}

/* collections slider */
.home-common-title {
  color: #000;
  line-height: normal;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
/*   font-size: 24px; */
/*   font-size: 18px; */
  font-size: 16px;
/*   letter-spacing: 3.77px; */
  margin-bottom: 10px;
}

.home-common-title:after {
  animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -webkit-animation: pulse 2s infinite;
  background-color: #000;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 5px;
  margin-bottom: 1px;
  min-width: 10px;
  transform: scale(1);
  width: 10px;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
    transform:scale(.9);
  }
  to {
    opacity:1;
  }
}

@media (min-width: 1164px) {
  .home-common-title:after {
    height: 11px;
    margin-top: 0;
    min-width: 11px;
    width: 11px;
    margin-left: 6px;
    margin-bottom: -0.25px;
  }
}

.template-product .home-common-title:after {
  display: none;
}

.product-slider-wrap .tabs, .quick-search__tabs .tabs {
  text-align: center;
/*  margin-bottom: 25px; */
  margin-bottom: 10px;
  /* margin-top: 10px; */
  display: flex;
  justify-content: space-around;
}
.product-slider-wrap .tab, .quick-search__tabs .tab {
  color: #000;
  text-transform: uppercase;
  display: inline-block;
  /* text-decoration: none; */
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  /* font-size: 12px; */
  font-size: 13px;
  line-height: 16px;
  /* margin: 5px 10px 0 10px; */
  /* padding: 7px 14px; */
  padding: 9px 18px;
  position: relative;
  width: 100%;
  /* border-right: 1px solid #E9ECEF; */
  text-decoration: underline;
}

.quick-search__tabs .tab:hover {
  /* text-decoration: underline; */
  text-shadow: .5px 0px 0px currentColor;
}

@media screen and (max-width: 767px) {
  .template-product .product-slider-wrap .tab, .template-product .quick-search__tabs .tab {
    font-size: 13px;
    margin: 4px 8px 0 8px;
  }
}

/* .product-slider-wrap .tab::before, .quick-search__tabs .tab::before {
  content: "";
  position: absolute;
  display: block;
  width: calc(100% - 2px);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #000;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.quick-search__tabs .tab::before {
  transition: none;
}
.product-slider-wrap .tab:hover::before, .quick-search__tabs .tab:hover::before {
  transform: scaleX(1);
} */

.product-slider-wrap .tab.active, .quick-search__tabs .tab.active {
  /*transition: all .3s ease-out;*/
  position: relative;
  /* background: #00612e; */
  background: rgb(244, 246, 248);
  /* border-right: 1px solid rgb(244, 246, 248); */
  /* color: #fff; */
}
/* .product-slider-wrap .tab.active:after, .quick-search__tabs .tab.active:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 0;
  transition: all .3s ease-out;
  bottom: -1px;
  width: calc(100% - 2px);
  left: 0;
}
.quick-search__tabs .tab.active:after {
  transition: none;
} */

.quick-search__tabs .tab.top-keyword-search:before {
  content: "";
  /* margin-right: 8px; */
  /* margin-right: 4px; */
  /* margin-left: 2em; */
  /* margin-left: 12px; */
  position: relative;
  /* top: 4px; */
  /* top: -4px; */
  top: -5px;
  background: url(https://cdn.shopify.com/s/files/1/0531/6660/4456/files/top-keyword_1.png);
  /* border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.08); */
  background-position: 4px 4px;
  /* padding: 12px; */
  /* padding: 14px; */
  padding: 12px;
  /* width: 100%; */
  background-repeat: no-repeat;
  line-height: 0;
  font-size: 0;
}

.quick-search__tabs .tab.recent-search:before {
  content: "";
  /* margin-right: 8px; */
  /* margin-right: 4px; */
  /* margin-left: 2em; */
  /* margin-left: 12px; */
  position: relative;
  /* top: 4px; */
  top: -5px;
  background: url(https://cdn.shopify.com/s/files/1/0531/6660/4456/files/recent-search_1.png);
  /* border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.08); */
  background-position: 4px 4px;
  /* padding: 12px; */
  /* padding: 14px; */
  padding: 12px;
  /* width: 100%; */
  background-repeat: no-repeat;
  line-height: 0;
  font-size: 0;
}

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

@media screen and (max-width: 999px) {
  .lazy.desktop-up {
    display: none;
  }
  .lazy-display.desktop-up {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .lazy.tablet-down {
    display: none;
  }
  .lazy-display.tablet-down {
    display: none;
  }
}

.wt-body-max-width, .wt-max-width-tv {
    max-width: 1400px;
    margin: 0 auto;
    margin-bottom: -3rem;
}
.wt-grid {
    display: flex !important;
    flex-wrap: wrap;
}
.wt-grid .wt-grid__item-xs-12 {
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
}
.vesta-hp-full-width-banner {
    width: 100vw;
    /* width: calc(100vw - 8px); */
    /* width: calc(100vw - 0px); */
    /* max-width: 100%; */
    /* padding-left: 5px;
    padding-right: 5px; */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
@media only screen and (min-width: 1000px) {
  .vesta-hp-full-width-banner {
    width: calc(100vw - 8px);
  }
}
.wt-bg-beeswax-tint {
    background-color: #fdebd2 !important;
}
.wt-position-relative {
    position: relative !important;
}
.wt-pb-xs-6 {
/*     padding-top: 36px !important; */
/*     padding-bottom: 36px !important; */
  padding-bottom: 60px !important;
}
.wt-pt-xs-6 {
    padding-top: 36px !important;
}
.wt-edge {
    vertical-align: middle;
}
.wt-fill-white {
    fill: #FFFFFF !important;
}
.wt-edge svg {
    -webkit-transform: scale(1);
    transform: scale(1);
    display: block;
    height: 48px;
    width: 100%;
}
h2.wt-text-heading-02 {
  font-size: 32px;
    line-height: 36px;
}
h3.wt-text-title-03 {
    font-size: 24px;
    line-height: 32px;
}
h4.wt-text-title-02 {
    font-size: 18px;
    line-height: 24px;
}
.wt-mt-xs-2.button {
  border-radius: 24px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  min-height: 48px;
  min-width: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 18px;
  padding-right: 18px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  z-index: 10;
  /* border: 2px solid #000; */
  border: 2px solid #222;
  overflow: hidden;
}
.wt-mt-xs-2.button span {
    position: relative;
    z-index: 2;
}
.wt-mt-xs-2.button:hover {
  /* color: #fff; */
  color: #f6ce1e;
}
.wt-mt-xs-2.button:after {
    /* background: #d70010; */
    background: #222;
}
.wt-mt-xs-2.button:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
}
.wt-mt-xs-2.button:hover:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.prepended-background-shape.wt-nudge-t-4 {
    top: -30px!important;
  }
@media only screen and (max-width: 640px) {
  .prepended-background-shape.wt-nudge-t-4 {
    top: -28px !important;
  }
  .wt-edge.wt-nudge-t-4 {
    top: -24px!important;
  }
}
@media only screen and (max-width: 999px) {
.wt-edge.wt-edge--ratio-none:not(.wt-edge--right):not(.wt-edge--left) {
    display: none;
}
  .wt-flex-direction-row-lg {
    flex-direction: column !important;
  }
}
@media only screen and (min-width: 1000px) {
.wt-edge.wt-edge--ratio-slice:not(.wt-edge--right):not(.wt-edge--left) {
    display: none;
}
.wt-pl-lg-9 {
    padding-left: 54px !important;
}
.wt-pr-lg-9 {
    padding-right: 54px !important;
}
  h2.wt-text-heading-02 {
font-size: 44px;
    line-height: 48px;
  }
  h3.wt-text-title-03 {
    font-size: 28px;
    line-height: 36px;
  }
  h4.wt-text-title-02 {
    font-size: 20px;
    line-height: 28px;
  }
  .wt-text-left-lg {
    text-align: left !important;
  }
  .wt-mb-lg-7 {
    margin-bottom: 42px !important;
  }
  .wt-mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .wt-ml-lg-6 {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
/*   .prepended-background-shape.wt-nudge-t-4 {
    top: -30px!important;
  } */
  .wt-edge.wt-nudge-t-4 {
    top: -24px!important;
  }
}
.wt-text-center-xs {
    text-align: center !important;
}
.wt-mb-xs-1 {
    margin-bottom: 6px !important;
}
a.wt-text-link.wt-text-link, button.wt-text-link {
    color: inherit;
    text-decoration: underline;
    transition: opacity 200ms ease-out;
}
.wt-text-center-xs {
    text-align: center !important;
}
.wt-display-flex-xs {
    display: flex !important;
}
/* .wt-flex-direction-column-xs {
    flex-direction: column !important;
} */
.wt-flex-xs-1 {
    flex: 1 1 0% !important;
}
.wt-mb-xs-5 {
    margin-bottom: 30px !important;
}

.prepended-background-shape {
    overflow: hidden;
}
.wt-nudge-t-4 {
    top: 4px !important;
}
.wt-nudge-t-1, .wt-nudge-t-2, .wt-nudge-t-3, .wt-nudge-t-4, .wt-nudge-r-1, .wt-nudge-r-2, .wt-nudge-r-3, .wt-nudge-r-4, .wt-nudge-b-1, .wt-nudge-b-2, .wt-nudge-b-3, .wt-nudge-b-4, .wt-nudge-l-1, .wt-nudge-l-2, .wt-nudge-l-3, .wt-nudge-l-4 {
    position: relative;
}
.prepended-background-shape svg {
    display: block;
    height: 30px;
}
.wt-width-full {
    width: 100% !important;
}
.wt-fill-denim-tint {
    fill: #D7E6F5 !important;
}
.wt-fill-denim-light {
    fill: #f6f6f6 !important;
}
.wt-edge.wt-edge--top svg {
    transform: rotate(180deg);
}
.wt-edge.wt-edge--smaller svg {
    /* height: 24px; */
  height: 12px;
}
@media only screen and (min-width: 1000px) {
  .wt-edge.wt-edge--smaller svg {
    height: 24px;
  }
}
.wt-edge svg {
    -webkit-transform: scale(1);
    /* transform: scale(1); */
    display: block;
    /* height: 48px; */
    width: 100%;
}

/* .section__header.mumooroom {
  justify-content: center;
} */

.product-meta__reviews-badge[data-offset="0"] {
  visibility:hidden;
  display: none;
}

.tab-detail {
  display: none;
}

.template-product.Cervical #main {
  background: #f4efe3;
}

@media only screen and (min-width: 641px) {
  .collection-description-full.mobile, 
  .collection-description-short.mobile {
    display: none !important;
  }
  .collection-description-full.desktop {
    display: none;
    margin-left: 0;
    max-width: 500px;
  }
  .collection-description-short.desktop {
    display: block;
    margin-left: 0;
/*     max-width: 700px; */
/*     max-width: 500px; */
/*     max-width: 800px; */
    max-width: 500px;
  }
  .rte.collection-description-section {
    /* margin-bottom: 15px; */
    margin-bottom: 12px;
  }
  .collection-description-short.desktop .readmore, 
  .collection-description-full.desktop .readless {
/*     color: #000; */
    color: #222;
    display: inline-block;
/*     margin-bottom: 15px; */
  }
  .collection-description-short.mobile .readmore,
  .collection-description-short.mobile .readless {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .collection-description-full.desktop, 
  .collection-description-short.desktop {
    display: none !important;
  } 
  .collection-description-full.mobile {
    display: none;
  }
  .collection-description-short.mobile {
    display: block;
  }
  .rte.collection-description-section {
    /* margin-bottom: 15px; */
    margin-bottom: 12px;
  }
  .collection-description-short.mobile .readmore, 
  .collection-description-full.mobile .readless {
/*     color: #000; */
    color: #222;
    display: inline-block;
/*     margin-bottom: 15px; */
  }
  .pop-up-content, .popup-inner-content table {
    width: 85% ;
  }
  .popup-inner-content th, .popup-inner-content td {
    padding: 10px;
  }
  .gallery-thumbs {
    display: none;
  }
}

.collection-description-short.desktop .readmore:hover, 
  .collection-description-full.desktop .readless:hover {
    /*     color: #15f717; */
    color: #47413ad9;
}

.collection-description .readmore b, .collection-description .readless b {
  font-weight: 500;
  text-shadow: .5px 0px 0px currentColor;
}

.rte.collection-description-section {
  /* line-height: 24px; */
  line-height: 20px;
}

@media only screen and (min-width: 1000px) {
  .collection-description-full.desktop {
    max-width: 900px;
  }
  .collection-description-short.desktop {
    max-width: 900px;
  }
}

.mySwiper .swiper-slide img {
/*  border-radius: 10px; */
  /* border-top-left-radius: 10px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0; */
  border-top-left-radius: 6px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
}

@media only screen and (max-width: 999px) {
  .main_slider #main-slider {
/*     margin-right: 0%;
    margin-left: 0%; */
    margin-right: -20%;
    margin-left: -20%;
  }
  .main_slider #main-slider .swiper-slide {
/*     padding-left: 0.3rem;
    padding-right: 0.3rem; */
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .main_slider #main-slider .swiper-slide.swiper-slide-prev {
  opacity: 0.6;
  }
/*   .main_slider #main-slider .swiper-button-prev {
    left: 20% !important;
  }
  .main_slider #main-slider .swiper-button-next {
    right: 20% !important;
  } */
}

.swiper-ctrls {
/*   margin-top: 26px; */
  text-align: center;
/*   margin-right: 23.5%; */
  margin-top: 15px;
  margin-right: -6.5%;
}

.swiper-ctrls .swiper-button-prev, .swiper-ctrls .swiper-button-next {
  position: relative;
  display: inline-block;
  vertical-align: top;
/*  width: 23px;
  height: 23px; */
  width: 28px;
  height: 28px;
/*  border-radius: 2px; */
  border-radius: 0;
/*  border: 1px solid #e5e5e5; */
  background: #f2f2f2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
/*   width: auto; */
  left: auto;
  top: auto;
  bottom: auto;
  margin-top: auto;
  padding: 4px;
}

.swiper-ctrls .swiper-button-prev:after, .swiper-ctrls .swiper-button-next:after {
  position: relative;
/*   font-size: 16px; */
  font-size: 12px;
/*  color: #e5e5e5; */
  color: #666;
  bottom: 2px
}

.swiper-ctrls .swiper-button-prev:hover, .swiper-ctrls .swiper-button-prev:focus, .swiper-ctrls .swiper-button-next:hover, .swiper-ctrls .swiper-button-next:focus {
/*  border-color: #000; */
  background-color: #e1e5e9;
}

/* .swiper-ctrls .swiper-button-prev:hover:after, .swiper-ctrls .swiper-button-prev:focus:after, .swiper-ctrls .swiper-button-next:hover:after, .swiper-ctrls .swiper-button-next:focus:after {
  color: #000;
  font-weight: 600;
} */


.swiper-ctrls .swiper-pagination {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 38px;
  height: 23px;
/*   margin: 0 10px; */
  margin: 0 8px;
  padding-right: 10px;
/*  line-height: 25px; */
  line-height: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #777;
  text-align: center;
  width: auto;
  left: auto;
  top: auto;
  bottom: auto;
}

.swiper-ctrls .swiper-play-pause-button {
  position: relative;
    display: inline-block;
    vertical-align: top;
/*    width: 23px;
    height: 23px; */
    width: 28px;
    height: 28px;
/*    border-radius: 2px; */
    border-radius: 0;
/*    border: 1px solid #e5e5e5; */
    background: #f2f2f2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* width: auto; */
    /* right: 5px; */
    right: 7px;
    left: auto;
    top: auto;
    bottom: auto;
    margin-top: auto;
    padding: 4px;
}

/* .swiper-ctrls .swiper-play-pause-button button {
  position: relative;
    display: inline-block;
    vertical-align: top;
    width: 23px;
    height: 23px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} */

.swiper-ctrls .swiper-play-pause-button .hidden {
  display: none;
}

.swiper-ctrls .swiper-play-pause-button div svg {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
/*  fill: #e5e5e5; */
  fill: #666;
}

.swiper-ctrls .swiper-play-pause-button div svg .pause-button-path {
/*  fill: #e5e5e5; */
  fill: #666;
}

.swiper-ctrls .swiper-play-pause-button .swiper-button-pause svg {
/*   right: 3px; */
  right: 1.5px;
  top: -1.5px;
}

.swiper-ctrls .swiper-play-pause-button .swiper-button-play svg {
/*   left: 1px;
  top: 1px; */
/*   left: 2px;
  top: -1px; */
  left: 2.5px;
  top: 0px;
} 

/* .swiper-ctrls .swiper-play-pause-button button svg path {
  fill: #e5e5e5;
} */

.swiper-ctrls .swiper-play-pause-button .swiper-button-play svg {
  display: block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.swiper-ctrls .swiper-play-pause-button:hover, .swiper-ctrls .swiper-play-pause-button:focus {
  /* border-color: #000; */
    background-color: #e1e5e9;
}

/* .swiper-ctrls .swiper-play-pause-button:hover div svg, .swiper-ctrls .swiper-play-pause-button:focus div svg, .swiper-ctrls .swiper-play-pause-button:hover div svg .pause-button-path, .swiper-ctrls .swiper-play-pause-button:focus div svg .pause-button-path, .swiper-ctrls .swiper-play-pause-button:active button svg, .swiper-play-pause-button:active button svg .pause-button-path, .swiper-ctrls .swiper-play-pause-button:visited button svg, .swiper-play-pause-button:visited button svg .pause-button-path {
  fill: #000;
} */

@media only screen and (min-width: 1000px) {
  .swiper-ctrls {
  margin-top: 26px;
  margin-right: 23.5%;
  }
}

.featured-collections .swiper-button-prev, .featured-collections .swiper-button-next, .trend-keyword .swiper-button-prev, .trend-keyword .swiper-button-next, .mds-pick .mds-pick-bn1 .swiper-button-prev, .mds-pick .mds-pick-bn1 .swiper-button-next {
  color: #000;
}

.featured-collections .swiper-button-next:after, .trend-keyword .swiper-button-next:after, .mds-pick .mds-pick-bn1 .swiper-button-next:after, .featured-collections .swiper-button-prev:after, .trend-keyword .swiper-button-prev:after, .mds-pick .mds-pick-bn1 .swiper-button-prev:after {
  font-size: 22px !important;
}

.mds-pick .mds-pick-bn1 .swiper-button-prev {
  left: 5px !imporatant;
} 

.mds-pick .mds-pick-bn1 .swiper-button-next {
  right: 5px !imporatant;
}

[submenu-id="2"],
[submenu-id="3"],
[submenu-id="4"],
[submenu-id="5"],
[submenu-id="6"],
[submenu-id="7"],
[submenu-id="8"],
[submenu-id="9"],
[submenu-id="10"],
[submenu-id="11"],
[submenu-id="12"],
[submenu-id="13"],
[submenu-id="14"],
[submenu-id="15"],
[submenu-id="16"],
[submenu-id="17"],
[submenu-id="18"],
[submenu-id="19"],
[submenu-id="20"] {
  display: none;
}
.mega-menu__column {
  flex: 0 1 15%;
}
.main-inner {
  position: relative;
  width: 100%;
  /*max-width: 1857px;
  min-width: 1290px;*/
  padding: 0 45px;
  margin: 0 auto;
  box-sizing: border-box;
}
.trend-keyword .product-item,
.featured-collections .product-item {
  margin-left: 0px;
}
.trend-keyword .product-item,
.mds-pick .product-item,
.featured-collections .product-item,
.prdList .product-item {
  padding-top: 2px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 10px;
  height: auto;
}
.trend-keyword .product-gallery__carousel,
.mds-pick .product-gallery__carousel {
  margin: -4px;
}
.mds-pick .product-item {
  width: calc(25% - 8px);
  /* margin-bottom: 25px; */
  margin-bottom: 5px;
  margin-top: 5px;
}
.cmctg_dimmed {
  display: none;
}
.nav-dropdown--glued .cmctg_dimmed,
.is-dropdown-open .cmctg_dimmed {
  display: block;
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 0;
  left: 0;
}
.mds-pick .product-item {
  width: 24%;
}
.desktop_only {
  display: block;
}
.mobile_only {
  display: none;
}
@media screen and (min-width: 1600px) {
  #brand-header1 .nav-bar .mega-menu {
    max-width: 1600px;
  }
}
@media screen and (min-width: 1000px) {
  #brand-header1 .header__inner,
  #brand-header1 .nav-bar ,
  #brand-header1 .nav-bar__inner ,
  #brand-header1 .nav-bar__linklist,
  #brand-header1 .nav-bar__item--static {
    position: unset;
  }
  #brand-header1 #desktop-menu-0-1 {
    padding-left: 125px;
    padding-right: 125px;
    left: 0px;
    min-height: 450px;
  }
  #brand-header1 .nav-bar .mega-menu {
    max-width: 100%;
  }
  .mega-menu__inner > div:not(:last-child):not(:empty){
    min-height: 425px;
    border-right: 1px solid #DDD;
  }
}
@media screen and (min-width: 1600px) {
  #brand-header1 #desktop-menu-0-1 {
    padding-left: calc(125px + (100% - 1600px)/2);
    padding-right: calc(125px + (100% - 1600px)/2);
  }
}

@media screen and (max-width: 999px) {
  .main-inner {
    padding: 0 0px !important;
    min-width: auto;
  }
  .main-title {
    padding: 0 10px;
  }
  .trend-keyword .product-item:nth-child(odd) {
    /* margin-left: 0px;
    margin-right: 4px; */
    margin-left: 0.5px;
    margin-right: 0px;
  }
  .mds-pick .product-item:nth-child(odd) {
    /* margin-left: 0px;
    margin-right: 4px; */
    margin-left: 0px;
    margin-right: 0px;
  }
  .trend-keyword .product-item:nth-child(even),
  .mds-pick .product-item:nth-child(even) {
    /* margin-left: 4px;
    margin-right: 0px; */
    margin-left: 0.5px;
    margin-right: 0px;
  }
  .trend-keyword-wrap .swiper-wrapper {
    display: block;
    width: 100%;
  }
  .trend-keyword-wrap .product-item {
    /* width: calc(50% - 4px); */
    width: calc(50% - 0.5px);
    float: left;
    /* margin-bottom: 4px; */
    margin-bottom: 0.5px;
  }
  .trend-keyword .main-title, 
  .featured-collections .main-title {
    display: block !important;
  }
  .trend-keyword .main-title .swiper-wrapper {
    display: block;
    transform: none !important;
  }
  .trend-keyword .swiper-tab,
  .featured-collections .swiper-tab {
    width: 100% !important;
  }
  .trend-keyword .swiper-tab .swiper-slide {
    display: inline-block !important;
    height: 35px !important;
    line-height: 35px !important;
    margin: 5px 0;
  }
  .trend-keyword .swiper-button-next,
  .trend-keyword .swiper-button-prev {
    display: none;
  }
  .desktop_only {
    display: none;
  }
  .mobile_only {
    display: block;
  }
  .trend-keyword {
    margin-bottom: 40px;
  }
  .trend-keyword .show_more_button {
    position: relative;
    bottom: auto;
  }
}
.mega-menu {
  position: absolute;
  width: 100vw;
  left: 0;
  top: 100%;
  background: rgba(255,255,255,.9)!important;
  border-radius: 0;
  visibility: hidden;
  opacity: 1;
  transition: transform .3s ease,opacity 0ms linear .3s,visibility 0ms linear .3s;
  transform-origin: top center;
  transform: scaleY(0);
}
.is-dropdown-open .mega-menu {
  transform: scaleY(1);
    opacity: 1;
    visibility: visible;
    transition: transform .4s ease,opacity 0ms,visibility 0ms;
}
.mega-menu .container {
  display: block;
  opacity: 0;
  transform: translateY(-10px);
  transition: transform .1s,opacity .1s;
  transition-delay: 0s;
}
.is-dropdown-open .mega-menu .container {
  opacity: 1;
  transform: translateY(0);
  transition: transform .3s ease,opacity .2s linear;
  transition-delay: .2s;
}
/*.product-recommendations .product-item {
  box-shadow: none;
  border-radius: 0;
  border: 0px solid;
}
.product-recommendations .product-item:hover {
  box-shadow: none;
}
.product-item--vertical {
  justify-content: space-evenly;
}
*/
.product-item-wrapper {
  /*position: absolute;*/
  /*width: 100%;*/
  /*height: calc(100%);*/
  /*border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.1);*/
}
/*.product-recommendations .product-item:hover .product-item-wrapper {
  box-shadow: -2px -2px 5px rgba(255,255,255,0.2), 2px 2px 5px rgba(0,0,0,0.1);
}*/
.product-recommendations .flickity-slider,
.recently-viewed-products-placeholder .flickity-slider {
  height: calc(100% - 4px);
}
.product-recommendations .product-item {
  /*height: 100%;*/
}
.product-recommendations .product-item__info {
  /*padding-bottom: 20px;*/
}
.product-recommendations .product-list--scrollable .product-item {
}
.product-form__info-item.collection-description-full {
  display: none;
}

/* slideshow modal */
.cmhero_viewer {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2500;
  overflow: hidden;
}
.cmhero_viewer .cmhero_wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  background-color: #fff;
}
.cmhero_viewer .cmhero_scroll {
  position: relative;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scroll-behavior: smooth;
}
.cmhero_viewer .cmhero_head {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  height: 50px;
  background-color: #fff;
}
.cmhero_viewer .cmhero_head .cmhero_head_tit {
  display: block;
  /* line-height: 50px; */
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #222;
}
.cmhero_viewer .cmhero_head_tit {
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
}
.cmhero_viewer .cmhero_head .cmhero_close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 50px;
  height: 50px;
}
.cmhero_viewer .cmhero_head .cmhero_close:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 1px;
  margin-left: -12px;
  background-color: #222;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cmhero_viewer .cmhero_head .cmhero_close:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 1px;
  margin-left: -12px;
  background-color: #222;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (min-width: 1000px) {
  .cmhero_viewer .cmhero_scroll .cmhero_cont {/*okas: who added these lines?*/
  /*overflow-y: scroll;
  overflow-x: hidden;
  height: 75vh;
  padding-top: 10px;
  padding-bottom: 30px;*/
  }
}
.blind {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  line-height: 0;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  clip: rect(0, 0, 0, 0);
}
.blind:before {
  display: block;
  width: 0;
  height: 0;
  font-size: 0;
  content: " ";
}
.cmhero_viewer .cmhero_bnlst li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-height: 114px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* padding: 16px; */
  padding: 8px 16px;
}
.cmhero_viewer #modal_img_1 li {
  padding-top: 16px;
}
.cmhero_viewer .cmhero_bnlst li .cmhero_bn_wrapper {
  position: relative;
  width: 100%;
}
.cmhero_bn {
  overflow: hidden;
  position: relative;
  /*padding-bottom: 61.334%;
  padding-bottom: 116%;*/
  width: 100%;
}
.cmhero_bn img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*-o-object-fit: cover;*/
  -o-object-fit: contain;
  /*object-fit: cover;*/
  object-fit: contain;
  border-radius: 0 !important;
}
.cmhero_scroll::-webkit-scrollbar {
  width: 0;
}
.cmhero_scroll::-webkit-scrollbar-thumb {
  /*background: transparent;
  display: none;*/
}
#swiper-open-modal {
  position: relative;
  display: inline-block;
  vertical-align: top;
/*  width: 23px;
  height: 23px; */
  width: 28px;
  height: 28px;
/*  border-radius: 2px; */
  border-radius: 0;
/*  border: 1px solid #e5e5e5; */
  background: #f2f2f2;
  right: 5px;
  left: auto;
  top: auto;
  bottom: auto;
  margin-top: auto;
  cursor: pointer;
  padding: 4px;
}
#swiper-open-modal:hover {
/*  border-color: #000; */
  background-color: #e1e5e9;
}
/* #swiper-open-modal:hover path {
  fill: #000;
} */
.cmhero_viewer_bg {
  display: none;
}
.atc_container .collection-description-short,
.atc_container #product_details_link,
.modal__dialog .collection-description-short {
  display: none;
}
.trend-keyword .product-item,
.featured-collections-wrap .product-item,
.mds-pick .product-item {
  overflow: hidden;
}
.trend-keyword .product-gallery__carousel-wrapper,
.featured-collections-wrap .product-gallery__carousel-wrapper,
.mds-pick .product-gallery__carousel-wrapper {
  margin: -2px -8px 10px -8px;
}
.trend-keyword .product-gallery__carousel-wrapper img,
.featured-collections-wrap .product-gallery__carousel-wrapper img,
.mds-pick .product-gallery__carousel-wrapper img {
  border-radius: 0;
}
@media screen and (min-width: 1000px) {
  .cmhero_viewer {
    height: 80%;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .cmhero_viewer_bg.active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 9;
  }
}
.image_placeholder, .image_placeholder:after {
  background-color: rgba(84, 80, 80, 40%);
  /* background-image: url(https://cdn.shopify.com/s/files/1/0531/6660/4456/t/42/assets/nlld.png); */
  /* background-image: url(https://cdn.shopify.com/s/files/1/0531/6660/4456/t/42/assets/nllw.png); */
  background-image: url(/cdn/shop/files/lucidor_image_loading_1.png);
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  color: transparent;
  display: block;
  height: 100%;
  /*background-size: contain;*/
  background-size: 50%;
  width: 100%;
}
.image_placeholder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.image_placeholder.lazyloaded, 
.image_placeholde.lazyloadedr:after {
  background-image: none;
}
.image-no-placeholder:after {
  background-color: #FFF;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  color: transparent;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0;
}
/*img:before {
  content: url(https://www.fashionnova.com/cdn/shop/t/5123/assets/product-bg.png?v=157596247539071288041697496440);
}

img:after {
  content: "(url: " attr(src) ")";
}*/
.button--primary.loading,
.button--secondary.loading {
  color: transparent;
  position: relative;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}
.loading-overlay__spinner {
  width: 1.8rem;
  display: none;
}
.button--primary.loading > .loading-overlay__spinner,
.button--secondary.loading > .loading-overlay__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}
.spinner {
  animation: rotator 1.4s linear infinite;
}
.button--primary.loading>.loading-overlay__spinner .spinner,
.button--secondary.loading>.loading-overlay__spinner .spinner {
  width: fit-content;
  width: 15px;
  height: 15px;
}
.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: #FFF;
  animation: dash 1.4s ease-in-out infinite;
}
.button--primary.loading>.loading-overlay__spinner .path {
  stroke: #FFF;
}
.button--secondary.loading>.loading-overlay__spinner .path {
  stroke: #47413a;
}
.button--secondary.loading:hover>.loading-overlay__spinner .path {
  stroke: #FFF;
}
.product_action_wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1000px) {
  .product_action_wrapper {
    display: none;
  }
  .product-item:hover .product_action_wrapper {
    display: block;
  }
}
.product_action_add_to_cart {
  float: right;
  margin-bottom: 8px;
  margin-right: 8px;
  display: flex;
}
.product_action_add_to_cart_btn, .product_action_quick_view {
  display: block;
  /* height: 40px;
  width: 40px; */
  /* height: 28px;
  width: 28px; */
  height: 38px;
  width: 38px;
  border-radius: 9999px;
  background-color: rgb(255 92 80 / 0.8);
  padding: 0px;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
  /* background: rgb(255 92 80 / 0.65); */
  background: rgb(178 126 117 / 0.65);
}
.product_action_add_to_cart_btn:hover {
  /* background: rgb(255 92 80 / 1); */
  background: rgb(178 126 117 / 1);
}
.product_action_add_to_cart_btn.button--disabled {
  background-color: #AAA;
}
.product_action_quick_view {
  display: inline-block;
  background-color: #000;
  /* margin-left: 10px; */
  margin-left: 8px;
  float: left;
  /* background: rgb(0 0 0 / 0.65); */
  background: rgb(34 34 34 / 0.65);
  /* background: rgb(215 0 16 / 0.65); */
}
.product_action_quick_view:hover {
  /* background: rgb(0 0 0 / 1); */
  background: rgb(34 34 34 / 1);
}
.product_action_quick_view svg {
  /* height: 14px;
  width: 14px; */
  /* height: 11px;
  width: 11px; */
  height: 14px;
  width: 14px;
  margin-right: 2px;
}
.add_to_cart_btn {
  display: block;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  color: rgb(255 255 255 / 1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1;
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0,1,0,1);
  /* height: 28px;
  width: 28px; */
  /* height: 20px;
  width: 20px; */
  height: 28px;
  width: 28px;
}
.add_to_cart_btn_plus {
  display: block;
  vertical-align: middle;
  position: absolute;
  left: -1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  color: rgb(255 255 255 / 1);
  opacity: 0;
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0,1,0,1);
  /* height: 28px;
  width: 28px; */
  /* height: 20px;
  width: 20px; */
  /* height: 28px;
  width: 28px; */
  height: 24px;
  width: 24px;
}
.animate-spin {
  display: inline-block;
  vertical-align: middle;
  /* height: 20px;
  width: 20px; */
  height: 15px;
  width: 15px;
  animation: spin 1s linear infinite;
  align-self: center;
  display: none;
  margin: 6px;
  /*margin: 3px;*/
}
.opacity-50 {
  opacity: 0.5;
}
.modal__inner #product_details_link,
.modal__inner .sticky-atc-block.with-info,
.modal__inner form > .product-form__buy-buttons {
  display: none !important;
}
.quick_view_more_details {
  display: none;
}
.modal__inner .quick_view_more_details {
  /* background-color: #000; */
  background-color: #FFF;
  display: block;
  /* color: #FFF; */
  color: #000;
  text-align: center;
  border-radius: 0;
  line-height: 40px;
  text-transform: uppercase;
}
.modal__inner .quick_view_more_details:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1023px) {
  .product_action_quick_view {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .header__search-bar-wrapper.is-visible {
    display: none;
  }
  .header__search-bar-wrapper.is-fixed {
    display: block;
    overflow-y: auto;
  }
  .header__search-bar-wrapper {
    /*transition: none;*/
  }
  .header__search-bar-wrapper {
    width: 0;
    position: fixed;
    top: 88px;
    left: 0;
    height: 100vh;
    transition: 0.4s;
    padding: 0px;
  }
  .header__search-bar-wrapper .search-bar__inner {
    padding: 20px;
    right: 0;
    max-height: none;
    visibility: visible;
  }
  .header__search-bar-wrapper .search-bar__top-wrapper {
    /* padding: 0 20px; */
    padding: 0 12px;
  }
  .header__search-bar-wrapper.is-fixed.is-visible {
    width: 100%;
    transition: 0.4s;
  }
}

/* product quick view */
.sticky-atc-block {
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
/*     padding: 8px 15px 8px; */
    padding: 8px 10px 8px;
    z-index: 101;
    background-color: #fff;
    width: 450px;
    box-shadow: 0 -2px 4px rgb(0 0 0 / 25%);
    transform: translateY(100%);
    transition: transform .35s ease-in-out;
    border-radius: 0;
  }
  .sticky-atc-block.with-info {
    justify-content: space-between;
  }
  .sticky-atc-block.with-info, .sticky-atc-block.with-info .product-info {
    display: flex !important;
    align-items: center;
  }
  .img-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto;
  }
  .sticky-atc-block.with-info .product-info img {
/*     max-width: 45px; */
    max-width: 48px;
    margin-right: 5px;
    border-radius: 0;
  }
  .flex-column {
    flex-direction: column!important;
  }
  .sticky-atc-block.with-info .product-info .product-title {
/*     font-size: 14px; */
    font-size: 12px;
/*     line-height: 18px; */
    line-height: 16px;
    /* letter-spacing: 1px; */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0;
    margin-right: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html .price__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .sticky-atc-block.with-info .product__price {
    /* font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .078125em; */
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .03em;
    color: #000;
    margin: 0px;
    padding: 0px;
    color: #605e5c;
   }
  .sticky-atc-block.with-info .price {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .078125em;
    color: #000;
    margin: 0px;
    padding: 0px;
    color: #605e5c;
   }
  .atc_hide {
    display: none !important;
  }
  .atc_container {
    position: fixed;
    right: 0;
    bottom: 0;
/*       z-index: 5; */
    z-index: 4;
    background-color: #FFF;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    width: 450px;
    box-shadow: 0 -2px 4px rgb(0 0 0 / 25%);
    border-radius: 0;
  }
  .product__buy--button {
    position: relative;
/*     background-color: #000; */
    /* background: #47413a; */
    background: #b27e75;
/*     border-radius: 1.5rem; */
    border-radius: 0;
    color: #FFF;
/*     font-weight: 700; */
    font-weight: 400;
/*     padding: 5px 10px; */
    padding: 6px 12px;
    /* white-space: nowrap; */
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    min-width: 88px;
  }
  /* .product__buy--button:hover {
    background: rgba(215,0,16,.8);
  } */
.product__buy--button span {
    position: relative;
    z-index: 2;
}

.product__buy--button:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: Transform 0.5s ease;
    -o-transition: Transform 0.5s ease;
    transition: Transform 0.5s ease;
}

.product__buy--button:after {
    background: #222;
    border-radius: 0;
}

.product__buy--button:hover:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.atc_wrapper .product-meta .product-meta__vendor,
.atc_wrapper .product-meta .product-meta__reference, 
.atc_wrapper .product-meta .product_vendor_and_sharer,
.atc_wrapper .product__ranking_badge,
.container--product .atc_wrapper .product__deals_claimed_wrapper {
	display: none;
}
.atc_container .atc_container_close {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.sticky-atc-block.with-info.atc_popup_open {
	display: none !important;
}
  @media only screen and (max-width: 640px) {
    .sticky-atc-block {
      position: fixed;
      bottom: 0;
      left: 0;
      display: flex;
/*       padding: 8px 15px 8px; */
      padding: 8px 10px 8px;
/*       z-index: 101; */
      z-index: 4;
      background-color: #fff;
      width: 100%;
      box-shadow: 0 -2px 4px rgb(0 0 0 / 25%);
      border-radius: 12px 12px 0 0;
      transform: translateY(100%);
      /* transition: transform .35s ease-in-out; */
      transition: transform .5s ease-in-out;
    }
    .atc_container {
      position: fixed;
      left: 0;
      bottom: 0;
			/*z-index: 5;*/
      /*z-index: 4;*/
      z-index: 10;
      background-color: #FFF;
      padding-top: 40px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 10px;
      width: 100%;
      border-radius: 16px 16px 0 0;
    }
  }
/* product quick view end */

@media screen and (min-width: 1000px) {
  .section.main_trend_keywords,
  .section.section__deals_claimed {
    margin-bottom: -3rem;
  }
}

.swiper-scrollbar-drag {
  cursor: grab;
}
.swiper-scrollbar-drag:hover {
/*  background: var(--swiper-scrollbar-drag-bg-color, rgba(0,0,0,.8))); */
  background: rgb(0 0 0 / 80%);
}
.quick-search__tabs {
  min-height: 310px;
}
.quick-search__tabs .content > .empty_search {
  text-align: center;
  font-size: 16px;
}
.quick-search__tabs .deleteall {
  margin-left: 25px;
}
.quick-search__tabs .deleteall.hide {
  opacity: 0;
}
.quick-search__tabs ol {
  /* margin-left: 2em; */
}
.quick-search__tabs li {
  list-style: none;
  text-transform: capitalize;
  color: #999;
  /* padding: 5px 0; */
  padding: 8px 0;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
  text-align: left;
}
.quick-search__tabs li:before {
    content: url(https://cdn.shopify.com/s/files/1/0531/6660/4456/files/mini-search.svg);
    content: "";
    /* margin-right: 8px; */
    margin-right: 4px;
    /* margin-left: 2em; */
    margin-left: 12px;
    position: relative;
    /* top: 4px; */
    top: -4px;
    background: url(https://cdn.shopify.com/s/files/1/0531/6660/4456/files/mini-search.svg);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.08);
    background-position: 4px 4px;
    padding: 12px;
    /* width: 100%; */
    background-repeat: no-repeat;
    line-height: 0;
    font-size: 0;
}
.quick-search__tabs li:hover {
  background: rgb(244, 246, 248);
}
.quick-search__tabs li:hover a {
  color: #000;
  text-shadow: .5px 0px 0px currentColor;
}
.quick-search__tabs .deleteall {
  display: block;
  color: #000;
  margin-top: 10px;
  text-decoration: underline;
}
.quick-search__tabs .deleteall:before {
  display: none;
}
.quick-search__tabs .deleteall:hover {
  /* text-decoration: underline; */
  text-shadow: .5px 0px 0px currentColor;
}
.search-bar__menu-title, .search-bar__menu-link {
  padding-left: 6px;
  display: inline;
}
.quick-search__tabs .content {
  display: none;
}
.quick-search__tabs .content.active {
  display: block;
}
.trend-keyword > .swiper-product > .swiper-wrapper > .swiper-slide,
.featured-collections > .swiper-product > .swiper-wrapper > .swiper-slide,
.mds-pick .mds-pick-wrap > .swiper-wrapper > .swiper-slide {
  overflow: visible !important;
}
.show_more_button {
  width: 100%;
  margin: 20px auto 0;
  text-align: center;
  position: relative;

  position: absolute;
  bottom: -70px;
}
.mds-pick .show_more_button {
  position: relative;
  bottom: 1px;
}
.show_more_button_clickable {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 400px;
  /* height: 52px;
  line-height: 52px; */
  height: 42px;
  /* line-height: 42px; */
  line-height: 41px;
  font-weight: 400;
  /* font-size: 15px; */
  font-size: 14px;
  color: #000;
  letter-spacing: -0.3px;
  border: solid 1px #e0e0e0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  background-color: #fff;
  max-width: 80%;
}
.show_more_button_clickable:after {
  display: inline-block;
  /* margin: 3px 0px 6px 6px; */
  margin: 3px 0px 4px 6px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  content: "";
}
.show_more_button_clickable:hover {
  border-color: #000;
}
.show_more_button_text {
  color: #b27e75;
  font-weight: 500;
}
.mobile-menu {
  width: 0;
  overflow: hidden;
}
.mobile-menu.is-visible {
  width: 100%;
  transition: 0.4s;
}
.mobile-menu__wrapper {
  width: 100vw;
  height: 100%;
}
.subheader-enabled .mobile-menu__wrapper {
  height: calc(100% - 42px);
}
/* 2.5 */
.add_to_cart_btn_plus {
  position: relative;
  left: unset;
  opacity: 1;
}
.add_to_cart_btn_plus.hide {
  display: none;
}
.product_action_add_to_cart_btn {
  /*background-color: #1f317e;*/
}
.product_action_add_to_cart_btn span {
  color: #FFF;
  /* font-weight: 700; */
  font-weight: 400;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  /* top: 2px; */
  /* top: 1px; */
  top: 4px;
  font-size: 16px;
}
.trend-keyword .product_action_add_to_cart_btn span,
.featured-collections .product_action_add_to_cart_btn span {
  height: auto;
  /* font-size: 14px; */
  font-size: 16px;
  top: 1px;
}
.product_action_add_to_cart_btn span.hide {
  display: none;
}
.product_numberinput_div-plus-detail {
  z-index: 100;
  /* width: 124px;
  height: 40px; */
  width: 110px;
  /* height: 30px; */
  height: 38px;
  background-color: #fff;
  border-radius: 34.2857px;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  /* bottom: 0px;
  right: 0; */
  bottom: 6px;
  right: 4px;
  /*transform: translate(-50%, 0px);*/
}
.product_numberinput_div-plus-detail.hide {
  display: none;
}
.product_numberinput_trash-icon {
  vertical-align: bottom;
  /* width: 20px;
  height: 20px; */
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: block;
}
.product_numberinput_trash-icon.hide {
  display: none;
}
.product_numberinput_minus-icon {
  cursor: pointer;
  /* width: 20px;
  height: 20px; */
  width: 20px;
  height: 20px;
}
.product_numberinput_minus-icon.hide {
  display: none;
}
.product_numberinput_div-plus-detail span {
  font-style: normal;
  font-weight: 700;
  /* font-size: 16px; */
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  color: #000;
}
.product_numberinput_plus-blue-icon { 
  vertical-align: bottom;
  cursor: pointer;
  /* width: 24px;
  height: 24px; */
  width: 20px;
  height: 20px;
}
.product_numberinput_plus-blue-icon.disabled {
  pointer-events: none;
}
.product_numberinput_plus-blue-icon.disabled path {
  stroke: #BFBFBF;
}
search-form {
  width: 100%;
}
@media screen and (max-width: 999px) {
	.product-gallery--with-thumbnails .scroller {
		display: none;
	}
  .account-popover_container {
    position: relative;
    width: 100vw;
    height: 100%;
  }
  .popover {
    transition: 0.4s;
    transform: none;
    opacity: 1;
    left: unset;
  }
  .popover[aria-hidden=false] {
    width: 100% !important;
    transition: 0.4s;
    transform: none;
  }
  .mini-cart__wrapper {
    position: relative;
    width: 100vw;
    height: 100%;
  }
  .mini-cart {
    transition: 0.4s;
    transform: none;
    width: 0;
    left: unset;
    right: 0;
  }
  .mini-cart[aria-hidden=false] {
    transform: none;
    width: 100%;
    transition: 0.4s;
  }
}
.container--product .price--medium bdi {
  font-size: calc(0.95 * 2.2rem);
}
.price .price__prefix {
  /* font-size: 70%;
  margin-inline-start: 0.3rem; */
  margin-inline-end: 0.3rem;
}
/* .price .price__suffix {
  font-size: 60%;
  line-height: calc(1 + .6 / 1);
  margin-inline-start: 0.1rem;
} */


.des-img {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.rte table tr td:first-child {
    font-family: GTASMedium,sans-serif;
    font-size: 10.5px;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-style: normal;
    width: 40%;
}

@media screen and (min-width: 641px) {
  .rte table tr td:first-child {
    width: 25%;
    }
}

.rte table td {
    background-color: #f4f8f6;
    padding: 12px 20px 8px 20px;
    font-family: GTASRegular,sans-serif;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.8;
    font-style: italic;
}

.rte__table-wrapper {
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/* .product-info .product-info-block:last-child {
    width: 30%;
} */

.product-info-title {
  font-family: GTASMedium,sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  margin-top: 30px !important;
}

.product-info .product-info-tabs {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.product-info-icon {
    height: auto;
    width: 36px;
    padding-bottom: 2px;
    margin-right: 8px !important;
    vertical-align: top;
    cursor: pointer;
}

.product-info-icon {
    display: inline-block !important;
}

.product-info-tabs {
  margin:15px 0 5px;
  padding:0px 7%;
  list-style:none;
  width:100%;
    text-align: center;
}
.product-info-tabs::after {
  clear:both;
  content:"";
  display:table;
}

@media screen and (min-width:641px) {
  .product-info-tabs {
    margin-top:20px;
  }
}
@media screen and (min-width:1024px) {
  .product-info-tabs {
    padding-left:50px;
    padding-right:50px;
  }
    .product-info-icons .product-info-tabs {
    margin-left: 40px;
  }
}
.product-info-tabs li {
  float:left;
  float:left;
  display:block;
  margin-right:2.35765%;
  width:15%;
  background:none;
  padding:0px 0px 0 5px;
  cursor:pointer;
  text-align:center;
}

.product-info-icon:hover {
    border-bottom: 1px solid #000;
}

.product-info-icon:active {
    border-bottom: 1px solid #000;
}

.product-info-tabs li:last-child {
  margin-right:0;
}

.product-info-tabs li:nth-child(5n) {
  margin-right:0;
}
.product-info-tabs li:nth-child(5n+1) {
  clear:left
}
.product-info-tabs li img {
  opacity:0.5;
  display:block;
  clear:both;
  width:90%;
    margin: 0.5em 0 0.15em 0;
}
@media screen and (min-width:641px) {
  .product-info-tabs li img {
    width:100%;
    display:inline-block;
    margin-bottom:5px;
  }
}
@media screen and (min-width:1024px) {
  .product-info-tabs li img {
    width:50%;
  }
}
.product-info-tabs li span {
  display:none;
  opacity:0.4;
}
@media screen and (min-width:641px) {
  .product-info-tabs li span {
    display:block;
    margin-bottom:20px;
  }
}
.product-info-tabs li.current img {
  opacity:1;
    -webkit-filter: drop-shadow(0 0 0px black);
    filter: drop-shadow(0 0 0px black);
}
.product-info-tabs li.current span {
  opacity:1;
  text-decoration:underline;
}
.product-info-tabs li:first-child {
  padding-left:0;
}
.product-info-tab-content {
  display:none;
}
.product-info-tab-content.current {
  display:inherit;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: underline;
}

.nav-bar__menu {
  display: flex;
  justify-content: space-between;
}
.offer.side-menu {
  display: flex;
  align-items: center;
  /* position: relative; */
}
.offer.side-menu span {
  /* font-size: 15px; */
  font-size: 14px;
  /* color: #fff; */
}
.footer .offer.side-menu span {
  font-size: 13px;
  color: #fff;
}
.offer.side-menu li {
  /* position: relative; */
}
.footer .offer.side-menu li {
  position: relative;
}
.offer.side-menu li:not(:first-child):after {
  /* position: relative; */
  position: inherit;
    display: inline-block;
    content: "";
    /* right: 2px; */
    right: 0;
    top: calc(50% - 8px);
    /* background: var(--header-border-color); */
    /* margin-top: 5px; */
    /* padding-top: 5px; */
    background: rgb(34 34 34 / 30%);
    /* height: 34px; */
    height: 15px;
    width: 1px;
    /* margin-top: -5px; */
    /* bottom: -3px; */
  margin-top: 6px;
}
.footer .offer.side-menu li:not(:first-child):after {
  background: rgb(255 255 255 / 30%);
}
.offer.side-menu li a {
  /* margin: 0 7px !important; */
  margin: 0 4px 0 8px !important;
  vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  color: #222;
}
.offer.side-menu li:first-child a {
  /* margin: 0 0 0 7px !important; */
  margin: 0 0 0 8px !important;
}
.offer.side-menu li a:hover {
  color: #222;
  text-shadow: .5px 0px 0px currentColor;
}
.offer.delivery-group {
  display: block;
  float: right;
}
.delivery-group-sub {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  color: #000;
  text-align: left;
  margin-top: 2px;
}
.delivery-group-sub p {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
}
.header-delivery-icons {
/* margin: 15px 0 0; */
  /* margin: 5px 0 0; */
  margin: 5px 0 0;
  list-style: none outside;
}
.header-delivery-icons li {
  float: right;
  width: auto;
  margin-bottom: 2px;
}
.header-delivery-icons li:first-child a {
    margin: 0;
    /* font: 600 14px / 14px var(--font-stack-header); */
}
.header-delivery-icons li a {
    /* margin: 0 15px 0 0; */
    margin: 0 5px 0 0;
}

.offer.delivery-group.mobile-menu__section {
  float: initial;
  display: none;
}
.delivery-group.mobile-menu__section .delivery-group-sub p {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  line-height: 1.85;
  text-transform: uppercase;
  font-family: var(--heading-font-family);
  /* font-weight: var(--heading-font-weight); */
  font-weight: 500;
  font-style: var(--heading-font-style);
  color: var(--heading-color);
  margin-bottom: 10px;
}
.delivery-group.mobile-menu__section .header-delivery-icons li {
  float: initial;
  display: inline-block;
}
.delivery-group.mobile-menu__section .header-delivery-icons li a {
    /* margin: 0 15px 0 0; */
    margin: 0px 8px 0 0 !important;
}
.delivery-group.mobile-menu__section .header-delivery-icons li a img {
  width: 40px;
  height: 40px;
}
.offer.delivery-group.mobile-menu__section .kakao-popup {
  position: relative;
  display: flex;
  /* max-width: 100%; */
  margin-top: 15px;
  margin-left: -6px;
  margin-right: -6px;
  background-color: rgb(254 219 52) !important;
  padding-right: 1.5rem !important;
  padding-left: 1rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  text-align: center;
  font-size: 1.5rem !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  justify-content: center;
}
.offer.delivery-group.mobile-menu__section .kakao-popup .value-picker-button img {
  width: 14rem !important;
}
.offer.delivery-group.mobile-menu__section .kakao-popup .value-picker {
  text-align: center;
}
.offer.delivery-group.mobile-menu__section .kakao-popup .value-picker .value-picker__inner {
    border: 2px solid rgb(254, 219, 52);
}
.offer.delivery-group.mobile-menu__section .kakao-popup .value-picker .value-picker__inner .value-picker__close svg path {
    fill: #000;
}

@media screen and (min-width: 1000px) { 
  .mobile-menu .kakao-popup {
    display: none !important;
  }
}

.media__video-button {
  position: absolute;
  top: .81rem;
  right: .81rem;
  cursor: pointer;
  z-index: 2;
}
.active-collection-product .media__video-button .data-icon-loading,
.product-gallery__video .media__video-button .data-icon-loading {
  width: 30px;
  height: 30px;
  background: transparent;
}
.media__video-button[data-icon="pause"] .data-icon-pause,
.media__video-button[data-icon="pause"] .data-icon-loading {
  display: none;
}
.media__video-button[data-icon="play"] .data-icon-play,
.media__video-button[data-icon="play"] .data-icon-loading {
  display: none;
}
.media__video-button[data-icon="loading"] .data-icon-play,
.media__video-button[data-icon="loading"] .data-icon-pause {
  display: none;
}
#desktop-menu-static {
  padding-left: 0px;
}
@media screen and (min-width: 1000px) {
  .down_sticky .header__desktop-nav {
    position: static;
  }
}
.product_vendor_and_sharer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.product_vendor_and_sharer button {
  -webkit-appearance: none;
  /* background: #fff; */
  background: transparent;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  outline: 0;
  text-align: -webkit-right;
  transition: .1s;
  white-space: nowrap;
  border: 0;
  border-radius: 0;
  color: #111;
  font-size: 16px;
  padding: 0;
  vertical-align: middle;
  display: block;
  height: 20px;
  width: 20px;
}
.product_vendor_and_sharer button:after {
  display: block;
  height: 20px;
  width: 20px;
  background-image: url(https://cdn.daisomall.co.kr/apps/f/3cdfd24/img/ico_prod_share.539caf2.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
}
.modal .product_vendor_and_sharer {
  display: none;
}
@media screen and (min-width: 1000px) {
  .tabbar-bottom {
    display: none !important;
  }
  .main-cart__checkout {
    display: none;
  }
}
@media screen and (max-width: 999px) {
  .no-mobile-scroll, body.mini-cart-open {
    overflow: hidden;
  }
  .tabbar-bottom {
    display: none;
  }
  .tab-bottom-enabled .tabbar-bottom {   
    align-items: center;
    background-color: #fff;
    border: solid #ebebeb;
    border-radius: 16px 16px 0 0;
    border-width: 1px 1px 0;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    left: 0;
    position: fixed;
    /* transition: all .3s; */
    width: 100%;
    z-index: -1;
    /* transition: all .3s; */
    webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .downscroll.hide-tabbar-bottom .tabbar-bottom {
    transform: translateY(calc(100% + 16px));
  }
  .tabbar-bottom button {
    -webkit-appearance: none;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    margin: 0;
    text-align: center;
    transition: .1s;
    white-space: nowrap;
    border-radius: 0;
    color: #111;
    font-size: 15px;
    outline: 0 !important;
    background-color: transparent;
    border: 0;
    flex-basis: 0;
    flex-grow: 1;
    font-weight: 400;
    height: 56px;
    padding: 4px 0 9px;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .tabbar-bottom button:focus,
  .tabbar-bottom button:hover,
  .tabbar-bottom button:acive {
    border: 0;
    color: #111;
    background-color: #000;
  }
  .tabbar-bottom button>span {
    display: inline-block;
    font-size: 1rem;
    position: relative;
  }
  .tabbar-bottom i, .tabbar-bottom i:after {
    display: block;
    height: 32px;
    width: 32px;
  }
  .tabbar-bottom .ico-tabbar-home, .tabbar-bottom .ico-tabbar-home:after {
    display: block;
    height: 48px;
    width: 48px;
  }
  .tabbar-bottom button.home span {
    position: relative;
    bottom: 16px;
  }
  .tabbar-bottom button>span [class^=ico-] {
    margin: 0 auto 1px;
  }
  .ico-tabbar-category:after {
    background-image: url(https://cdn.daisomall.co.kr/apps/m/9afa3cd/img/ico_tabbar_category.647e7eb.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .ico-tabbar-today:after {
    background-image: url(https://cdn.daisomall.co.kr/apps/m/9afa3cd/img/ico_tabbar_today.8861b2f.gif);
    background-size: 100% auto;
    content: "";
  }
	.ico-tabbar-brand {
		background: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M21.5%205.5H6.37952L1.5%208.5L1.50046%2012L1.5%2015.5L6.37952%2018.5H21.5V5.5Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221%22%2F%3E%0A%3Ccircle%20cx%3D%227%22%20cy%3D%2212%22%20r%3D%221.2%22%20fill%3D%22%23000000%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fsvg%3E) 50% / 32px no-repeat;
        background-repeat: no-repeat;
        background-size: 100% auto;
        margin-left: 1px;
        height: 28px !important;
        width: 28px !important;
    }
  .ico-tabbar-search:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvX3NlYXJjaF9nbmIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxyZWN0IGlkPSJpY29fYXJlYSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIi8+CiAgPGcgaWQ9Iuq3uOujuV82MzI1OTYiIGRhdGEtbmFtZT0i6re466O5IDYzMjU5NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU2OTUgODA0MCkiPgogICAgPGNpcmNsZSBpZD0i7YOA7JuQXzE0NzI0IiBkYXRhLW5hbWU9Iu2DgOybkCAxNDcyNCIgY3g9IjcuNSIgY3k9IjcuNSIgcj0iNy41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU2OTIgLTgwMzcpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxMTEiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgICA8bGluZSBpZD0i7ISgXzQ4NCIgZGF0YS1uYW1lPSLshKAgNDg0IiB4MT0iNSIgeTE9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTY3OSAtODAyNCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzExMSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICA8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    /* background-size: 60% auto; */
    background-size: 75% auto;
    background-position: center;
    content: "";
  }
  .ico-tabbar-home:after {
    background-image: url(/cdn/shop/files/footer-icon_3.png);
    bottom: 2px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .ico-tabbar-mypage:after {
    background-image: url(https://cdn.daisomall.co.kr/apps/m/9afa3cd/img/ico_tabbar_mypage.e1790f9.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .ico-tabbar-recent:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvX2NhcnRfZ25iIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLsgqzqsIHtmJVfNDY2NTkzIiBkYXRhLW5hbWU9IuyCrOqwge2YlSA0NjY1OTMiIHdpZHRoPSIxOC4yODciIGhlaWdodD0iMjAiIGZpbGw9IiMxMTEiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxyZWN0IGlkPSJpY29fYXJlYSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIi8+CiAgPGcgaWQ9Iuq3uOujuV82NTI4ODgiIGRhdGEtbmFtZT0i6re466O5IDY1Mjg4OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAxKSI+CiAgICA8ZyBpZD0i6re466O5XzY1Mjg4OC0yIiBkYXRhLW5hbWU9Iuq3uOujuSA2NTI4ODgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgICAgPHBhdGggaWQ9Iu2MqOyKpF8xNTA2MzEwIiBkYXRhLW5hbWU9Iu2MqOyKpCAxNTA2MzEwIiBkPSJNMTUuODQ5LDQuMTUxSDEyLjE5MXYtMS4xYTMuMDQ4LDMuMDQ4LDAsMSwwLTYuMSwwdjEuMUgyLjQzOEwwLDIwSDE4LjI4N1pNNy41OTUsMy4xMTZBMS42LDEuNiwwLDAsMSw4Ljc0NCwxLjU1YTEuNTUxLDEuNTUxLDAsMCwxLDEuOTQ3LDEuNXYxLjFoLTMuMVpNMy43MjUsNS42NTFoMi4zN1Y2Ljc4NGEuNzUuNzUsMCwwLDAsMS41LDBWNS42NTFoMy4xVjYuNzg0YS43NS43NSwwLDEsMCwxLjUsMFY1LjY1MWgyLjM3MUwxNi41MzksMTguNUgxLjc0OFoiIGZpbGw9IiMxMTEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: center;
    content: "";
  }
  .tabbar-bottom button span {
    font-size: 0.8rem;
  }
  .main-cart__checkout {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 2001;
  }
  .main-cart__checkout .fix-btn {
    align-items: center;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 0 12px rgba(0, 0, 0, .102);
    display: flex;
    justify-content: center;
    padding: 8px 16px 16px;
    position: relative;
    z-index: 10;
    font-size: 20px;
  }
  .main-cart__checkout .bottom-total {
    flex: 1 0 auto;
    margin-right: 16px;
  }
  .main-cart__checkout .btn-checkout {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0;
    padding: 0;
    flex-basis: 208px;
    max-width: 208px;
  }
  .mobile-menu__wrapper {
    width: auto;
  }
  .subheader-enabled .mobile-menu__wrapper > svg {
    display: none;
  }
}

.swiper-horizontal {
    touch-action: pan-y;
    cursor: grab;
}

.category-btn-item:hover .category-btn-item-ico-wrap:after {
  content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--m-colors-black_alpha4, rgba(0, 0, 0, 0.04));
}

.category-btn-item:hover .category-btn-item-subject {
  color: #000 !important;
  text-shadow: .5px 0px 0px currentColor;
}

.key-details {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    border-radius: 0;
    margin: 1rem 0;
    /* color: var(--key-details-text-color); */
    color: #222;
    /* background-color: var(--key-details-background-color); */
    /* background: rgb(244, 246, 248); */
    /* background: rgb(239, 237, 233); */
    background: rgb(244, 246, 248);
}
.key-details__icon, .key-details__image {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 0.75rem;
}
.key-details__icon {
    color: var(--key-details-icon-color);
}
.key-details__wrapper {
    flex-grow: 1;
    word-break: break-word;
    line-height: 1.5;
    text-align: left;
}
.key-details__wrapper button {
  padding-top: 0;
  text-decoration: underline;
}
.key-details__wrapper button:hover {
 text-shadow: .5px 0px 0px currentColor;
}
.key-details__wrapper a {
  text-decoration: underline;
}
.key-details__wrapper a:hover {
 text-shadow: .5px 0px 0px currentColor;
}
.key-details__wrapper p:first-child {
    margin-top: 0;
    line-height: initial;
}
.key-details__wrapper p:last-child {
    margin-bottom: 0;
}
.key-details__wrapper p {
    margin-top: 0;
}
.key-details__heading {
    margin: 0 0 4px;
    /* font-weight: 700; */
    text-shadow: .5px 0px 0px currentColor;
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal, .swiper-scrollbar-drag {
  border-radius: 0 !important;
}

.navigation-wrapper__static.main-menu-slider {
      display: none;
}

@media screen and (max-width: 1000px) {
    .template-index .navigation-wrapper__static.main-menu-slider {
      position: relative;
      display: block;
      border: none;
      height: 42px;
      top: 0;
      z-index: 3;
    }
    .template-index .gl-tab, .template-index a.gl-tab__item {
      height: 42px;
      background: #f6f6f6;
      color: #333;
      padding: 0 12px;
      margin-right: 0px;
      text-align: center;
      /* width: auto;
      border: 1px solid #f6f6f6; */
      /* border-radius: 4px; */
      font-size: 12px;
      letter-spacing: 0;
      border: none;
      height: 30px;
      line-height: 30px;
      text-transform: capitalize;
      /* margin-left: 8px; */
      margin-left: 0.5rem;
      backdrop-filter: none;
    }
    .template-index .gl-tab {
      padding: 0;
      padding-left: 0.5rem;
      margin-left: 0;
      margin-top: 6px;
    }
    .template-index a.gl-tab__item:first-child {
      margin-left: 0;
      /* padding-left: 6px; */
    }
}
/**** custom css for 2.8 *****/
.kakao-popup {
	position: inherit !important;
}
.mini-cart__wrapper .shipping-values,
.cart-page-total .shipping-values {
	display: flex;
	align-items: center;
}
.cart-page-total .shipping-values {
	min-width: 30%;
}
.mini-cart__wrapper .shipping-values span,
.cart-page-total .shipping-values span {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	letter-spacing: .42px;
}
.mini-cart__wrapper .ProgressBar,
.cart-page-total .ProgressBar {
	height: 11px;
	width: 100%;
	margin: 0 10px;
	border-radius: 6px;
	background-color: rgba(182, 173, 162, .3);
	padding: 3px;
}
.mini-cart__wrapper .ProgressBarLevel,
.cart-page-total .ProgressBarLevel {
	height: 5px;
	max-width: 100%;
	width: 1%;
	border-radius: 6px;
	background-color: #B6ADA2;
	-webkit-transition: width 1s ease-in-out;
	display: block !important;
}
.carousel-counter {
	position: absolute;
	text-align: center;
	transform: translateZ(0);
	transition: opacity .3s;
	z-index: 10;
	font-weight: 500;
	height: 24px;
	width: auto;
	align-items: center;
	background-color: hsla(0, 0%, 7%, .4);
	border-radius: 50px;
	/* bottom: 45px; */
    bottom: 18px;
	display: flex;
	left: auto;
	padding: 4px 8px;
	right: 16px;
	top: auto;
	color: #FFF;
}
.carousel-counter .swiper-pagination-total {
    color: #ebebeb;
    margin-left: 4px;
    /* padding-left: 4px; */
    padding-left: 5px;
    position: relative;
}
.carousel-counter .swiper-pagination-total:before {
    background: #ebebeb;
    content: "";
    display: block;
    /* height: 10px; */
    height: 11px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
}
/* brand page */
/* Brand Page*/
#brand_content {
  min-height: 450px;
  margin-top: 25px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
#brand_content .category-head {
  float: left;
  width: 100%;
  color: #161616;
  /* font-size: 17px; */
  font-size: 16px;
  /* font-weight: 700; */
  text-shadow: .5px 0px 0px currentColor;
  /* line-height: 24px; */
  line-height: 20px;
}
#brand_content .category-wrapper li {
  float: left;
  width: 100%;
  /* line-height: 26px; */
  line-height: 22px;
  margin: 5px 0;
  list-style: none;
}
#brand_content .category-wrapper li a {
  color: #161616;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  padding-bottom: 5px;
  position: relative;
  text-decoration: none;
  /* font-size: 14px; */
  font-size: 13px;
  line-height: 16px;
}
.brand_image_placeholder {
	display: inline-block;
	margin: 0 -26px 0px -26px;
	padding-top: 20px;
	background-color: #FFF;
	width: calc(100% + 52px);
}
.brand_image_placeholder img {
	width: 100%;
	height: 100%;
}
.brand_name_placeholder {
	background-color: #FFF;
	margin: 0 -26px -32px -26px;
	text-align: center;
	padding-top: 10px;
}
.content-header {
	margin-left: auto;
	margin-right: auto;
  max-width: 800px;
  padding-left: 50px;
  padding-right: 50px;
}
.content-header .page-title {
	text-align: center;
	/* font-weight: 700; */
  text-shadow: .5px 0px 0px currentColor;
	margin-bottom: 15px;
}
.brand_container {
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-flow: row wrap;
}
.brand_link_list_item {
  width: 4.22rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.brand_link_list {
  padding-top: 10px;
  box-sizing: border-box;
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  width: auto;
  max-width: 100%;
  z-index: 4;
  overflow: hidden;
  display: flex;
  flex: 1 100%;
  justify-content: space-between;
  background-color: #FFF;
}
.brand_link_list > div {
  display: flex;
  flex: 1 100%;
  width: 100%;
  max-width: 780px;
}
.brand_link_list a {
  transition: opacity .15s;
  text-decoration: none;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: #222;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
}

.brand_link_list a:hover {
  text-shadow: 0.5px 0px 0px currentColor;
  text-decoration: underline;
}

.brand_search_container {
  display: block;
  flex: none;
  width: 100%;
  z-index: 2;
  position: sticky;
  top: 90px;
  background-color: #FFF;
}
.brand_search_wrapper {
}
.brand_search_wrapper .brand-search-box {
  margin: 20px 0 20px;
}
.search-input-group {
  position: relative;
}
.brand-icon {
  transform: translateY(-50%);
    top: 50%;
    position: absolute;
    margin: auto;
    padding: 0;
    text-align: right;
  left: 1.2rem;
  width: 2.4rem;
    height: 2.4rem;
}
.brand_search_input {
  width: 100%;
/*   height: 45px; */
  height: 38px;
  border: .1rem solid #ddd;
  outline: none;
  padding-left: 55px;
  padding-right: 10px;
  font-size: 12px;
}
.designers-list-area {
  position: relative;
  flex: 1;
  word-break: break-word;
  z-index: 1;
}
/* .designers-list-area .designers-list-container::before {
  background: #161616;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 92.3%;
} */
.designers-list-container {
  box-sizing: border-box;
  width: 100%;
  margin: 30px 0 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}
[data-brand-section=""] {
	display: none;
}
.designers-list-container:target {
  padding-top: 185px;
  margin-top: -150px;
}
.designers-list-head {
  text-transform: uppercase;
  font-weight: 700;
/*   font-size: 1.5rem; */
  font-size: 18px;
  line-height: 18px;
/*   margin: .6em 0 0; */
/*   margin: .4em 0; */
  margin: .8em 0;
  position: relative;
}
.designers-list-head::after {
  content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5em;
    border-top: 1px solid #ddd;
    margin-left: 28px;
}
.designers-list {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
  outline: none;
  transition: all .5s ease-in-out;
}
.designers-item {
  flex: 0 0 100%;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  flex: 0 0 33%;
  padding: 3px 0 3px;
  list-style: none;
  line-height: 14px;
}

.designers-item a {
  color: #000;
  font-size: 11px;
  line-height: 11px;
  display: flex;
  align-items: center;
}
.designers-item a:hover {
  text-shadow: 0.5px 0px 0px currentColor;
  text-decoration: underline;
}
.text_highlight {
  font-weight: 700;
}
.brand_link_list_item a.disabled {
  color: #e6e6e6;
  pointer-events: none;
}
.brands__noresult {
  display: none;
}
.brands__noresult h3 {
  font-weight: 700;
}
.menu-image {
	background-size: cover;
	top: 0px;
	right: 0px;
	border-radius: 0;
}
.designers-item-link span {
	text-align: left;
	padding: 0;
}
.menu_adidas{
  width: 100%;
  max-width: 60px;
  height: 15px;
  background-image:url('https://cdn.shopify.com/s/files/1/0551/0656/8351/files/adidas.png') !important;
  margin-right: 5px;
}
.menu_home_\0026_kitchen{
  width: 4vw;
  height: 16px;
  background-image:url('https://cdn.shopify.com/s/files/1/0531/6660/4456/files/png-transparent-house-symbol-home-appliance-cooking-ranges-stove-major-appliance-kitchen-logo-angle.png?v=1612150125') !important;
}
.ltr-1954uv2 {
	/* font-size: 16px;
	line-height: 1.375; */
    font-size: 14px;
	line-height: 18px;
	/* text-transform: uppercase; */
    text-transform: capitalize;
	/* margin-bottom: 16px; */
    margin-bottom: 10px;
	color: #222;
}
.ltr-1w59fu7 {
	width: 100%;
	list-style-type: none;
}
.ltr-1u2lpl4 {
	display: grid;
	grid-template-columns: repeat(5, auto);
	/* column-gap: 8px; */
    column-gap: 6px;
	/* margin-bottom: 24px; */
    margin-bottom: 12px;
}
.ltr-1ovkfay {
	/* font-size: 16px;
	line-height: 1.375; */
    font-size: 15px;
    line-height: 18px;
	min-height: 34px;
	flex-wrap: wrap;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}
.ltr-1u2lpl4 li:first-of-type {
	grid-column: 1 / span 2;
}
.ltr-ue952q-Body {
	/* font-size: 16px;
	line-height: 1.375; */
    font-size: 15px;
    line-height: 18px;
	background-color: transparent;
	cursor: pointer;
	transition-property: color, text-decoration;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.66,0,0.2,1);
	color: #222;
	display: inline-flex;
}
.ltr-ue952q-Body:hover {
  text-shadow: .5px 0px 0px currentColor;
}
.ltr-mnzq4b {
	max-width: fit-content;
	align-self: center;
}
.ltr-mnzq4b.ewmv8150:hover {
  text-decoration: underline;
}
.anchor_destination {
  position:absolute;
  z-index:-1;
  left:0;
  margin-top:-150px;
}
#js-item-\@.anchor_destination {
  margin-top: -90px;
  padding-top: 100px;
}
#js-item-\@:target+section {
  padding-top: 50px;
}
@media (min-width: 1000px) {
  #js-item-\@.designers-list-container:target {
    padding-top: 185px;
    margin-top: -90px;
  }
  .product-gallery--with-thumbnails .carousel-counter {
    display: none;
  }
  #brand_content .lhs {
    float: left;
    background: #f6f6f6;
    margin-bottom: 20px;
    padding: 25px 26px 32px;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 80px;
    transition: all .2s ease-in;
    width: 22.2%;
    z-index: 1;
    padding-left: 26px;
    padding-right: 26px;
    width: 20.2%;
  }
  #brand_content .category-wrapper {
    float: left;
    margin-top: 10px;
    width: 100%;
    list-style: none;
    margin-left: 0px;
  }
  #brand_content .category-wrapper li a:after {
    background: #161616;
    bottom: 1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .2s ease-in;
    width: 0;
  }
  #brand_content .category-wrapper li a:hover:after, #brand_content .category-wrapper li.selected a:after {
    width: 100%;
  }
	.designers-item {
		flex: 0 0 25%;
	}
}
@media screen and (max-width: 999px) {
  .content-header, .reading-container {
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
  }
  #brand_content {
    min-height: 850px;
  }
  #brand_content .lhs {
    min-width: auto;
    position: relative;
    width: calc(100vw - 25px);
    margin: 0 -15px;
		z-index: 1;
  }
  .brand_container {
    width: calc(100% - 0px);
    display: block;
    padding: 0 0 0 12px;
  }
  #brand_content .category-head {
    display: none;
  }
  #brand_content .category-wrapper {
    align-items: center;
    display: flex;
    overflow-x: auto;
    width: 100%;
    z-index: 11;
    position: relative;
    margin: 11px 11px 11px 22px;
  }
  #brand_content .category-wrapper li {
    line-height: 16px;
    margin: 0 5px;
  }
  #brand_content .category-wrapper li:first-child {
    margin-left: 15px;
  }
  #brand_content .category-wrapper li a {
    border: 1px solid #000;
    font-size: 15px;
    padding: 4px 8px;
    white-space: nowrap;
  }
  #brand_content .category-wrapper li.selected a {
    background-color: #000;
    color: #fff;
  }
  .brand_image_placeholder, .brand_name_placeholder {
    display: none;
  }
  #brand_content .designers-list-area {
    width: calc(100% - 50px);
    margin-top: 19px;
    padding-left: 0;
  }
  #brand_content .brand_link_list_item {
    /* margin: 0 3px; */
    margin: 0 0 0 3px;
    display: inline-block;
    text-align: center;
  }
  .brand_link_list a {
    font-size: 14px;
    line-height: 22px;
    padding: 0 10px;
    color: #959595;
    font-weight: 100;
  }
  a.brand_link_list_item_href.active {
    /* font-weight: 700; */
    text-shadow: .5px 0px 0px currentColor;
    color: #000;
  }
  .designers-item {
    flex: 0 0 calc(50% - 10px);
    padding: 3px 5px;
  }
  .brand_link_list {
    z-index: 1;
    overflow-x: hidden;
    top: 64px;
  }
  #brand_content .brand_link_list {
    position: sticky;
    top: 72px;
    float: right;
    max-width: 50px;
    padding-top: 0;
  }
  #brand_content .brand_link_list>div {
    display: flex;
    flex-flow: wrap;
    margin-top: 0;
    max-height: 800px;
    padding: 0 6px;
  }
  .category-wrapper::-webkit-scrollbar {
    display: none;
  }
  .brand_link_list::-webkit-scrollbar {
    height: 0px;
  }
  .brand_search_container {
    /*top: 84px !important;*/
    position: initial;
    padding-right: 12px;
  }
  #shopify-section-collection-template .block.product:hover .collection-product__priceavailability {
    display: none;
  }
  #shopify-section-collection-template .block.product:hover .product_grid__size {
    display: block;
  }
  .designers-list-container:target {
    padding-top: 55px;
    margin-top: 20px;
  }
  .cart-page-total .shipping-values {
    min-width: 100%;
  }
  .anchor_destination {
    position:absolute;
    z-index:-1;
    left:0;
    margin-top: -30px;
  }
  #js-item-\@.anchor_destination {
    margin-top: 0px;
    padding-top: 0px;
  }
  #js-item-\@:target+section {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
	.content-header {
		padding-left: 10px;
    padding-right: 10px;
  }
	.brand_link_list_item {
    width: 35px;
  }
  .brand_link_list>div {
    width: auto;
  }
}

.swiper-pagination-bullet-active {
    background: #fff !important;
}

.cm5pp.FeQiM, .cm5pp.BwmDa {
  background-color: rgb(251 249 245) !important;
  background-blend-mode: multiply !important;
}

.main-category-btn-wrapper .category-control [class^="ico-arr-"] {
  color: #872af4;
}

.main-category-btn-wrapper .category-control:hover {
  background: #222;
}

.main-category-btn-wrapper .category-control:hover [class^="ico-arr-"] {
  color: #d3bee2;
}

.promotion-slider1 .swiper-button-next, .promotion-slider1 .swiper-button-prev {
  color: #872af4;
}

.promotion-slider1 .swiper-button-next:hover, .promotion-slider1 .swiper-button-prev:hover {
  color: #d3bee2;
  background: #222;
}

.main-title h3 em {
  font-style: normal;
  color: #646f7c;
}

.category-list::-webkit-scrollbar {
	display: none;
}
time-tick {
	/* font-weight: 700; */
    font-weight: 400;
    /* text-shadow: .5px 0px 0px currentColor; */
	font-variant: small-caps;
    /* font-size: 16px; */
}
.product-item__info time-tick {
    font-size: 16px;
}
@media (max-width: 999px) {
  .product-item__info time-tick {
    font-size: 14px;
  }
}
.announcement-bar time-tick {
  /* color: #fff; */
  color: #a1ffc8;
}
.announcement-bar time-tick:before {
	position: relative;
    display: inline-block;
    content: "";
    top: calc(50% - 8px);
    /* background: var(--header-border-color); */
    /* margin-top: 5px; */
    /* padding-top: 5px; */
    background: #d3bee2;
    /* height: 34px; */
    height: 13px;
    width: 1px;
    top: 2px;
    right: 4px;
    margin-left: 7px;
    /* margin-top: -5px; */
    /* bottom: -3px; */
    /* margin-top: 6px; */
}
.time-tick-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 7px 10px;
	line-height: 0px;
	font-size: 20px;
	color: #fff;
	background: #ff4444;
	border-radius: 8px;
	box-sizing: border-box;
	text-align: center;
	/*margin: 0 12px 0 12px;*/
	margin: 0;
}
.time-tick-wrapper svg {
	/* width: 28px;
	height: 28px; */
    width: 24px;
	height: 24px;
	fill: #FFF;
	padding-right: 10px;
}
.product__ranking_badge {
	transition: background-color .25s ease-in-out, color .25s ease-in-out;
	color: #6e6e6e;
	text-decoration: none;
	cursor: pointer;
	/* margin-block-end: 1.1428571429rem; */
	display: flex;
    margin-bottom: 10px;
}
.product__ranking_badge .flag-badge {
	height: 0;
	display: flex;
	padding: 0 .6428571429rem;
	border-right: .9285714286rem solid transparent;
	border-top: .9285714286rem solid #bab274;
	border-bottom: .9285714286rem solid #bab274;
	align-items: center;
	color: #fff;
	margin-inline-end: .5714285714rem;
	text-transform: uppercase;
	font-size: .7142857143rem;
	line-height: 1.1428571429rem;
	letter-spacing: .0214285714rem;
}
.product__ranking_badge .flag-badge__cat {
  font-size: 13px;
  /* line-height: 16px; */
  line-height: 25px;
}
.collection__flag-badge {
	/*width: 24px;
	height: 32px;
	position: relative;
	background: #bab274;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 2;*/
	width: 24px;
	height: 32px;
	z-index: 2;
	background-color: transparent;
	position: absolute;
	top: 8px;
	right: 8px;
    /* top: 10.5px;
    right: 0.5px; */
	border: solid 12px #bab274;
	border-bottom: solid 9px transparent;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	transition: all 0.2s;
	cursor: pointer;
}
@media (max-width: 999px) {
  .collection__flag-badge {
    top: 10px;
    right: 2.5px;
  }
}
.collection__flag-badge span {
	color: #FFF;
	left: 50%;
	position: absolute;
	top: -12px;
	transform: translate(-50%, 0%);
}
.collection__flag-badge:after {
	content: "";
	/*position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 9px solid #fff;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;*/
}
.product__deals_claimed_wrapper {
	color: #666;
	margin-top: 8px;
	padding: 0 4px;
	margin-bottom: 2px;
}
.product__deals_claimed_progress_bar {
	position: relative;
	overflow: hidden;
	display: block;
	height: 4px;
	z-index: 0;
	background-color: #fff;
	height: 6px;
	border-radius: 20px;
	padding-left: 4px;
	padding-right: 4px;
}
.product__deals_claimed_progress_bar > span {
	position: absolute;
	left: 0px;
	bottom: 0px;
	top: 0px;
	transition: transform 0.2s linear;
	transform-origin: left center;
	background-color: rgb(99, 201, 86);
	width: auto;
	animation: 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) 0s infinite normal none running animation-ozg7p2;
	width: 90%;
	animation-iteration-count: 0;
	background: linear-gradient(127deg, rgb(250, 105, 151) 0%, rgb(250, 105, 151) 40%, rgb(248, 55, 117) 100%);
	border-radius: 20px;
	inset-inline-start: 0;
}
.product__deals_claimed_wrapper {
	display: none;
}
.section__deals_claimed .product__deals_claimed_wrapper,
.container--product .product__deals_claimed_wrapper {
	display: block;
}
.product__deals_claimed_text {
	font-size: 12px;
	white-space: nowrap;
	line-height: 15px;
    margin-top: 5px;
}
.limited__bar {
	display: none;
}
.deal__wrap .deal-slide--block-1 .limited__bar {
	display: block;
}
.time-tick-wrapper {
	display: none;
}
.container--product .time-tick-wrapper {
	/*display: flex;
	width: 225px;
	font-size: 14px;
	padding: 3px 0;*/
	display: inline-block;
	background: transparent;
	color: red;
}
.container--product .time-tick-wrapper:before {
    position: relative;
    display: inline-block;
    content: "";
    /* right: 2px; */
    right: -4px;
    top: calc(50% - 8px);
    /* background: var(--header-border-color); */
    /* margin-top: 5px; */
    /* padding-top: 5px; */
    background: rgb(34 34 34 / 30%);
    /* height: 34px; */
    height: 15px;
    width: 1px;
    /* margin-top: -5px; */
    /* bottom: -3px; */
    /* margin-top: 6px; */
}
.container--product .product-form__info-content {
	width: auto;
}
.container--product .time-tick-wrapper time-tick {
	position: relative;
    font-weight: 400;
    font-size: 14px;
    font-variant: none;
    bottom: 3px;
    left: 6px;
}
.container--product .time-tick-wrapper svg {
	width: 22px;
	height: 22px;
}
.deal__wrap .deal-slide--block-3 .time-tick-wrapper {
	display: flex;
}
@media (max-width: 999px) {
	.time-tick-wrapper {
		margin: 0;
		font-size: 14px;
		padding: 3px 10px;
	}
	.time-tick-wrapper svg {
		width: 24px;
		height: 24px;
	}
}

.header_move {
  	display: inline-block;
/*     -moz-animation: marquee 180s linear infinite;
        -webkit-animation: marquee 180s linear infinite;
        animation: marquee 180s linear infinite; */
    -moz-animation: marquee 90s linear infinite;
        -webkit-animation: marquee 90s linear infinite;
        animation: marquee 90s linear infinite;
    white-space: nowrap;
}
@-moz-keyframes marquee {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-100%);
        }
}
@-webkit-keyframes marquee {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-100%);
        }
}
@keyframes marquee {
        0% {
          -moz-transform: translateX(5%);
          -webkit-transform: translateX(5%);
          transform: translateX(5%);
        }
        100% {
          -moz-transform: translateX(-70%);
          -webkit-transform: translateX(-70%);
          transform: translateX(-70%);
        }
}

@media (max-width: 999px) {
	.header_move {
/*     -moz-animation: marquee 60s linear infinite;
        -webkit-animation: marquee 60s linear infinite;
        animation: marquee 60s linear infinite; */
    -moz-animation: marquee 45s linear infinite;
        -webkit-animation: marquee 45s linear infinite;
        animation: marquee 45s linear infinite;
    }
      @-moz-keyframes marquee {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-100%);
        }
      }
      @-webkit-keyframes marquee {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-100%);
        }
      }
      @keyframes marquee {
        0% {
          -moz-transform: translateX(5%);
          -webkit-transform: translateX(5%);
          transform: translateX(5%);
        }
        100% {
          -moz-transform: translateX(-70%);
          -webkit-transform: translateX(-70%);
          transform: translateX(-70%);
        }
      }
}

ul.header_move:hover {
    -moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

ul.header_move li {
    list-style: none;
    display: inline-block;
}

.top_text_banner > ul {
    text-align: left;
}

.top_text_banner {
    width: 100%;
    /* float: left; */
    /* border-right: 3px double #999; */
    overflow: hidden;
    /* height: 26px; */
/*     background: #212129; */
    background: rgba(255, 255, 255, 40%);
    padding: 20px 0;
}

@media (max-width: 999px) {
  .top_text_banner {
    width: 100%;
    border: 0px;
    float: none;
    /* height: 24px; */
    padding: 12px 0;
	}
}

.top_text_banner > ul > li {
    display: inline-block;
    height: 1.8em;
    padding: 1px 50px;
}

.top_text_banner > ul > li > a {
    display: flex;
    align-items: center;
    gap: 12px;
    width: auto;
}

.top_text_banner > ul > li > a > p {
    font-size: 20px;
    font-weight: 500;
}

@media (max-width: 999px) {
  .top_text_banner > ul > li {
	padding: 1px 12px;
    color: #fff;
	}
  .top_text_banner > ul > li > a > p {
    font-size: 16px;
    font-weight: 500;
  }
}

.top_text_banner ul {
/*   	display: inline-block;
  	white-space: nowrap; */
  	margin: 0;
}

.top_text_banner a:hover {
  color: #15f717;
  text-decoration: none;
}

#main .shopify-section:nth-child(6) {
    padding-top: 5rem;
    padding-bottom: 5rem !important;
    background-repeat: no-repeat;
    background-position: top right, bottom left;
    background-size: contain;
    background-image: url(https://cdn.shopify.com/s/files/1/0576/6725/6494/files/wave2.svg), url(https://cdn.shopify.com/s/files/1/0576/6725/6494/files/wave3.svg);
}

@media (min-width: 1000px) {
  #main .shopify-section:nth-child(6) {
    padding-top: 10rem;
    padding-bottom: 10rem !important;
    background-repeat: no-repeat;
    background-position: top right, bottom left;
    background-size: contain;
    background-image: url(https://cdn.shopify.com/s/files/1/0576/6725/6494/files/wave2.svg), url(https://cdn.shopify.com/s/files/1/0576/6725/6494/files/wave3.svg);
  }
}

#main .shopify-section:nth-child(5) {
    padding-bottom: 0 !important;
}

#main .shopify-section:nth-child(7) {
    padding-top: 0 !important;
}

.template-product .section[data-section-type=promo-slider], .template-product .promotion-slider1 {
  margin-bottom: 0;
}

.template-product #main .shopify-section:last-child .section {
    margin-top: 0;
}

.wholesale.not-login {
  font-size: .8em;
  /* padding-top: 0.5em; */
  padding-top: 0.4em;
  color: #000;
  /* text-align: center; */
}

.wholesale.not-login b {
  color: #261e64;
  font-size: 13px;
  text-decoration: underline;
}

.wholesale.not-login b:hover {
  text-shadow: .5px 0px 0px currentColor;
}

.sec3 .wrap > .tit, .sec2 .wrap > .tit, .sec1 .wrap > .tit, .sec4 .wrap > .tit {
    text-align: center;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
.sec3 .wrap > .tit h3, .sec2 .wrap > .tit h3, .sec1 .wrap > .tit h3, .sec4 .wrap > .tit h3 {
    margin-bottom: 40px;
    font-size: 94px;
    color: #000000;
    font-weight: 600;
    font-family: "Inter", serif;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
.sec3 .wrap > .tit h3 img, .sec2 .wrap > .tit h3 img, .sec1 .wrap > .tit h3 img, .sec4 .wrap > .tit h3 img {
    max-width: 100%;
  margin: 0 auto;
}
.sec3 .wrap > .tit .ti2, .sec2 .wrap > .tit .ti2, .sec1 .wrap > .tit .ti2, .sec4 .wrap > .tit .ti2 {
    font-size: 20px;
    font-weight: 600;
    color: #111111;
}
.sec3 .wrap > .tit .img_wp, .sec2 .wrap > .tit .img_wp, .sec1 .wrap > .tit .img_wp, .sec4 .wrap > .tit .img_wp {
    position: relative;
    top: -85px;
    z-index: -1;
}
.sec3 .wrap > .pho, .sec2 .wrap > .pho, .sec1 .wrap > .pho, .sec4 .wrap > .pho {
    position: relative;
    top: -30px;
}
.sec3 .wrap > .pho table, .sec2 .wrap > .pho table, .sec1 .wrap > .pho table, .sec4 .wrap > .pho table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #111111;
    border-bottom: 1px solid #111111;
    margin-bottom: 60px;
}
.pho table.active {
    opacity: 1;
    transform: translateY(0);
}
.sec3 .wrap > .pho table col:nth-child(1), .sec2 .wrap > .pho table col:nth-child(1) {
    width: 11.11%;
}
.sec3 .wrap > .pho table col:nth-child(2), .sec2 .wrap > .pho table col:nth-child(2) {
    width: 16.67%;
}
.sec3 .wrap > .pho table col:nth-child(3), .sec2 .wrap > .pho table col:nth-child(3) {
    width: 50%;
}
.sec3 .wrap > .pho table col:nth-child(4), .sec2 .wrap > .pho table col:nth-child(4) {
    width: 22.22%;
}
.sec3 .wrap > .pho table tbody > tr:first-child, .sec2 .wrap > .pho table tbody > tr:first-child {
    border-bottom: 1px solid #111111;
}
.sec3 .wrap > .pho table tbody > tr th, .sec2 .wrap > .pho table tbody > tr th {
    font-size: 17px;
    font-weight: 500;
    color: #111111;
    font-family: "Lexend", serif;
}
.sec3 .wrap > .pho table tbody > tr:nth-child(even), .sec2 .wrap > .pho table tbody > tr:nth-child(even) {
    background-color: #f8f8f8;
}
.sec3 .wrap > .pho table tbody > tr, .sec2 .wrap > .pho table tbody > tr {
    height: 65px;
}
.sec1 .wrap > .cont {
    position: relative;
    border: 1px solid #dddddd;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 40px;
}
.sec1 .wrap > .cont .mno {
    margin: 0;
}
@media screen and (max-width: 999px) {
.sec1 .wrap > .cont .mno, .show_pc {
    display: none !important;
}
}
@media screen and (min-width: 1000px) {
.mopen, .show_m {
    display: none !important;
}
}
@media screen and (max-width: 1440px) {
    .sec1 .wrap > .cont > ul {
        gap: 20px;
        padding: 0 10px;
    }
}
.sec1 .wrap > .cont > ul {
    position: absolute;
    top: 20px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 70px;
    box-sizing: border-box;
    padding-right: 40px;
}
.sec1 .wrap > .cont > ul > li {
    max-width: 390px;
    width: 100%;
}
.sec1 .wrap > .cont > ul > li .arr_wp {
    position: relative;
}
.sec1 .wrap > .cont > ul > li > div {
    font-size: 17px;
    font-weight: 600;
    color: #555555;
    text-align: center;
    margin-top: 20px;
}
.sec1 .wrap > .cont > ul > li .arr_wp > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 19px;
    color: #fff;
    font-weight: 600;
    font-family: "Lexend", serif;
    text-align: center;
    box-sizing: border-box;
}
.sec1 .wrap > .cont > ul > li .arr_wp img {
    margin-bottom: 0;
}
.wrap li:before {
  display: none;
}
.sec2 .wrap > .tit > ul {
    position: relative;
    top: -50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.sec2 .wrap > .tit > ul > li {
    display: flex;
    align-items: flex-start;
    font-size: 20px;
    font-weight: 300;
    color: #111111;
    letter-spacing: -0.3;
}
.sec2 .wrap > .tit > ul > li span {
    font-weight: 600;
    white-space: nowrap;
}
.sec2 .wrap > .cont .box1 {
    margin-bottom: 90px;
}
.sec2 .wrap > .cont .box1 > .thtt {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 28px;
    color: #111111;
    font-weight: 700;
    margin-bottom: 30px;
}
.sec2 .wrap > .cont .box1 > .thtt::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 22px;
    background-color: #97d32e;
}
.sec2 .wrap > .cont .box1 > ul {
    display: flex;
    align-items: center;
    gap: 15px;
}
.sec2 .wrap > .cont .box1 > ul > li.imggy {
    max-width: 330px;
    width: calc(100% / 4);
}
.sec2 .wrap > .cont .box1 > ul > li > .ig_wp {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.sec2 .wrap > .cont .box1 > ul > li > .ig_wp img {
    margin: 0;
}
.sec2 .wrap > .cont .box1 > ul > li > span {
    display: block;
    font-size: 18px;
    color: #111111;
    font-weight: 700;
    margin-top: 18px;
}
.sec2 .wrap > .cont .box1 > .cellbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.sec2 .wrap > .cont .box1 > .cellbox > .beforeafter {
    max-width: 600px;
    width: 100%;
}
.sec2 .wrap > .cont .box1 > .cellbox > .beforeafter > .titt {
    width: 100%;
    padding: 14px 20px;
    background-color: #6db0e4;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    box-sizing: border-box;
}
.sec2 .wrap > .cont .box1 > .cellbox > .beforeafter > .imgwp {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    margin-top: 10px;
}
.sec2 .wrap > .cont .box1 > .cellbox > .beforeafter > .imgwp > .imwp {
    border-radius: 4px;
    overflow: hidden;
}
.sec2 .wrap > .cont .box1 > .cellbox > .beforeafter > .imgwp > .imwp img {
    margin: 0;
}

section h3.active {
    opacity: 1;
    transform: translateY(0);
}
section h3 {
    display: block;
    width: fit-content;
    font-size: 36px !important;
    color: #111111 !important;
    font-weight: 700 !important;
    text-align: center;
    font-family: "Cormorant", serif;
    margin-top: 80px  !important;
    margin-bottom: 120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.7s ease-out;
}
section h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 0;
    height: 2px;
    background-color: #111111;
    opacity: 0;
    transition: width 0.6s ease-in-out 0.8s, opacity 0.4s ease-in-out;
}
.sec1 .one {
    padding-bottom: 160px;
}
.sec1 .one .img_wp {
    width: 100%;
}
.sec1 .one .img_wp img {
    max-width: 100%;
}
.sec1 .one .img_wp {
    width: 100%;
}
.sec1 .one .txt > .tit {
    font-size: 56px;
    color: #111111;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 20px;
}
.sec1 .one .txt > p {
    font-size: 18px;
    color: #111111;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: -0.3;
}
.sec1 .two {
    display: flex;
    align-items: center;
}
.sec1 .two .img_wp {
    position: relative;
    width: 50%;
    overflow: hidden;
    box-sizing: border-box;
}
.sec1 .two .img_wp img {
    max-width: 100%;
}
.sec1 .two .txt {
    width: 50%;
    padding-left: 96px;
    padding-right: 40px;
    box-sizing: border-box;
}
.sec1 .two .txt > .tit {
    font-size: 56px;
    color: #111111;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 64px;
}
.sec1 .two .txt > p {
    font-size: 18px;
    color: #111111;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: -0.3;
}

.sec1.exosome {
  padding: 0;
  background: initial;
}