/** Shopify CDN: Minification failed

Line 7850:2 Unexpected "{"
Line 7850:3 Expected identifier but found "%"
Line 7856:2 Unexpected "{"
Line 7856:3 Expected identifier but found "%"
Line 8618:6 Unexpected "{"
Line 8618:7 Expected identifier but found "%"
Line 8648:6 Unexpected "{"
Line 8648:7 Expected identifier but found "%"
Line 8841:17 Expected identifier but found "!"
Line 8844:0 Expected "}" to go with "{"

**/
/* ============================================================================

  KrownThemes Split
  v3.0.0
  Copyright 2017 Krown Themes

============================================================================== */
/*
 *  SECTION 1 - IMPORTS, VENDORS, GENERAL
*/
/*! Variables declarations 
  If you wish to change margins, paddings, heights, this is the place to do so 
  Almost all dimensions & spacing is based on these variables 
!*/
:root {
  --window-height: calc(100vh - 84px);
  --header-padding: 20px;
  --header-logo: 40px;
  --header-size: 85px;
  --screen-height: 100vh;
  --screen-half-height: 50vh;
  --box-big-padding: 9vw;
  --box-smaller-padding: 80px;
  --box-small-padding: 40px;
  --box-auto-top: 100px;
  --box-min-height: clamp(250px, 30vh, 500px);
  --site-horizontal-padding: 60px;
  --sidebar-padding: 40px;
  --sidebar-movement: 480px;
  --text-spacing: 30px;
  --alternate-opacity: .58;
  --button-size: 54px;
  --button-padding: 30px;
  --button-extra-margin: 5px;
}

@media screen and (min-width: 1367px) {
  :root {
    --box-auto-top: 150px;
  }
}
@media screen and (max-width: 1024px) {
  :root {
    --box-big-padding: 7vw;
    --box-smaller-padding: 40px;
    --box-small-padding: 40px;
    --site-horizontal-padding: 30px;
    --sidebar-padding: 30px;
    --box-auto-top: 75px;
    --box-min-height: clamp(250px, 35vh, 500px);
  }
}
@media screen and (max-width: 640px) {
  :root {
    --sidebar-movement: 374px;
  }
}
@media screen and (max-width: 480px) {
  :root {
    --box-big-padding: 50px;
    --box-smaller-padding: 25px;
    --box-small-padding: 24px;
    --site-horizontal-padding: 18px;
    --sidebar-padding: 25px;
    --box-auto-top: 50px;
    --text-spacing: 20px;
    --header-padding: 15px;
    --header-size: 73px;
    --button-size: 44px;
    --button-padding: 22px;
    --button-extra-margin: 2px;
  }
}
@media screen and (max-width: 374px) {
  :root {
    --sidebar-movement: 320px;
  }
}
/*
 *  1.0. Mixins
*/
/*
 *  1.1. Reset
*/
input, :before, :after, * {
  box-sizing: border-box;
}

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

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

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

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

input[type=search]::-ms-clear {
  display: none;
}

div#essentialsspring-bg div div {
    display: inline-block;
}

.shopify-payment-button__button [data-testid="ShopifyPay-button"] {
    background: #2d2d2d !important;
    border: 1px solid #2d2d2d !important;
    filter: grayscale(80) !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, .order-table th,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

button {
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  }


.clearfix:after, .simple-grid:after, .site-box-container:after, .shopify-section:after {
  content: "";
  display: table;
  clear: both;
}

.product-grid-border-fix.fix-bottom-border {
    display: grid;
    /* grid: repeat(2, 60px) / auto-flow 80px; */
    /* height: 100vh; */
    grid-template-columns: 1fr 1fr 1fr 1fr;
}



.hide, .hidden {
  display: none;
}

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

summary {
  list-style: none;
}

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

*:focus:not(:focus-visible) {
  outline: none !important;
}

/*
 *  1.2. Vendors
*/
/* -- MAGNICIFC POPUP -- */
.basicLightbox {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0.01;
  transition: opacity 0.4s ease;
  z-index: 1000;
  will-change: opacity;
}

.basicLightbox--visible {
  opacity: 1;
}

.basicLightbox__placeholder {
  max-width: 100%;
  transform: scale(0.9);
  transition: transform 0.4s ease;
  z-index: 1;
  will-change: transform;
}

.basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 95%;
  max-height: 95%;
}

.basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child {
  pointer-events: auto;
}

.basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child {
  width: auto;
  height: auto;
}

.basicLightbox--iframe .basicLightbox__placeholder, .basicLightbox--img .basicLightbox__placeholder, .basicLightbox--video .basicLightbox__placeholder {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.basicLightbox--visible .basicLightbox__placeholder {
  transform: scale(1);
}

.basicLightboxClose {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

/*
 *  1.3. Typography
*/
body {
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  line-height: var(--base-body-line);
  color: var(--main-text);
  background: var(--main-background);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
@media screen and (min-width: 1024px) {
  body {
    font-size: calc(16px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
  body {
    font-size: calc(15px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (max-width: 480px) {
  body {
    font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  }
}

@media screen and (min-width: 1024px) {
  .text-size--smallest {
    font-size: calc(12px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
  .text-size--smallest {
    font-size: calc(12px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (max-width: 480px) {
  .text-size--smallest {
    font-size: calc(11px / 16 * var(--base-body-size) + 0px);
  }
}

@media screen and (min-width: 1024px) {
  .text-size--smaller {
    font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
  .text-size--smaller {
    font-size: calc(13px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (max-width: 480px) {
  .text-size--smaller {
    font-size: calc(12px / 16 * var(--base-body-size) + 0px);
  }
}

@media screen and (min-width: 1024px) {
  .text-size--larger {
    font-size: calc(20px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
  .text-size--larger {
    font-size: calc(19px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (max-width: 480px) {
  .text-size--larger {
    font-size: calc(18px / 16 * var(--base-body-size) + 0px);
  }
}

@media screen and (min-width: 1024px) {
  .text-size--large {
    font-size: calc(24px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
  .text-size--large {
    font-size: calc(22px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (max-width: 480px) {
  .text-size--large {
    font-size: calc(20px / 16 * var(--base-body-size) + 0px);
  }
}

h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-stack-headings);
  font-weight: var(--font-weight-headings);
  font-style: var(--font-style-headings);
  line-height: var(--base-headings-line);
  margin-bottom: 1em;
  display: block;
}

@media screen and (min-width: 1367px) {
  .h0 {
    font-size: calc(92px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1367px) {
  .h0 {
    font-size: calc(78px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .h0 {
    font-size: calc(56px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (max-width: 768px) {
  .h0 {
    font-size: calc(48px / 60 * var(--base-headings-size) + 0px);
  }
}

@media screen and (min-width: 1367px) {
  h1, .h1 {
    font-size: calc(60px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1367px) {
  h1, .h1 {
    font-size: calc(48px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  h1, .h1 {
    font-size: calc(42px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (max-width: 768px) {
  h1, .h1 {
    font-size: calc(32px / 60 * var(--base-headings-size) + 0px);
  }
}

@media screen and (min-width: 1367px) {
  h2, .h2 {
    font-size: calc(40px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1367px) {
  h2, .h2 {
    font-size: calc(36px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  h2, .h2 {
    font-size: calc(28px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (max-width: 768px) {
  h2, .h2 {
    font-size: calc(24px / 60 * var(--base-headings-size) + 0px);
  }
}

@media screen and (min-width: 1367px) {
  h3, .h3 {
    font-size: calc(30px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1367px) {
  h3, .h3 {
    font-size: calc(30px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  h3, .h3 {
    font-size: calc(28px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (max-width: 768px) {
  h3, .h3 {
    font-size: calc(24px / 60 * var(--base-headings-size) + 0px);
  }
}

h4, .h4 {
  font-size: calc(20px / 60 * var(--base-headings-size) + 0px);
}

h5, .h5 {
  font-size: calc(16px / 60 * var(--base-headings-size) + 0px);
}

h6, .h6 {
  font-size: calc(14px / 60 * var(--base-headings-size) + 0px);
}

blockquote:not(:first-child) {
  margin-top: 2em;
}
blockquote:not(:last-child) {
  margin-bottom: 2em;
}

strong {
  font-weight: var(--font-weight-body-bold);
}

em {
  font-style: italic;
}

p, ul, ol {
  margin-bottom: 1.5em;
}

.rte a img {
  vertical-align: middle;
}

.rte img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.rte video {
  max-width: 100%;
  height: auto;
}

sub, sup {
  font-size: 0.7em;
  line-height: 0.7em;
}

sub {
  vertical-align: bottom;
}

sup {
  vertical-align: top;
}

del {
  text-decoration: line-through;
}

small {
  font-size: 0.85em;
}

ul {
  list-style: inside disc;
}

ol {
  list-style: inside decimal;
}

ul ul, ul ol, ol ol, ol ul {
  margin-left: 1em;
}

table {
  width: 100%;
  border: 1px solid var(--main-background-secondary);
  text-align: left;
}
table thead td:not(:empty), table thead th:not(:empty) {
  background: var(--main-background-secondary);
  text-transform: uppercase;
  font-size: calc(12px / 16 * var(--base-body-size) + 0px);
}
table p {
  margin: 0;
}

table tr {
  border-top: 1px solid var(--main-background-secondary);
}

table thead tr {
  border-top: none;
}

table th, table td, table .order-table th, .order-table table th {
  min-height: 41px;
  padding: 10px 14px 8px;
  border-right: 1px solid var(--main-background-secondary);
}

.rte a {
  border-bottom: 1px solid;
}

svg * {
  transition: opacity 150ms linear, fill 150ms linear, stroke 150ms linear;
}

a {
  color: var(--main-text);
  transition: opacity 150ms linear, color 150ms linear, background 150ms linear;
}

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

iframe {
  max-width: 100%;
}

img.lazy {
  transition: opacity 150ms linear;
}
.loading-support img.lazy {
  opacity: 0;
}
.loading-support img.lazy ~ .lazy-preloader {
  display: block;
}
img.lazy.lazyloaded {
  opacity: 1;
}
img.lazy.lazyloaded ~ .lazy-preloader {
  display: none;
}

input {
  height: var(--button-size);
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  font-size: calc(15px / 16 * var(--base-body-size) + 0px);
  padding: 0 20px;
  margin: 0;
  display: inline-block;
  border-radius: 0;
  -webkit-appearance: none;
  color: var(--main-text);
  border: 1px solid var(--main-background-secondary);
  background-color: transparent;
  transition: all 150ms linear;
}
.grid__item input:not([type=submit]) {
  width: 100%;
}
input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px var(--main-background-secondary) inset;
  background: var(--main-background-secondary);
  color: var(--main-text);
}
.no-touchevents input:hover {
  border-color: var(--main-text);
}
input:focus {
  outline: none;
  border: 2px solid var(--main-text);
}
input::placeholder {
  color: var(--main-text);
}

textarea {
  border-radius: 0;
  -webkit-appearance: none;
  resize: none;
  color: var(--main-text);
  border: 1px solid var(--main-background-secondary);
  background: var(--main-background);
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  font-size: calc(15px / 16 * var(--base-body-size) + 0px);
  padding: 20px;
  width: 100%;
  height: 130px;
  transition: all 150ms linear;
}
.no-touchevents textarea:hover {
  border-color: var(--main-text);
}
textarea:focus {
  outline: none;
  border: 2px solid var(--main-text);
}
textarea:-webkit-autofill {
  box-shadow: 0 0 0px 1000px var(--main-background-secondary) inset;
  background: var(--main-background-secondary);
  color: var(--main-text);
}
textarea::placeholder {
  color: var(--main-text);
}

input[type=submit], .button, .btn {
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  font-size: calc(13px / 16 * var(--base-body-size) + 0px);
  border: 2px solid transparent;
  font-weight: var(--font-weight-body-bold);
  color: var(--main-text);
  text-transform: uppercase;
  padding: 0 var(--button-padding);
  position: relative;
  top: -1px;
  transition: all 150ms linear;
  cursor: pointer;
  height: var(--button-size);
  margin: 0;
  display: inline-block;
  line-height: calc(var(--button-size) - 2px);
  border-radius: 0;
  -webkit-appearance: none;
}

.btn {
  background: var(--main-text);
  color: var(--main-text-foreground) !important;
  border-radius: var(--buttons-radius) !important;
}

 
.button {
  border-radius: var(--buttons-radius);
}
  
 
  
.button:focus {
  outline: none;
}
.button.button--smallest {
  height: auto;
  border-width: 1px !important;
  line-height: 1;
  padding: 7px 14px;
  display: inline-block;
}
.button.button--solid {
  background: var(--main-text);
  color: var(--main-text-foreground);
}
.button.button--solid svg path {
  fill: var(--main-text-foreground);
}
.button.button--solid svg circle {
  stroke: var(--main-text-foreground);
}
.button.button--solid:focus-visible {
  box-shadow: inset 0px 0px 0px 2px var(--main-text-foreground);
}
.button.button--outline {
  border: .5px solid var(--main-text);
}
.button.button--outline svg path {
  fill: var(--main-text);
}
.button.button--outline svg circle {
  stroke: var(--main-text);
}
.button.button--outline:focus-visible {
  box-shadow: inset 0px 0px 0px 2px var(--main-text);
}
.button.button--no-events {
  pointer-events: none;
}
.button.button--no-transform {
  text-transform: none;
}
.button .icon {
  width: 0;
  height: 100%;
  display: block;
  text-align: right;
  position: absolute;
  right: 40px;
  top: 0;
  opacity: 0;
  transition: all 150ms linear;
}
.button .icon svg {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
}
.no-touchevents .button--with-icon:hover, .button--with-icon.focus {
  padding-right: 60px;
}
.no-touchevents .button--with-icon:hover .icon, .button--with-icon.focus .icon {
  opacity: 1;
  right: 15px;
  width: 31px;
}
.button.disabled {
  pointer-events: none;
  opacity: 0.32;
}
.no-touchevents .button:not(.button--with-icon) {
  overflow: hidden;
}
.no-touchevents .button:not(.button--with-icon) .button-scroll-in {
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  position: relative;
  top: 0;
}
.no-touchevents .button:not(.button--with-icon):hover .button-scroll-in {
  animation-name: scroll-in-big;
}

@keyframes scroll-in-big {
  0% {
    top: 0;
  }
  49% {
    top: -35px;
  }
  50% {
    top: 35px;
  }
  100% {
    top: 0;
  }
}
input[type=checkbox],
input[type=radio] {
  width: 16px !important;
  height: 16px;
  padding: 0;
  margin-right: 10px;
  position: relative;
  border: 1px solid var(--main-background-secondary);
  top: 3px;
}
input[type=checkbox]:checked,
input[type=radio]:checked {
  border-color: transparent;
  background: var(--main-text);
}
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: none;
  border: 2px solid var(--main-text);
}

select {
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  font-size: calc(16px / 16 * var(--base-body-size) + 0px);
  padding: 0 40px 0 20px;
  height: var(--button-size);
  width: 100% !important;
  line-height: 1.2;
  cursor: pointer;
  text-align: left;
  background: var(--main-background);
  border: 1px solid var(--main-background-secondary);
  color: var(--main-text);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: calc(100% - 17px) 50%;
  background-size: 14px 9px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}
.no-touchevents select:hover {
  border-color: var(--main-text);
}
select:focus {
  outline: none;
  border: 2px solid var(--main-text);
}

.underline-animation {
  background-position: 0 calc(1em + 4px);
  background-image: linear-gradient(to right, var(--main-text), var(--main-text));
  background-size: 0% 1px;
  background-repeat: no-repeat;
  display: inline;
  padding-bottom: 3px;
  transition: all 150ms linear;
}
@media screen and (min-width: 769px) and (orientation: landscape) {
  .no-touchevents a:hover .underline-animation, a:focus .underline-animation, .no-touchevents a.thumbnail:hover + a .underline-animation {
    background-size: 100% 1px;
  }
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .underline-animation.underline-mobile {
    background-size: 100% 1px;
    background-position: 0 calc(1em + 2px);
  }
}
a.selected .underline-animation, a.active .underline-animation {
  background-size: 100% 1px;
}

.underline-animation-thick {
  background-position: 0 calc(1em + 6px);
  background-image: linear-gradient(to right, var(--main-text), var(--main-text));
  background-size: 0% 2px;
  background-repeat: no-repeat;
  display: inline;
  padding-bottom: 3px;
  transition: all 150ms linear;
}
@media screen and (min-width: 769px) and (orientation: landscape) {
  .no-touchevents a:hover .underline-animation-thick, a:focus .underline-animation-thick, .no-touchevents a.thumbnail:hover + a .underline-animation-thick {
    background-size: 100% 2px;
  }
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .underline-animation-thick.underline-mobile {
    background-size: 100% 1px;
    background-position: 0 calc(1em + 2px);
  }
}
a.selected .underline-animation-thick, a.active .underline-animation-thick {
  background-size: 100% 2px;
}

.underline-animation-alternative {
  background-position: 0 calc(1em + 3px);
  background-image: linear-gradient(to right, inherit, inherit);
  background-size: 0% 1px;
  background-repeat: no-repeat;
  display: inline;
  padding-bottom: 3px;
  transition: all 150ms linear;
}
@media screen and (min-width: 769px) and (orientation: landscape) {
  .no-touchevents a:hover .underline-animation-alternative, a:focus .underline-animation-alternative, .no-touchevents a.thumbnail:hover + a .underline-animation-alternative {
    background-size: 100% 1px;
  }
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .underline-animation-alternative.underline-mobile {
    background-size: 100% 1px;
    background-position: 0 calc(1em + 2px);
  }
}
a.selected .underline-animation-alternative, a.active .underline-animation-alternative {
  background-size: 100% 1px;
}

.buttons-holder {
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-bottom: -20px;
}
.buttons-holder > * {
  flex: auto;
  width: auto;
  min-width: 190px;
  margin: 0 10px 20px;
  position: relative;
}

/*
 *  1.4. Structure
*/
.shopify-section:empty {
  display: none;
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  html.kill-overflow {
    overflow: hidden;
  }
}
body {
  position: relative;
  right: 0;
  overflow-x: hidden;
  transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1024px) {
  body {
    transition: right 250ms linear;
  }
}
body.sidebar-move {
  overflow: hidden;
  right: var(--sidebar-movement);
}
@media screen and (min-width: 1025px) {
  body.desktop--leave-padding-alone {
    padding-top: 0 !important;
  }
}
body.kill-overflow {
  overflow: hidden;
}
body.animate-out {
  opacity: 0;
  visibility: hidden;
  transition: all 200ms linear;
}

.box--small-fl-auto {
  padding-top: var(--box-auto-top);

}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .lap--box--small-fl-auto {
    min-height: var(--box-min-height) !important;
    padding-top: var(--box-auto-top);
    padding-bottom: var(--box-auto-top);
  }
  .lap--box--small-fl-auto[data-heading-with-image] {
    min-height: clamp(250px, 50vh, 500px) !important;
  }

  .box--bigger.lap--box--66 {
    min-height: 66vh;
  }

  .box--third-big.lap--box--33 {
    height: auto;
    min-height: 33vh;
  }
}
.box--third-fl {
  width: 33.333%;
  height: 50vh;
  min-height: 0;
}

.box--third-big {
  width: 33.333%;
  height: 100vh;
  min-height: 0;
}

.box--forth-big {
  width: 25%;
  height: 100vh;
  min-height: 0;
}

.box--small {
  width:100%;
  height: 50vh;
  min-height: 0;
}

.box--small-lg {
  width: 50%;
  height: 50vh;
  min-height: 0;
}

.box--small-fl {
  width: 100%;
  height: 50vh;
  min-height: 0;
}

.box--small-fl-auto {
  width: 100%;
  min-height: 50vh;
  height: auto !important;
}

.box--big {
  width: 50%;
  min-height: 100vh;
}

.box--bigger {
  width: 100%;
  min-height: 100vh;
}

@media screen and (max-width: 1024px) {
  .portable--box--small {
    width: 25%;
    height: 50vh;
    min-height: 0;
  }

  .portable--box--small-lg {
    width: 50%;
    height: 50vh;
    min-height: 0;
  }

  .portable--box--small-fl {
    width: 100%;
    height: 50vh;
    min-height: 0;
  }

  .portable--box--small-fl-auto {
    width: 100%;
    min-height: 50vh;
    height: auto !important;
  }

  .portable--box--big {
    width: 50%;
    min-height: 100vh;
  }

  .portable--box--bigger {
    width: 100%;
    min-height: 100vh;
  }
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .lap--box--small {
    width: 25%;
    height: 50vh;
    min-height: 0;
  }


  .product-grid-border-fix.fix-bottom-border {
    display: grid;
    /* grid: repeat(2, 60px) / auto-flow 80px; */
    /* height: 100vh; */
    grid-template-columns: 1fr 1fr;
}

  div#block-template--15744802554061__1276b5c9-2f45-4404-9055-b7225df10906-168014140805f655e5-1 {
    height: 100vh;
}

  
  .lap--box--small-lg {
    width: 100%;
    height: 50vh;
    min-height: 0;
  }

  .lap--box--small-fl {
    width: 100%;
    height: 50vh;
    min-height: 0;
  }

  .lap--box--small-fl-auto {
    width: 100%;
    min-height: 50vh;
    height: auto !important;
  }

  .lap--box--big {
    width: 50%;
    min-height: 50vh;
  }

  .lap--box--bigger {
    width: 100%;
    min-height: 100vh;
    min-height: 0 !important;
    height: auto !important;
    position: relative !important;
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 680px) {
  .palm--box--small {
    width: 25%;
    height: 50vh;
    min-height: 0;
  }

  .palm--box--small-lg {
    width: 50%;
    height: 50vh;
    min-height: 0;
  }

  .palm--box--small-fl {
    width: 100%;
    height: 50vh;
    min-height: 0;
  }

  .palm--box--small-fl-auto {
    width: 100%;
    min-height: 50vh;
    height: auto !important;
  }

  .palm--box--big {
    width: 50%;
    min-height: 100vh;
  }

  .palm--box--bigger {
    width: 100%;
    min-height: 60vh;
  }
}
img {
  max-width: 100%;
  height: auto;
}

.to-bottom-content {
  position: absolute;
  bottom: 60px;
  left: 20%;
}
@media screen and (max-width: 1024px) {
  .to-bottom-content {
    left: 17.5%;
  }
}
@media screen and (max-width: 480px) {
  .to-bottom-content {
    left: 12.5%;
  }
}
.site-nav .to-bottom-content {
  left: 50px !important;
}
@media screen and (max-width: 640px) {
  .site-nav .to-bottom-content {
    left: 30px !important;
  }
}

.site-overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 200ms linear;
}
.site-overlay.active {
  opacity: 1;
  visibility: visible;
}

.hidden {
  display: none;
}

.scrollable-content {
  overflow-x: scroll;
}

.onboarding-svg {
  position: absolute;
  background-color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  transform: translate3d(0, 0, 0);
}
.onboarding-svg:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.4);
  background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(235, 235, 235, 0.4));
}
.onboarding-svg svg {
  height: 100%;
  width: 100%;
  position: relative;
  height: 100%;
  z-index: 0;
}
.onboarding-svg svg path {
  fill: #000 !important;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .gallery-item .onboarding-svg {
    position: static;
  }
}

.basicLightbox {
  z-index: 9999;
  transition: left 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 400ms ease;
}
@media screen and (max-width: 1024px) {
  .basicLightbox {
    transition: left 250ms linear, opacity 400ms ease;
  }
}
body.sidebar-move .basicLightbox {
  left: calc(var(--sidebar-movement) * -1);
}

.basicLightbox--img {
  cursor: zoom-out;
}

.basic-lightbox-image {
  cursor: zoom-in;
}

toggle-tab {
  display: block;
}
toggle-tab + toggle-tab {
  border-top: 1px solid var(--main-borders);
}
.box__product-content .site-box-content toggle-tab + toggle-tab {
  margin-top: -3em;
}

.toggle__title {
  width: 100%;
  position: relative;
  padding: 15px 0;
  cursor: pointer;
  transition: all 100ms linear;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.toggle__title .symbol {
  flex-shrink: 0;
}
.toggle__title .symbol.symbol--plus {
  display: block;
}
.toggle__title .symbol.symbol--minus {
  display: none;
}
.toggle__title svg * {
  transition: all 100ms linear;
  fill: var(--main-text);
}
.toggle__title.opened {
  cursor: pointer;
  pointer-events: all;
  font-weight: var(--font-weight-body-bold);
}
.toggle__title.opened .symbol--plus {
  display: none;
}
.toggle__title.opened .symbol--minus {
  display: block;
}
.toggle__title:last-child {
  margin-bottom: 0;
}
.toggle__title + .toggle__content {
  padding-bottom: 24px;
  display: none;
}
.toggle__title + .toggle__content > *:last-child {
  margin-bottom: 0;
}

.toggle__content {
  overflow-x: auto;
}

#main {
  margin-top: -1px;
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  #main {
    overflow: hidden;
  }
}
/*
 *  1.5. Site box

  -- This is the base structure of Split. Absolutely every item (module) is based on this 
      specific structure (.site-box), with a lot of variations and available classes

*/
.site-box-container:before {
  content: "";
  clear: both;
  height: 1px;
  width: 100%;
  background: var(--main-borders);
  bottom: -1px;
  left: 0;
  z-index: 11;
  position: absolute;
  display: none;
}
.site-box-container.remove-border:before {
  visibility: hidden;
}

.site-box {
  display: flex;
  position: relative;
  float: left;
  overflow: hidden;
  z-index: 9;
}
.site-box.remove-border:before {
  visibility: hidden;
}
.site-box.remove-border:after {
  top: 0;
}
.remove-first-border .site-box:first-child:before {
  visibility: hidden;
}
.site-box:before {
  content: "";
  width: 100%;
  background: var(--main-borders);
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  z-index: 99;
}
.site-box:after {
  content: "";
  height: calc(100%);
  background: var(--main-borders);
  position: absolute;
  right: 0;
  top: 1px;
  width: 1px;
  z-index: 9;
}
.site-box.box--no-padding .site-box-content {
  width: 100%;
}
.site-box.box--small.box--no-padding .site-box-content {
  height: 100%;
}
.site-box.box--text-align-center {
  align-items: center;
  text-align: center;
}
.site-box.box--text-align-left {
  align-items: flex-start;
  text-align: left;
}
.site-box.box--center-align {
  justify-content: center;
}
.site-box.box--top-align {
  justify-content: flex-start;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .site-box.box--top-align {
    justify-content: center;
  }
}
.site-box.box--column-flow {
  flex-direction: column;
}
.site-box.box--with-scroll {
  overflow-y: scroll;
  position: relative;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.site-box.box--with-scroll::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.site-box.box--with-scroll:after {
  height: calc(100% - 1px);
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .box--can-stick .site-box:not(.box__product-gallery)[data-order="0"] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}
.site-box .site-box-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: background 200ms linear;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.site-box .site-box-background img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: opacity 150ms linear;
  transform: translate3d(0, 0, 0);
}
.fixing-scroll-now .site-box .site-box-background:not(.with-map) {
  transition: left 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1024px) {
  .fixing-scroll-now .site-box .site-box-background:not(.with-map) {
    transition: left 250ms linear;
  }
}
.fixing-scroll-now .site-box .site-box-background:not(.with-map).sidebar-move {
  left: calc(var(--sidebar-movement) * -1);
}
.site-box .site-box-background.with-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: var(--main-background);
  transition: opacity 200ms linear, background 200ms linear;
}
.site-box .site-box-background.onboarding-slide {
  background-color: #fff;
  background-size: contain;
  background-repeat: repeat;
  transform: translate3d(0, 0, 0);
}
.site-box .site-box-background.onboarding-slide:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(255, 255, 255, 0.9);
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(235, 235, 235, 0.9));
}

.site-box-container {
  width: 100%;
  position: relative;
  width: calc(100% + 1px);
  color: var(--main-text);
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .touchevents .site-box-container {
    margin-left: -1px;
  }
}
.site-box-container:not(.remove-background) {
  background: var(--main-background);
}
.site-box-container a {
  color: var(--main-text);
}
.site-box-container hr {
  background: var(--main-text);
}

.site-box-content {
  z-index: 9;
}

/*============================================
  #Heading box (present in many sections)
==================================================*/
.box__heading {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) and (orientation: landscape) {
  .mount-products .box__heading {
    height: 100vh !important;
  }
}
.box__heading.box--small .site-box-content {
  width: 100% !important;
}
.box__heading.box--small .site-box-content .title {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.box__heading.box--small .site-box-content p {
  width: 50%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.box__heading.box--bigger {
  padding-top: var(--box-auto-top);
  padding-bottom: var(--box-auto-top);
}
.box__heading.box--bigger.box--with-auto-height {
  height: auto !important;
}
.box__heading.box--bigger.box--with-auto-height[data-custom-text] {
  min-height: 70vh !important;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .box__heading.box--bigger.box--with-auto-height[data-custom-text] {
    min-height: 50vh !important;
  }
}
.box__heading.box--bigger .site-box-content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.box__heading.box--bigger .site-box-content hr {
  margin-left: auto;
  margin-right: auto;
}
.box__heading .content {
  z-index: 9;
  position: relative;
}
.box__heading.box--typo-big {
  padding-left: var(--box-big-padding);
  padding-right: var(--box-big-padding);
}
.box__heading.box--typo-big .title:not(:last-child) {
  margin-bottom: var(--text-spacing);
}
.box__heading.box--typo-big .subtitle:not(:last-child),
.box__heading.box--typo-big .tagline:not(:last-child) {
  display: block;
  margin-bottom: var(--text-spacing);
}
.box__heading .button:not(:first-child) {
  margin-top: 5px;
}
.box__heading.box--typo-small {
  text-align: center;
}
.box__heading.box--typo-small .title:not(:last-child) {
  margin-bottom: calc(var(--text-spacing) - 10px);
}
.box__heading .title:last-child {
  margin-bottom: 0;
}
.box__heading .site-box-content {
  position: relative;
}

.site-box hr {
  width: 60px;
  height: 3px;
  border: 0;
  margin: 0;
}
.site-box.box--typo-small hr, .site-box.portable--box--typo-small hr {
  width: 40px;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .site-box.box__heading {
    text-align: center;
  }
  .site-box.box__heading hr {
    margin-left: auto;
    margin-right: auto;
  }
}

/*============================================
  #Image box (present in many sections)
==================================================*/
.box--product-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(100% + 1px);
  height: 100%;
  position: relative;
}
.box--product-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: opacity 150ms linear;
  transform: translate3d(0, 0, 0);
}

/*
 *  1.6. Pages
*/
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .template-page #section-page .site-box[data-order="1"] .site-box-content {
    margin-top: 0 !important;
  }
}
.simple-grid .one-whole {
  width: 100%;
}
.simple-grid .one-half {
  width: 50%;
}
.simple-grid .one-third {
  width: 33.33%;
}
.simple-grid .one-quarter {
  width: 25%;
}

@media screen and (max-width: 1024px) {
  .simple-grid .portable--one-whole {
    width: 100%;
  }
  .simple-grid .portable--one-half {
    width: 50%;
  }
  .simple-grid .portable--one-third {
    width: 33.33%;
  }
  .simple-grid .portable--one-quarter {
    width: 25%;
  }
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .simple-grid .lap--one-whole {
    width: 100%;
  }
  .simple-grid .lap--one-half {
    width: 50%;
  }
  .simple-grid .lap--one-third {
    width: 33.33%;
  }
  .simple-grid .lap--one-quarter {
    width: 25%;
  }
}
@media screen and (max-width: 680px) {
  .simple-grid .palm--one-whole {
    width: 100%;
  }
  .simple-grid .palm--one-half {
    width: 50%;
  }
  .simple-grid .palm--one-third {
    width: 33.33%;
  }
  .simple-grid .palm--one-quarter {
    width: 25%;
  }
}
.simple-grid {
  width: calc(100% + 30px);
  margin-left: -15px;
}
.simple-grid .grid__item {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  padding: 0 15px;
  position: relative;
}
.simple-grid .grid__item:empty {
  display: none;
}
.simple-grid .regular-select-content {
  max-height: 300px !important;
}
.simple-grid .helper {
  display: inline-block;
  position: relative;
  top: 10px;
}
.simple-grid .errors {
  color: red;
}
.simple-grid .divider {
  height: 100px;
  float: left;
  width: 100%;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .simple-grid .divider {
    height: 50px;
  }
}
.simple-grid label {
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  padding-bottom: 5px;
  display: inline-block;
}
.simple-grid .grid__item:last-child {
  margin-bottom: 0;
}
.simple-grid input[type=submit]:last-child {
  margin-top: 20px;
}

.order-table {
  width: 100%;
  border: none;
}
.order-table thead, .order-table tr {
  border: none;
}
.order-table td, .order-table th {
  text-align: left;
  border: none;
  font-size: calc(13px / 16 * var(--base-body-size) + 0px);
  opacity: 0.72;
  min-height: 20px;
}
.order-table td:first-child, .order-table th:first-child {
  padding-left: 0;
}
.order-table th {
  text-transform: uppercase;
  padding-bottom: 15px;
  font-size: calc(11px / 16 * var(--base-body-size) + 0px);
  font-weight: var(--font-weight-body-bold);
  opacity: 0.72;
  max-width: 120px;
}
.order-table tbody td:first-child, .order-table tbody th:first-child {
  opacity: 1;
  font-weight: var(--font-weight-body-bold);
}
.order-table tfoot tr:first-child td, .order-table tfoot tr:first-child th, .order-table tfoot tr:last-child td, .order-table tfoot tr:last-child th {
  padding-top: 10px;
}
.order-table.o-order tfoot tr:first-child td, .order-table.o-order tfoot tr:first-child th {
  padding-top: 40px;
}
.order-table tbody tr {
  border-bottom: 1px solid var(--main-borders);
  display: block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
}
.order-table tbody tr:last-child {
  margin-bottom: 0;
}
.order-table tbody td, .order-table tbody th {
  position: relative;
  width: 100%;
  display: block;
  padding: 0 0 0 40% !important;
  text-align: right !important;
}
.order-table tbody td span.label, .order-table tbody th span.label {
  position: absolute;
  top: 7px;
  left: 0;
  width: 45%;
  white-space: nowrap;
  display: block;
  font-size: calc(11px / 16 * var(--base-body-size) + 0px);
  line-height: 1;
  font-weight: var(--font-weight-body-bold);
  text-transform: uppercase;
  text-align: left;
}
.template-customers-order .order-table tfoot .text-right {
  width: 50%;
  text-align: right;
}
.order-table.o-order tfoot {
  display: inline-table;
  width: 100%;
  margin-top: 20px;
}

.simple-block:not(:last-child) {
  margin-bottom: 50px;
}

.order-table .note {
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  font-size: calc(13px / 16 * var(--base-body-size) + 0px);
  opacity: 0.72;
}

.form-vertical {
  margin-top: 50px;
  margin-bottom: 50px;
}
.template-page-contact .form-vertical {
  margin-top: 0;
  margin-bottom: 0;
}
.template-page-contact .rte + .form-vertical {
  margin-top: 95px;
}

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

.shopify-challenge__container {
  margin: 150px auto !important;
}

#challenge #shopify-section-footer, #challenge #shopify-section-header {
  display: none !important;
}

.template-cart .cart-out small {
  display: block;
}
.template-cart .cart-actions {
  display: inline-block;
}
.template-cart .additional-checkout-buttons {
  margin-top: 5px;
  max-width: 400px;
  margin-right: 0;
  float: right;
}
.template-cart .cart-out input[type=submit].wide-button {
  min-width: 230px;
}

.css-slider {
  width: 100%;
  position: relative;
}
.css-slider.enabled {
  display: block !important;
}

.css-slider-viewport {
  width: 100%;
}

.css-slider-holder {
  display: flex;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  overflow-y: hidden;
  overflow-x: auto;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  cursor: grab;
}
.css-slider-holder::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.css-slider-holder.mouse-down {
  cursor: grabbing;
}
.css-slider-holder.dragging *, .css-slider-holder.pointer-events-off * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.css-slider-holder.mouse-fallback, .css-slider-holder.disable-snapping, .css-slider-holder.force-disable-snapping {
  scroll-behavior: unset;
  scroll-snap-type: none;
}

css-slider:not(.enabled) {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  overflow-x: auto;
  flex-direction: row;
}
css-slider:not(.enabled)::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
css-slider:not(.enabled) > * {
  flex-shrink: 0;
}

.css-slider-container {
  flex-wrap: nowrap;
  display: flex;
  position: relative;
}
.css-slider-container:after {
  content: "";
  display: flex;
  flex-shrink: 0;
  height: 1px;
  width: 1px;
}

.css-slide {
  flex-shrink: 0;
  width: 100%;
}
.css-slide--snap {
  scroll-snap-align: start;
}

.css-slider--singular {
  cursor: default;
}

.css-slider--no-drag {
  cursor: default !important;
}

.css-slider-viewport.auto-height {
  overflow: hidden;
  transition: height 200ms linear;
}
.css-slider-viewport.auto-height .css-slide {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.css-slider-navigation-container {
  z-index: 9;
  position: relative;
}

.css-slider-dot-navigation {
  left: 50%;
  bottom: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  margin-bottom: calc(var(--site-horizontal-padding) / 2);
  background: var(--main-borders);
  padding: 0 4px 0 10px;
  border-radius: 21px;
  transform: translateX(-50%);
  transition: all 150ms linear;
}
.css-slider-dot-navigation[style*=block] {
  display: flex !important;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0;
  height: 100%;
  align-items: center;
}
.css-slider-dot-navigation .css-slider-dot {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 6px;
  margin-left: 0;
  border-radius: 7px;
  transition: all 100ms linear;
  cursor: pointer;
  background-color: var(--main-text);
  position: relative;
  opacity: 0.28;
}
.css-slider-dot-navigation .css-slider-dot:hover {
  opacity: 0.36;
}
.css-slider-dot-navigation .css-slider-dot.active {
  opacity: 1;
  width: 25px;
}
.css-slider--simple-dots .css-slider-dot-navigation {
  background: transparent;
  position: relative;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 0;
}

.css-slider-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0;
  width: 40px;
  height: 40px;
  transition: all 150ms linear;
  cursor: pointer;
  border-radius: 100%;
  background: var(--main-borders);
}
.css-slider-button:hover {
  background: var(--main-borders);
}
.css-slider-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.css-slider-button.disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}

.css-slider-prev {
  left: calc(var(--site-horizontal-padding) / 2);
}

.css-slider-next {
  right: calc(var(--site-horizontal-padding) / 2);
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .css-slider-navigation-container:before {
    content: "";
    width: 100%;
    background: var(--main-borders);
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    z-index: 99;
  }
  .box__shop-the-look .css-slider-navigation-container:before, .mount-collection-slider .css-slider-navigation-container:before {
    display: none;
  }
  split-screen-slider .css-slider-navigation-container:before {
    top: -1px;
  }

  .content-slider-mobile:after {
    display: none;
    content: "css-slider";
  }

  .content-slider-mobile .css-slider-navigation-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .content-slider-mobile .css-slider-dot-navigation {
    margin-top: 0;
  }

  .content-slider-mobile:not(.enabled) {
    padding-bottom: 35px;
  }

  .content-slider-mobile .css-slide,
.content-slider-mobile:not(.enabled) > div {
    width: calc(100% - var(--box-smaller-padding));
    border-right: 1px solid var(--main-borders);
    border-bottom: 1px solid var(--main-borders);
  }
}
/*
 *  SECTION 2 - FRAMES
*/
.site-footer {
  padding-left: var(--site-horizontal-padding);
  padding-right: var(--site-horizontal-padding);
  border-bottom: 0;
  color: var(--main-text);
}
.site-footer .footer-top {
  padding-top: var(--box-auto-top);
  padding-bottom: var(--box-auto-top);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: min(100px, var(--box-auto-top));
}
.site-footer .footer-top[data-size="3"] {
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .site-footer .footer-top[data-size="3"] {
    grid-template-columns: 1fr;
  }
}
.site-footer .footer-top[data-size="4"] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1023px) {
  .site-footer .footer-top[data-size="4"] {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 640px) {
  .site-footer .footer-top {
    grid-template-columns: 1fr !important;
  }
}
.site-footer .footer-top + .footer-bottom {
  border-top: 1px solid var(--main-borders);
  padding-top: 50px;
  padding-bottom: var(--box-auto-top);
}
.site-footer .site-payment {
  max-width: 50vw;
}
.site-footer .footer-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.site-footer .footer-bottom:first-child {
  padding-top: 50px;
  padding-bottom: 50px;
}
.site-footer .footer-bottom > div {
  flex-shrink: 0;
}
.site-footer .footer-bottom > div:first-child {
  margin-right: 50px;
}
@media screen and (max-width: 726px) {
  .site-footer .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .site-footer .footer-bottom > div:first-child {
    margin-right: 0;
  }
  .site-footer .footer-bottom .footer-copyright {
    text-align: left !important;
  }
  .site-footer .footer-bottom .localization-form-holder + .footer-copyright {
    margin-top: 50px;
  }
  .site-footer .footer-bottom .site-payment {
    max-width: 100%;
  }
}
.site-footer .footer-copyright {
  text-align: right;
}
.site-footer .footer-copyright:first-child {
  text-align: left;
}
.site-footer .footer-image svg {
  background: rgba(0, 0, 0, 0.05);
}
.site-footer .footer-item .title {
  margin-bottom: 1.5em;
}
.site-footer .footer-content p:last-child {
  margin-bottom: 0;
}
.site-footer .footer-menu > span {
  line-height: 1;
  display: block;
  min-height: 16px;
}
.site-footer .footer-menu > span:not(:last-child) {
  margin-bottom: 1.25em;
}
.site-footer .site-social {
  flex-direction: column;
  margin-bottom: 0;
}
.site-footer .site-social a {
  display: flex;
  width: auto;
  height: auto;
  margin: 0;
  line-height: 1;
  align-items: center;
}
.site-footer .site-social a:not(:last-child) {
  margin-bottom: 1.25em;
}
.site-footer .site-social .icon {
  width: 16px;
  height: 16px;
  margin: 0 1em 0 0;
}
.site-footer .site-social .icon svg {
  width: 100% !important;
  height: 100% !important;
}
.site-footer .site-social .icon svg * {
  fill: var(--main-text);
}
.site-footer .site-social .text {
  background-position: 0 calc(1em + 2px);
}

.site-copyright {
  display: block;
  margin-top: 10px;
}

/*
 *  2.0. Header
*/
.site-header {
  right: 0;
  padding: var(--header-padding) var(--site-horizontal-padding);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: var(--header-background);
  color: var(--header-text);
  height: var(--header-size);
  z-index: 9999;
  transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  top: 0;
  position: fixed;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--header-borders);
  /* =========== MINIMAL Menu ==================*/
}
.site-header.desktop-view--classic {
  z-index: 9999;
  top: 0 !important;
}
body.opened-submenu .site-header {
  z-index: 9999;
}
@media screen and (max-width: 1024px) {
  .site-header {
    transition: right 250ms linear;
  }
}
body.sidebar-move .site-header {
  right: var(--sidebar-movement);
}
.site-header .logo {
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  font-size: calc(20px / 16 * var(--base-body-size) + 0px);
  margin: 0;
}
.site-header .logo img {
  vertical-align: middle;
  object-fit: contain;
  object-position: left;
  height: 100%;
}
.site-header a {
  display: inline-block;
  color: var(--header-text);
}
.site-header.header-scroll {
  position: absolute !important;
}
.site-header.header-scroll:not(.fix) {
  right: 0 !important;
}
.site-header.fix {
  position: fixed !important;
  transform: translateY(-100%);
  margin-top: 0 !important;
}
.site-header.fix.ready {
  transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 100ms linear;
}
.site-header.fix.animate {
  transform: translateY(0);
}
.site-header .site-meta {
  margin: 0 -15px 0 70px;
}
.site-header .site-meta .item {
  margin-right: 10px;
}
.site-header .site-nav-container {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.site-header .site-nav-container > * {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .site-header .site-nav-container {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .site-header.desktop-view--minimal {
    top: 0 !important;
    position: fixed;
    top: 0 !important;
  }
  .sidebar-move .site-header.desktop-view--minimal.header-scroll.fix {
    right: var(--sidebar-movement);
  }
  .site-header.desktop-view--minimal #site-menu-handle {
    display: flex;
  }
  .site-header.desktop-view--minimal .site-nav-container {
    display: none;
  }
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  body.sidebar-move {
    overflow: hidden;
  }
}
.site-nav.style--sidebar .has-babymenu > a.active {
  opacity: 1 !important;
}

.site-nav.style--sidebar .babymenu li > a.active {
  opacity: 1 !important;
  color: var(--header-text) !important;
}

.switch-menus .site-nav.style--classic .site-nav-container {
  display: none !important;
}
.switch-menus #site-menu-handle {
  display: flex !important;
}

.site-burger-handle {
  margin-left: 15px !important;
}

.site-cart-handle {
  margin-left: 10px !important;
}

.site-search-handle {
  margin-left: 5px !important;
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .site-burger-handle {
    margin-left: 10px !important;
  }

  .site-cart-handle {
    margin-left: 5px !important;
  }

  .site-search-handle {
    margin-left: 0 !important;
  }
}
.site-menu-handle {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0;
  overflow: visible;
  transition: opacity 150ms linear;
  justify-content: center;
  align-items: center;
  display: flex;
  cursor: pointer;
}
.site-menu-handle svg {
  transition: transform 150ms linear;
}
body.sidebar-move .site-menu-handle {
  opacity: 0.08;
  pointer-events: none;
}

.no-touchevents #site-filter-handle rect {
  transition: transform 150ms linear;
  transform: translateY(0);
}
.no-touchevents #site-filter-handle:hover rect:nth-child(4) {
  transform: translateY(-10px);
}
.no-touchevents #site-filter-handle:hover rect:nth-child(5) {
  transform: translateY(5px);
}
.no-touchevents #site-filter-handle:hover rect:nth-child(6) {
  transform: translateY(8px);
}
.no-touchevents #site-search-handle circle {
  transition: transform 150ms linear;
  transform: scale(1);
}
.no-touchevents #site-search-handle rect {
  transition: opacity 80ms linear;
}
.no-touchevents #site-search-handle:hover circle {
  transform: scale(1.15);
}
.no-touchevents #site-search-handle:hover rect {
  opacity: 0;
}
.no-touchevents #site-cart-handle:hover .cart-menu .count {
  animation-name: scroll-in;
  animation-duration: 200ms;
}
.no-touchevents #site-menu-handle path {
  transition: transform 200ms linear;
}
.no-touchevents #site-menu-handle:hover path {
  transform: scaleX(2);
}

@keyframes scroll-in {
  0% {
    top: 0;
  }
  49% {
    top: -10px;
  }
  50% {
    top: 15px;
  }
  100% {
    top: 0;
  }
}
.site-close-handle {
  position: absolute;
  top: clamp(10px, calc(var(--header-size) / 2 - var(--header-padding)), 28px);
  right: var(--sidebar-padding);
  width: 35px;
  margin-right: -5px;
  height: 35px;
  z-index: 999;
  transition: transform 150ms linear;
}
.no-touchevents .site-close-handle:hover svg {
  transform: scale(1.05);
}

.icon-go {
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  top: 1px;
  width: 42px;
  height: 20px;
  transition: all 150ms linear;
}
.icon-go svg {
  margin-left: -25px;
  margin-top: 5px;
  display: block;
  transition: all 150ms linear;
}
.icon-go svg * {
  fill: var(--header-text);
}
.icon-go:hover svg, .icon-go.hover svg {
  margin-left: 0;
}
.icon-go.go-next {
  text-align: right;
  right: -38px;
}
.icon-go.go-prev {
  text-align: left;
  left: -38px;
  transform: rotate(180deg);
}
.icon-go.go-down {
  transform: rotate(90deg);
  top: 100%;
  left: 50%;
  right: auto;
  margin-left: -20px;
  margin-top: 5px;
  z-index: 999;
  opacity: 0.72;
}
.icon-go.go-down svg {
  margin-left: -35px;
}

.site-nav li.has-submenu a.hover .icon-go svg, .site-nav li.has-submenu a:hover .icon-go svg {
  margin-left: 0;
}

.site-nav li.has-submenu.active > a > .icon-go polygon, .site-nav li.has-babymenu.active > a > .icon-go polygon {
  transform: rotate(180deg) translateX(-86%);
  transform-origin: center;
}

.site-nav li.has-submenu:hover .icon-go.go-down, .site-nav li.has-submenu.hover .icon-go.go-down {
  margin-top: 15px;
}

/*============================================
  #Filters [sidebar]
==================================================*/
#site-filters .option {
  margin-bottom: 50px;
}
#site-filters .option, #site-filters .option-children {
  position: relative;
}
#site-filters .option label {
  opacity: 0.92;
  font-weight: var(--font-weight-body-bold);
  margin-bottom: 25px;
  display: block;
}
#site-filters .option-children:not(:first-child) {
  margin-top: 30px;
}

.filter-menu {
  display: block;
  height: 18px;
}
.filter-menu svg * {
  fill: var(--header-text);
}

/*============================================
  #Search [sidebar]
==================================================*/
#site-search .top {
  flex: 0;
  padding: 50px 0 0 0;
}

.search-menu circle {
  stroke: var(--header-text);
}
.search-menu rect {
  fill: var(--header-text);
}

.site-search-handle a {
  height: 21px;
  display: block;
}

#site-search .preloader span {
  width: 3px;
  height: 3px;
  margin: 0 1px;
}
#site-search .preloader p {
  opacity: 0.62;
  float: left;
  margin-top: -13px;
  margin-right: 5px;
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
}

#site-search .search-results.false-predictive .search-item--product:nth-of-type(n+5) {
  display: none;
}

/*============================================
  #Cart [sidebar]
==================================================*/
.site-cart-handle a {
  display: block;
  height: 26px;
}

.cart-continue {
  display: none;
}
.cart-continue .button {
  width: 100%;
  text-align: center;
}

#site-cart .cart-holder[data-items="0"] {
  display: none;
}
#site-cart .cart-holder[data-items="0"] + .cart-continue {
  display: block;
}

.hamburger-menu svg path {
  fill: var(--header-text);
}

.cart-menu {
  position: relative;
  display: block;
}
.cart-menu svg {
  overflow: visible;
}
.cart-menu svg path {
  stroke: var(--header-text);
}
.cart-menu .count-holder {
  position: absolute;
  left: 0;
  top: 6px;
  width: 100%;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  color: var(--header-text);
  height: 20px;
  overflow: hidden;
}
.cart-menu .count {
  transition: top 150ms linear;
  position: relative;
  top: 0;
  animation-duration: 300ms;
  font-size: 10px;
}

/*============================================
  Some responsiveness
=================================================*/
@media screen and (max-width: 1024px) {
  .site-header {
    top: 0 !important;
  }

  .site-header.fix.ready {
    transition: right 250ms linear, transform 100ms linear;
  }
}
.skip-to-content:focus {
  clip-path: none;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: var(--header-text);
  background-color: var(--main-background);
  position: fixed;
  padding: 10px;
  opacity: 1;
  z-index: 10000;
  transition: none;
  top: 0;
  left: 0;
}

.breadcrumb {
  height: 60px;
  padding: 0 var(--site-horizontal-padding);
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--main-borders);
  background-color: var(--main-background);
  z-index: 10;
  position: relative;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  flex-wrap: nowrap;
  overflow-x: scroll;
}
.breadcrumb::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.breadcrumb > * {
  flex-shrink: 0;
}
.breadcrumb__link a {
  opacity: var(--alternate-opacity);
}
.breadcrumb__link:hover a {
  opacity: 1;
}
.breadcrumb__separator {
  opacity: 0.36;
  margin: 0 12px;
}
.breadcrumb__current {
  opacity: var(--alternate-opacity);
  font-weight: var(--font-weight-body-bold);
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .breadcrumb {
    height: 50px;
  }
}
@media screen and (max-width: 480px) {
  .breadcrumb {
    height: 40px;
  }
}

.box__banner.style--bar .announcement__exit {
  position: absolute;
  right: 0;
  top: -1px;
  height: 34px;
  z-index: 9;
  cursor: pointer;
}
.box__banner.style--bar .content {
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.box__banner.style--bar .content.with-dismiss {
  padding-right: 30px;
}

.box__newsletter .site-box-content {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .box__newsletter .site-box-content {
    width: 80%;
  }
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .box__newsletter .site-box-content {
    width: 100%;
    padding: 0 var(--site-horizontal-padding);
  }
}
.box__newsletter .newsletter-title {
  margin-bottom: 1.5em;
}
.box__newsletter .newsletter-form,
.box__newsletter .newsletter-text {
  margin-bottom: 2.5em;
}
.box__newsletter .content > *:last-child {
  margin-bottom: 0;
}

.newsletter-form .input-group {
  display: flex;
  width: 100%;
  justify-content: stretch;
}
.newsletter-form .input-group input[type=email], .newsletter-form .input-group input[type=search] {
  flex-grow: 1;
  border-top-left-radius: var(--buttons-radius);
  border-bottom-left-radius: var(--buttons-radius);
}
.newsletter-form .input-group button[type=submit] {
  flex-shrink: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-top: 1px;
  margin-left: -1px;
}
@media screen and (max-width: 480px) {
  .newsletter-form .input-group {
    flex-direction: column;
  }
  .newsletter-form .input-group input, .newsletter-form .input-group button {
    border-radius: var(--buttons-radius) !important;
  }
  .newsletter-form .input-group button {
    margin-top: 1em !important;
  }
}

modal-box.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 250ms linear;
  padding: 20px;
}
modal-box.popup.active {
  opacity: 1;
  visibility: visible;
}

.popup-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.popup-content {
  align-items: center;
  display: flex;
  position: relative;
  max-width: 960px;
  max-height: 600px;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  background: var(--main-background);
  color: var(--main-text);
  transform: translateY(50px);
  opacity: 0;
  transition: all 300ms linear 50ms;
  z-index: 9;
  overflow: hidden;
}
.popup-content .site-close-handle {
  top: 40px;
  right: 40px;
  margin-top: -20px;
  margin-right: -20px;
}
.popup-content .site-close-handle * {
  fill: var(--main-text);
}
modal-box.popup.active .popup-content {
  opacity: 1;
  transform: translateY(0);
}
.popup-content[data-no-content], .popup-content[data-no-image] {
  max-width: 480px;
}

.popup-image {
  padding-top: 62.5%;
  max-width: 480px;
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
[data-no-content] .popup-image {
  width: 100%;
  padding-top: 125%;
}
.popup-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.no-touchevents a[href].popup-image img {
  transition: transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.no-touchevents a[href].popup-image:hover img {
  transform: scale(1.05);
}

.popup-text {
  max-width: 480px;
  width: 50%;
  padding: 40px;
}
[data-no-image] .popup-text {
  width: 100%;
}
.popup-text:empty {
  display: none !important;
}

.popup-content .footer-content {
  margin-top: 35px;
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  modal-box.popup {
    align-items: flex-end;
    justify-content: flex-end;
  }

  .popup-text {
    padding: 25px;
  }
}
@media screen and (max-width: 820px) {
  modal-box.popup .popup-content:not([data-no-image]) .newsletter-form .input-group {
    flex-direction: column;
  }
  modal-box.popup .popup-content:not([data-no-image]) .newsletter-form .input-group input, modal-box.popup .popup-content:not([data-no-image]) .newsletter-form .input-group button {
    border-radius: var(--buttons-radius) !important;
  }
  modal-box.popup .popup-content:not([data-no-image]) .newsletter-form .input-group button {
    margin-top: 1em !important;
  }
}
@media screen and (max-width: 700px) {
  modal-box.popup .popup-content:not([data-show-image-on-mobile]) .popup-image {
    display: none;
  }
  modal-box.popup .popup-content:not([data-show-image-on-mobile]) .popup-text {
    max-width: none;
    width: 100%;
  }

  modal-box.popup .popup-content[data-show-image-on-mobile] {
    flex-direction: column;
    max-height: none;
  }
  modal-box.popup .popup-content[data-show-image-on-mobile] .popup-image, modal-box.popup .popup-content[data-show-image-on-mobile] .popup-text {
    width: 100%;
    max-width: none;
  }
}
.text-columns-with-icons {
  margin-bottom: 0;
  padding: 20vh 0;
  text-align: center;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .text-columns-with-icons {
    padding: 12vh 0;
  }
}

#section-text-columns-with-icons,
#section-footer,
.mount-split-screen-slider {
  position: relative;
}
#section-text-columns-with-icons:before,
#section-footer:before,
.mount-split-screen-slider:before {
  content: "";
  display: block !important;
  width: 100%;
  background: var(--main-borders);
  position: absolute;
  left: 0;
  top: -1px;
  height: 1px;
  z-index: 999;
}
.mount-products + .shopify-section:not(:empty) #section-text-columns-with-icons:before,
.mount-products + .shopify-section:not(:empty) #section-footer:before,
.mount-products + .shopify-section:not(:empty) .mount-split-screen-slider:before {
  visibility: hidden;
}

#shopify-section-text-columns-with-icons:not(:empty) ~ .shopify-section > .site-box-container:before,
#shopify-section-newsletter:not(:empty) ~ .shopify-section > .site-box-container:before {
  visibility: visible;
}

.text-w-icon {
  display: flex;
  flex-wrap: wrap;
  padding-left: 5%;
  padding-right: 5%;
  margin: 0 !important;
}
.text-w-icon[data-size="1"] .text-w-icon__container {
  width: 100%;
}
.text-w-icon[data-size="2"] .text-w-icon__container {
  width: 50%;
}
@media screen and (max-width: 480px) {
  .text-w-icon[data-size="2"] .text-w-icon__container {
    width: 100%;
    margin-bottom: 80px;
  }
}
.text-w-icon[data-size="3"] .text-w-icon__container {
  width: 33.33%;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .text-w-icon[data-size="3"] .text-w-icon__container {
    width: 100%;
    margin-bottom: 80px;
  }
}
.text-w-icon .text-w-icon__container:last-child {
  margin-bottom: 0 !important;
}
.text-w-icon svg g {
  stroke-width: 2px;
}

.text-w-icon__container {
  padding: 0 5%;
}

.text-w-icon__icon {
  margin-bottom: 1.8em;
}
.text-w-icon__icon svg * {
  fill: none !important;
  stroke: var(--main-text);
}

.text-w-icon__rte p:last-child {
  margin-bottom: 0;
}

.text-w-icon__rte + .button {
  margin-top: 32px;
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .text-w-icon__container {
    padding: 0 25px;
  }

  .text-w-icon:first-child {
    padding-left: 0;
  }

  .text-w-icon:last-child {
    padding-right: 0;
  }
}
/*
 *  SECTION 3 - PAGES
*/
.post-navigation {
  font-weight: var(--font-weight-body-bold);
  margin-top: 45px;
}
.post-navigation .left svg {
  transform: rotate(180deg);
  margin-right: 10px;
}
.post-navigation .right svg {
  margin-left: 10px;
}
.post-navigation .left + .right {
  margin-left: 65px;
  display: inline-block;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .post-navigation .left + .right {
    margin-left: 25px;
  }
}
.post-navigation svg * {
  fill: var(--main-text);
}

#comments.comments {
  margin-top: 100px;
}
#comments.comments .comment:first-child {
  padding-top: 25px;
}
#comments.comments .comment:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--main-borders);
}
#comments.comments .comments-list {
  list-style: none;
}
#comments.comments .form-vertical {
  margin-top: 100px;
}

.template-article .tags .tag:not(:last-child):after {
  content: ", ";
}

.article-meta {
  margin-left: -15px;
}
.article-meta > span {
  display: inline-block;
  margin: 0 15px;
}

.article-right-side-title {
  margin-bottom: 3em;
}
.article-right-side-title .subtitle {
  margin-top: -1em;
}
@media screen and (min-width: 1367px) {
  .article-right-side-title .title {
    font-size: calc(40px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1367px) {
  .article-right-side-title .title {
    font-size: calc(36px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .article-right-side-title .title {
    font-size: calc(32px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (max-width: 768px) {
  .article-right-side-title .title {
    font-size: calc(32px / 60 * var(--base-headings-size) + 0px);
  }
}

.template-blog .box__heading .subtitle {
  margin: -5px 0 -5px -5px;
}
.template-blog .box__heading .subtitle a {
  margin: 5px;
}

#section-cart .site-cart-heading {
  display: none;
}
#section-cart .cart-actions > a {
  display: none;
}
#section-cart #AjaxCartForm {
  margin-bottom: 50px;
  display: block;
}
#section-cart div[data-cart-empty] {
  display: none;
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .per-4 .box__collection {
    border-right: none;
  }
  .per-4 .box__collection .site-box-content {
    width: calc(100% + 1px);
  }
  .per-4 .box__collection .site-box-content:after {
    content: "";
    display: table;
    clear: both;
  }
  .per-4 .box__collection .product-item {
    float: left;
  }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
  .box__collection {
    height: 100vh !important;
  }
}
.box__collection.box--big .product-item {
  height: 100vh;
}
.box__collection.box--typo-small .product-item .caption {
  padding: 20px 54px 20px 24px;
  height: 90px;
}
@media screen and (max-width: 480px) {
  .box__collection.box--typo-small .product-item .caption {
    padding-left: 16px;
  }
}
.quick-buy-disabled .box__collection.box--typo-small .product-item .caption {
  padding-right: 20px;
}

.product-grid-border-fix .site-box:before,
.product-grid-border-fix .site-box:after {
  display: none;
}
.product-grid-border-fix:not(.fix-borders-rest):before, .product-grid-border-fix:not(.fix-borders-rest):after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
}
.product-grid-border-fix:not(.fix-borders-rest):before {
  background: var(--main-background);
  z-index: 88;
}
.product-grid-border-fix:not(.fix-borders-rest):after {
  background: var(--main-borders);
  z-index: 99;
}
#section-related-products .product-grid-border-fix[data-count="0"] .site-box:nth-last-child(-n+2) {
  border-bottom: 0;
}
#section-related-products .product-grid-border-fix[data-count="3"] .site-box:nth-last-child(-n+1) {
  border-bottom: 0;
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .product-grid-border-fix.fix-bottom-border:not(.fix-borders-not)[data-count="1"] .site-box:nth-last-child(-n+1) {
    margin-bottom: -1px;
  }
  .product-grid-border-fix.fix-bottom-border:not(.fix-borders-not)[data-count="2"] .site-box:nth-last-child(-n+2) {
    margin-bottom: -1px;
  }
  .product-grid-border-fix.fix-bottom-border:not(.fix-borders-not)[data-count="3"] .site-box:nth-last-child(-n+3) {
    margin-bottom: -1px;
  }
  .product-grid-border-fix.fix-bottom-border:not(.fix-borders-not)[data-count="0"] .site-box:nth-last-child(-n+4) {
    margin-bottom: -1px;
  }
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .product-grid-border-fix[data-count="1"] .site-box:nth-last-child(-n+1), .product-grid-border-fix[data-count="3"] .site-box:nth-last-child(-n+1) {
    margin-bottom: -1px;
  }
  .product-grid-border-fix[data-count="2"] .site-box:nth-last-child(-n+2), .product-grid-border-fix[data-count="0"] .site-box:nth-last-child(-n+2) {
    margin-bottom: -1px;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .product-grid-border-fix.fix-borders-split .site-box {
    border-left: 0;
  }
  .product-grid-border-fix.fix-borders-split .site-box:nth-child(-n+2) {
    border-top: 1px solid var(--main-borders);
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .product-grid-border-fix:not(.fix-borders-split):not(.fix-borders-top-not) .site-box:nth-child(-n+4) {
    border-top: 1px solid var(--main-borders);
  }
}
.product-grid-border-fix .site-box {
  border-bottom: 1px solid var(--main-borders);
  border-right: 1px solid var(--main-borders);
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .product-grid-border-fix .site-box:nth-child(-n+2) {
    border-top: 1px solid var(--main-borders);
  }
}

.product-grid-split-border .box__heading {
  border-right: 0;
  border-bottom: 0 !important;
}

@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .template-collection .box--with-scroll {
    border-bottom: 1px solid var(--main-borders);
    height: calc(var(--window-height) - 1px);
    display: block;
  }
  .template-collection .box--with-scroll:after {
    display: none;
  }
  .template-collection .box--with-scroll .site-box-content {
    padding-top: var(--box-auto-top);
    padding-bottom: var(--box-auto-top);
  }
  .template-collection .box--with-scroll .reduce-top-margin {
    position: relative;
  }
  .template-collection .box--with-scroll .reduce-top-margin:after {
    content: "";
    height: 100%;
    min-height: calc(100vh - 2px);
    position: absolute;
    right: calc(var(--box-big-padding) * -1);
    top: 1px;
    width: 1px;
    background: var(--main-borders);
    z-index: 9;
  }

  .fix-pagination-border ~ .pagination:before, .fix-pagination-border ~ .pagination:after {
    top: 0;
  }
}
/*!
 *  4.4. Gift card
*/
.template-gift-card {
  height: 100vh;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.gift-card {
  width: 100%;
  max-width: 620px;
}

.gift-card-title {
  font-size: 22px;
}

.gift-card-value {
  font-size: 32px;
}

.gift-card-logo {
  display: inline-block;
  margin-bottom: 20px;
}

.gift-card-content {
  border: 1px solid var(--main-borders);
  padding: 50px;
  position: relative;
}

.gift-card__icon {
  position: absolute;
  width: 64px;
  height: 64px;
  top: -55px;
  right: 20px;
  background: var(--main-background);
}

.gift-card__code {
  margin-top: 20px;
}

.gift-card-qr {
  display: block;
  background: #fff;
  margin: 0;
  margin-top: 20px;
}
.gift-card-qr #QrCode {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  width: 142px;
}

.add-to-apple-wallet {
  height: 55px;
  vertical-align: bottom;
}

@media screen and (max-width: 480px) {
  .gift-card-content {
    padding: 25px;
  }

  .gift-card__actions a {
    width: 100%;
  }
  .gift-card__actions a:first-child {
    margin-bottom: 10px;
  }
}
.js-toggle-login-modal svg {
  position: relative;
  top: 3px;
  margin-left: 3px;
}
.js-toggle-login-modal svg * {
  stroke: var(--main-text);
}

.password-input-group {
  max-width: 425px;
  margin: 70px auto 35px;
}
.password-input-group > input {
  width: 100%;
  margin-bottom: 0;
}
.password-input-group .button {
  margin-top: 20px;
}

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

.password-footer {
  text-align: center;
  padding-bottom: 40px;
  opacity: 0.36;
  margin-top: 24px;
}

.template-password .basicLightbox__placeholder {
  opacity: 1;
  padding: 40px;
  background: var(--main-background);
}
.template-password .basicLightboxCloseWithIcon {
  right: 15px;
  top: 15px;
}
.template-password .cart-functions, .template-password .quick-add-to-cart {
  display: none !important;
}

.password-form-heading a {
  border-bottom: 1px solid;
}

/*
 *  4.0. Product
*/
.box__product-gallery {
  position: sticky;
  border-color: transparent !important;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .box__product-gallery[data-style=scroll] css-slider:after {
    content: "css-slider";
    display: none;
  }
}
.box__product-gallery[data-style=slider] .css-slider-dot-navigation {
  height: auto;
  bottom: 20px;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .box__product-gallery {
    border-bottom: 1px solid var(--main-borders) !important;
  }
  .box__product-gallery .css-slider-navigation-container {
    position: relative;
    width: 100%;
    height: 58px;
  }
  .box__product-gallery .css-slider-button {
    background: transparent;
  }
  .box__product-gallery .css-slider-dot-navigation {
    background: transparent;
    padding-bottom: 6px;
  }
  .box__product-gallery .css-slider-prev {
    left: var(--site-horizontal-padding);
    margin-left: -10px;
  }
  .box__product-gallery .css-slider-next {
    right: var(--site-horizontal-padding);
    margin-right: -10px;
  }
  .box__product-gallery .product-gallery__thumbnails.product-gallery__thumbnails--dots {
    display: none !important;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .box__product-gallery {
    border-bottom: 0 !important;
  }
  .box__product-gallery .css-slider-viewport {
    height: 100% !important;
  }
  .box__product-gallery .css-slide {
    padding-top: 0 !important;
  }
  .box__product-gallery[data-images="1"] {
    min-height: 100vh !important;
    position: sticky;
    top: 0 !important;
  }
  .box__product-gallery[data-images="1"] .product-gallery__thumbnails {
    display: none;
  }
  .box__product-gallery[data-images="1"] css-slider.enabled .css-slider-holder {
    cursor: default;
  }
}
.box__product-gallery.remove-navigation .css-slider-navigation-container,
.box__product-gallery.remove-navigation .product-gallery__thumbnails-thumbnails {
  display: none;
}
.box__product-gallery[data-images="1"] .css-slider-navigation-container {
  display: none;
}

.box__product-content {
  padding: 0 var(--box-smaller-padding);
}
.box__product-content .site-box-content {
  padding: var(--box-auto-top) 0;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .box__product-content .site-box-content {
    padding: 30px 0;
  }
}
.box__product-content .site-box-content > div > * > *:last-child {
  margin-bottom: 0;
}
.box__product-content .site-box-content > div > *:not(:last-child):not(product-variants) {
  margin-bottom: 3em;
  display: block;
}
.box__product-content .site-box-content > div > product-variants > .product-variants:last-of-type {
  margin-bottom: 2em;
}
.box__product-content .variant-quantity {
  opacity: var(--alternate-opacity);
  margin: 2em 0 2em;
  display: none;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .box__product-content .variant-quantity {
    margin-top: 0;
  }
}
.box__product-content .variant-quantity:not(:empty) {
  display: block;
}

product-variants[data-has-variants] .variant-quantity {
  margin-top: -1em;
}

product-variants[data-style=select][data-has-variants] {
  margin-bottom: -20px;
  display: block;
}

.product-header {
  display: block;
  position: relative;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .product-header {
    display: contents;
  }
}
.product-header .product-vendor {
  display: block;
  margin-bottom: 2em;
}
.product-header .product-vendor a {
  border-bottom: 1px solid;
}
.product-header .product-title {
  margin-bottom: 0.65em;
}
.product-header .product-badge {
  top: 0 !important;
  right: 0 !important;
}
.product-header .product-meta {
  opacity: var(--alternate-opacity);
  margin-top: 1em;
}
.product-header .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-header .price > div {
  display: flex;
  align-items: center;
}
.product-header .price .product-price {
  font-weight: var(--font-weight-body-bold);
}
.product-header .price .compare-price {
  margin-left: 12px;
  opacity: var(--alternate-opacity);
  text-decoration: line-through;
}
.product-header .price .unit-price {
  margin-left: 12px;
}
.product-header .price .review .rating-icon {
  position: relative;
  top: 2px;
  margin-left: 10px;
}

.product-header.product-header--mobile {
  display: none;
  border-top: 1px solid var(--main-borders);
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .product-header.product-header--mobile {
    display: block;
    padding: var(--box-small-padding) var(--site-horizontal-padding);
  }
  .product-header.product-header--mobile .product-badge {
    top: var(--box-small-padding) !important;
    right: var(--site-horizontal-padding) !important;
  }
  .product-header.product-header--mobile .product-vendor {
    margin-bottom: 1em;
  }
  .product-header.product-header--mobile .product-title {
    margin-bottom: 0.5em;
  }
}
#main .shopify-section:first-child .product-header.product-header--mobile {
  margin-top: -1px;
}

.product-gallery-item {
  position: relative;
}
.product-gallery-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .box__product-gallery[data-fit=true] .product-gallery-item img {
    object-fit: contain;
  }
  .box__product-gallery[data-fit=false] .product-gallery-item img {
    object-fit: cover;
  }
}
.product-gallery-item:focus {
  outline: none;
}

shopify-payment-terms {
  font-size: 90%;
  margin-top: 18px;
  padding: 0 10px;
}

.disabled-cart .shopify-payment-button {
  display: none;
}

.shopify-payment-button,
.shopify-payment-button * {
  border-radius: var(--buttons-radius) !important;
}

.shopify-payment-button__button {
  height: var(--button-size);
}
.shopify-payment-button__button--unbranded {
  background-color: var(--main-text) !important;
  color: var(--main-text-foreground) !important;
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  font-size: calc(13px / 16 * var(--base-body-size) + 0px) !important;
  font-weight: var(--font-weight-body-bold) !important;
  text-transform: uppercase;
  transition: all 150ms linear;
}
.no-touchevents .shopify-payment-button__button--unbranded:hover {
  background-color: var(--main-text-hover) !important;
}

.shopify-payment-button__more-options {
  line-height: 1;
  text-transform: uppercase;
  font-size: calc(10px / 16 * var(--base-body-size) + 0px) !important;
  position: absolute;
  margin-top: 10px !important;
}

.product__add-to-cart.working {
  pointer-events: none;
  transition: none !important;
}
.product__add-to-cart.working .add-to-cart__text {
  visibility: hidden;
}
.product__add-to-cart.working .add-to-cart__preloader {
  display: block;
}
.product__add-to-cart.button--solid .add-to-cart__preloader {
  color: var(--main-text-foreground);
}
.product__add-to-cart.button--solid .add-to-cart__preloader:before, .product__add-to-cart.button--solid .add-to-cart__preloader:after {
  background: var(--main-text);
}

@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  product-page {
    position: relative;
    /*&:before {
      content: "";
      position: sticky;
      height: 100vh;
      width: 1px;
      margin-right: -1px;
      top: 0;
      transform: translateX(50vw);
      background: var(--main-borders);
      float: left;
      z-index: 99;
    }*/
  }

  .site-box.box__product-content {
    position: -webkit-sticky;
    position: sticky;
    top: var(--header-size);
    border-bottom: 0;
    min-height: 100vh !important;
  }

  .box__product-gallery[data-style=slider] {
    height: 100vh;
    position: sticky;
    top: 0;
  }
  .box__product-gallery[data-style=slider] css-slider, .box__product-gallery[data-style=slider] .css-slide, .box__product-gallery[data-style=slider] .css-slider-holder, .box__product-gallery[data-style=slider] .css-slider-container {
    height: 100%;
  }
  .box__product-gallery[data-style=slider] .css-slider-navigation-container,
.box__product-gallery[data-style=slider] .product-gallery__thumbnails-thumbnails {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 9;
    pointer-events: none;
  }
  .box__product-gallery[data-style=slider] .css-slider-navigation-container > *,
.box__product-gallery[data-style=slider] .product-gallery__thumbnails-thumbnails > * {
    pointer-events: all;
  }
  .box__product-gallery[data-style=slider] .product-gallery__thumbnails-thumbnails {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
  }
  .box__product-gallery[data-style=slider] .product-gallery__thumbnails-thumbnails .thumbnails-holder {
    height: auto;
  }
  #main .mount-product-page:first-child .box__product-gallery[data-style=slider].nav-scroll .css-slider-navigation-container,
#main .mount-product-page:first-child .box__product-gallery[data-style=slider].nav-scroll .product-gallery__thumbnails-thumbnails {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 50vw;
    height: var(--window-height);
    transition: left 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  /*#main .mount-product-page:not(:first-child) {
    .box__product-gallery[data-style=scroll] .product-gallery__thumbnails {
      &:not(.scroll) {
        margin-left: calc(var(--site-horizontal-padding) - 5px);
      }
    }
  }*/
}
@media screen and (min-width: 1025px) and (max-width: 1024px), screen and (min-width: 769px) and (orientation: landscape) and (max-width: 1024px) {
  #main .mount-product-page:first-child .box__product-gallery[data-style=slider].nav-scroll .css-slider-navigation-container,
#main .mount-product-page:first-child .box__product-gallery[data-style=slider].nav-scroll .product-gallery__thumbnails-thumbnails {
    transition: left 250ms linear;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  body.sidebar-move #main .mount-product-page:first-child .box__product-gallery[data-style=slider].nav-scroll .css-slider-navigation-container,
body.sidebar-move #main .mount-product-page:first-child .box__product-gallery[data-style=slider].nav-scroll .product-gallery__thumbnails-thumbnails {
    left: calc(var(--sidebar-movement) * -1);
  }
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .site-box.box__product-content,
.site-box.box__product-gallery {
    top: auto !important;
  }

  .product-header-element {
    display: flex;
  }

  .site-box.box__product-content:before {
    display: none;
  }
}
/* Product Thumbnails */
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails {
  width: 100%;
  bottom: 0;
  height: 100px;
  padding: 18px 18px 0;
  z-index: 9;
  position: absolute;
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnails-holder {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  height: 90%;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnails-holder::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnails {
  margin: 0 auto;
  list-style: none;
  display: flex;
  pointer-events: all;
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail {
  width: 60px !important;
  height: 60px;
  flex-shrink: 0;
  transition: all 100ms linear;
  position: relative;
  scroll-snap-align: start;
  cursor: pointer;
  border: 1px solid var(--main-borders);
}
.no-touchevents .product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail:hover, .product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail:focus-visible {
  border-color: var(--main-borders);
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail.active {
  border-color: var(--main-text) !important;
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail:not(:last-child) {
  margin-right: 9px;
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail__badge {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
  opacity: 1;
  transition: opacity 50ms linear;
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail__badge svg {
  width: 100%;
  height: 100%;
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail__badge svg * {
  fill: none;
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail__badge svg .bg {
  fill: var(--main-background);
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail__badge svg .path {
  fill: var(--main-text);
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail__badge svg .stroke {
  stroke: var(--main-text);
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .product-gallery__thumbnails.product-gallery__thumbnails-thumbnails {
    position: relative;
    height: 60px !important;
    padding: 0 var(--site-horizontal-padding);
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnails-holder {
    height: auto;
  }
  .product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnails {
    height: 60px;
  }
  .product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail {
    margin-top: 10px;
    width: 40px !important;
    height: 40px !important;
  }
}

.product-gallery__thumbnails.product-gallery__thumbnails--dots {
  width: auto !important;
  z-index: 9;
}
.product-gallery__thumbnails.product-gallery__thumbnails--dots .thumbnails {
  background: var(--main-borders);
  padding: 12px 8px;
  border-radius: 21px;
  transition: all 150ms linear;
}
.product-gallery__thumbnails.product-gallery__thumbnails--dots .thumbnails .thumbnail {
  width: 7px;
  height: 7px;
  display: block;
  border-radius: 7px;
  transition: all 100ms linear;
  cursor: pointer;
  background-color: var(--main-text);
  position: relative;
  opacity: 0.28;
}
.product-gallery__thumbnails.product-gallery__thumbnails--dots .thumbnails .thumbnail:hover {
  opacity: 0.36;
}
.product-gallery__thumbnails.product-gallery__thumbnails--dots .thumbnails .thumbnail.active {
  opacity: 1;
  height: 25px;
}

@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .box__product-gallery[data-style=scroll] .product-gallery__thumbnails {
    margin-left: var(--site-horizontal-padding);
    width: 64px;
    height: 100vh;
    padding: 25px 0;
    position: fixed;
    top: auto;
    bottom: 0;
  }
  .box__product-gallery[data-style=scroll] .product-gallery__thumbnails.scroll {
    position: absolute;
    bottom: 0;
    top: auto;
  }
  .box__product-gallery[data-style=scroll] .product-gallery__thumbnails.scroll.scroll-up {
    top: 0;
    bottom: auto;
  }
  #main .mount-product-page:first-child .box__product-gallery[data-style=scroll] .product-gallery__thumbnails.scroll.scroll-up {
    position: fixed;
    left: 0;
    height: var(--window-height);
    bottom: 0;
    top: auto;
    transition: left 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1024px), screen and (min-width: 769px) and (orientation: landscape) and (max-width: 1024px) {
  #main .mount-product-page:first-child .box__product-gallery[data-style=scroll] .product-gallery__thumbnails.scroll.scroll-up {
    transition: left 250ms linear;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  body.sidebar-move #main .mount-product-page:first-child .box__product-gallery[data-style=scroll] .product-gallery__thumbnails.scroll.scroll-up {
    left: calc(var(--sidebar-movement) * -1);
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .box__product-gallery[data-style=scroll] .product-gallery__thumbnails .thumbnails-holder {
    height: 100%;
    display: flex;
    flex-direction: column;
    scroll-snap-type: y mandatory;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .box__product-gallery[data-style=scroll] .product-gallery__thumbnails .thumbnails {
    display: block;
    margin: auto 0;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .box__product-gallery[data-style=scroll] .product-gallery__thumbnails .thumbnail {
    margin-right: 0;
  }
  .box__product-gallery[data-style=scroll] .product-gallery__thumbnails .thumbnail:not(:last-child) {
    margin-bottom: 9px;
  }
}

#main .mount-product-page:first-child .product-gallery__thumbnails:not(.scroll-up) {
  transform: none !important;
}

.box__product-gallery css-slider:not(.enabled) {
  width: 100%;
}
.box__product-gallery .product-gallery-item {
  width: 100%;
}

product-recommendations {
  border-bottom: 0 !important;
}

/* Zoom icon */
.product__image-zoom {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 34px;
  height: 34px;
  padding: 5px;
  z-index: 99;
  cursor: pointer;
  opacity: 0;
  transition: all 100ms linear 100ms;
  transform: translate3d(0, 0, 0);
}
.lazyloaded ~ .product__image-zoom {
  opacity: 1;
}
.product-gallery--fit .product__image-zoom {
  top: 25px;
}
.product__image-zoom svg path {
  fill: var(--main-text);
}
.no-touchevents .product__image-zoom:hover svg {
  transform: scale(1.05);
}

#zoom {
  position: fixed;
  left: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: scroll;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  -webkit-overflow-scrolling: touch;
  background: var(--main-background);
  transition: all 200ms linear;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
#zoom::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
#zoom.opened {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}
#zoom .zoom__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--main-background);
  z-index: 6;
}
#zoom img {
  opacity: 0;
  max-width: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  transition: opacity 100ms linear;
}
.touch #zoom img {
  top: 0 !important;
  left: 0 !important;
}
#zoom .zoom__exit {
  z-index: 9;
  position: fixed;
  width: 48px;
  height: 48px;
  border-radius: var(--buttons-radius);
  background: var(--main-background);
  top: 25px;
  right: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#zoom .zoom__exit path {
  fill: var(--main-text);
}
.no-touchevents #zoom .zoom__exit:hover svg {
  transform: scale(1.05);
}
#zoom.loaded img {
  opacity: 1;
}
#zoom.loaded:after {
  opacity: 0;
}

.buttons-holder-fix.sticky {
  margin-bottom: -20px;
}
.buttons-holder-fix.sticky .buttons-holder {
  position: fixed;
  top: 0;
  width: 50vw;
  left: calc(50vw + 10px);
  background: var(--main-background);
  z-index: 9;
  padding: 20px var(--box-smaller-padding) 0;
  border-bottom: 1px solid var(--main-borders);
}
.buttons-holder-fix.sticky .buttons-holder > * {
  height: 50px;
  line-height: 45px;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .buttons-holder-fix.sticky .buttons-holder {
    width: calc(100vw + 20px);
    left: 0;
    padding-top: 12px;
  }
  .buttons-holder-fix.sticky .buttons-holder > * {
    height: 40px;
    line-height: 35px;
    margin-bottom: 12px;
  }
}

#shopify-product-reviews {
  display: none;
  margin: 0 !important;
  overflow: visible !important;
}
#shopify-product-reviews.observe-reviews {
  visibility: hidden;
}
#shopify-product-reviews .spr-container {
  padding: 0 !important;
  border: 0 !important;
}
#shopify-product-reviews .spr-summary, #shopify-product-reviews .spr-summary-actions {
  display: block;
}
#shopify-product-reviews .spr-summary-actions:not(:first-child) {
  margin-top: 3em;
}
#shopify-product-reviews .spr-summary-actions-newreview {
  float: none;
  border: transparent;
}
#shopify-product-reviews .spr-starrating .spr-icon {
  display: none;
}
#shopify-product-reviews .spr-custom-rating svg,
#shopify-product-reviews .spr-review-custom-rating svg {
  position: relative;
  top: 2px;
  margin-left: 10px;
}
#shopify-product-reviews .spr-summary-caption {
  margin-left: 10px;
}
#shopify-product-reviews .spr-review-reportreview {
  border-bottom: 0;
}
#shopify-product-reviews .spr-review {
  padding: 2em 0 1em;
  border: 0;
  position: relative;
}
#shopify-product-reviews .spr-review:not(:first-child) {
  border-top: 1px solid var(--main-borders);
}
#shopify-product-reviews .spr-review:first-child {
  padding-top: 0;
  margin-top: 0;
}
#shopify-product-reviews .spr-starratings {
  display: none;
}
#shopify-product-reviews .spr-review-custom-rating {
  position: absolute;
  right: 0;
  top: 2em;
}
#shopify-product-reviews .spr-review-header-title {
  line-height: var(--base-body-line);
  font-weight: var(--font-weight-body-bold);
}
@media screen and (min-width: 1024px) {
  #shopify-product-reviews .spr-review-header-title {
    font-size: calc(20px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
  #shopify-product-reviews .spr-review-header-title {
    font-size: calc(19px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (max-width: 480px) {
  #shopify-product-reviews .spr-review-header-title {
    font-size: calc(18px / 16 * var(--base-body-size) + 0px);
  }
}
#shopify-product-reviews .spr-review-header-byline {
  opacity: var(--alternate-opacity);
  line-height: var(--base-body-line);
  font-style: normal;
}
@media screen and (min-width: 1024px) {
  #shopify-product-reviews .spr-review-header-byline {
    font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
  #shopify-product-reviews .spr-review-header-byline {
    font-size: calc(13px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (max-width: 480px) {
  #shopify-product-reviews .spr-review-header-byline {
    font-size: calc(13px / 16 * var(--base-body-size) + 0px);
  }
}
#shopify-product-reviews .spr-review-header-byline strong {
  font-weight: var(--font-weight-body) !important;
}
#shopify-product-reviews .spr-review-content-body {
  line-height: var(--base-body-line);
  margin-top: 1em;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  #shopify-product-reviews .spr-review-content-body {
    font-size: calc(16px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
  #shopify-product-reviews .spr-review-content-body {
    font-size: calc(15px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (max-width: 480px) {
  #shopify-product-reviews .spr-review-content-body {
    font-size: calc(15px / 16 * var(--base-body-size) + 0px);
  }
}
#shopify-product-reviews .spr-review-footer {
  position: absolute;
  bottom: 5px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 150ms linear;
}
#shopify-product-reviews .spr-review:hover .spr-review-footer {
  visibility: visible;
  opacity: var(--alternate-opacity);
}
#shopify-product-reviews .spr-pagination {
  border: 0;
  padding-top: 0;
}
#shopify-product-reviews .spr-pagination .pagination {
  margin-top: 0;
}
#shopify-product-reviews .spr-pagination .pagination > span {
  display: flex;
  position: relative;
}
#shopify-product-reviews .spr-pagination .pagination > span a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  #shopify-product-reviews .box__heading {
    border-bottom: 1px solid var(--main-borders) !important;
  }
}

.spr-form-actions input[type=submit] {
  border-radius: var(--buttons-radius) !important;
}

.spr-review-reply {
  background: transparent !important;
  border: 1px solid var(--main-borders);
}

.address-popup {
  width: 80vw;
  max-width: 780px;
  margin: 50px auto;
  background: var(--main-background);
  padding: 70px 50px;
  flex-direction: column;
  position: relative;
  max-height: calc(100vh - 100px);
  overflow: scroll;
}
.address-popup span {
  margin-bottom: 1.2em;
}
.address-popup a {
  margin-top: 0.9em;
}
.address-popup .spr-form {
  margin: 0;
  padding: 0;
  border: 0;
}
.address-popup .spr-form-title {
  font-size: calc(24px / 60 * var(--base-headings-size) + 0px) !important;
}
.address-popup .basicLightboxClose {
  color: var(--main-text);
  opacity: 1;
  top: 5px;
  right: 5px;
  transition: all 100ms linear;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .address-popup {
    width: 90vw;
    padding: 50px 30px;
  }
}

.store-availability-information {
  display: flex;
  margin-top: 38px;
  text-align: left;
}
.store-availability-information-container {
  margin-left: 5px;
}
.store-availability-information__title {
  margin-bottom: 0;
}
.store-availability-information__stock {
  margin-bottom: 0;
}
.store-availability-information__stores {
  margin-top: 8px;
  margin-bottom: 0;
}
.store-availability-information__stores a {
  border-bottom: 1px solid;
}
.store-availability__link {
  text-decoration: underline;
  cursor: pointer;
}
.store-availability-list__stock .icon {
  margin: 0 2px 3px 0;
}
.store-availability-container .icon {
  width: 12px;
  height: 12px;
  margin: 7px 4px 0 0;
}
.store-availability-container .icon-in-stock path {
  fill: #00730B;
}
.store-availability-container .icon-out-of-stock path {
  fill: #DD2200;
}

.store-availability-list__item {
  padding-bottom: 16px;
}
.store-availability-list__item:after {
  content: "";
  display: block;
  margin: 32px 0 16px 0;
  border-bottom: 1px solid var(--main-borders);
}
.store-availability-list-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 8px;
}
.store-availability-list-header__location, .store-availability-list-header__distance {
  margin-bottom: 0;
}
.store-availability-list__stock {
  margin-top: 8px;
  margin-bottom: 16px;
  display: block;
}
.store-availability-list__address, .store-availability-list__phone, .store-availability-list__invalid {
  margin-left: 20px;
}
.store-availability-list__address p {
  margin-bottom: 0;
}
.store-availability-list__phone {
  margin-bottom: 0;
}
.store-availability-list__invalid .icon {
  width: 19px;
  height: 19px;
  position: relative;
  top: 5px;
}

.store-availabilities-modal__variant-title {
  margin-bottom: 0;
}

body[data-single-variant] .store-availabilities-modal__variant-title {
  display: none;
}

/*
 *  SECTION 4 - SNIPPETS
*/
.box__banner.style--bar {
  width: 100%;
  padding: 8px 14px;
  font-size: calc(12px / 16 * var(--base-body-size) + 0px);
  overflow: hidden;
  position: absolute;
  height: 34px;
  top: 0;
  left: 0;
  z-index: 6666;
  text-align: center;
}
.box__banner.style--bar p {
  display: inline;
  margin: 0 5px 0 0;
}
.box__banner.style--bar .contnet {
  line-height: 1.4;
}
.box__banner.style--bar .exit {
  height: 100%;
  overflow: hidden;
}
.box__banner.style--bar .exit svg {
  position: relative;
  top: -4px;
}
@media screen and (max-width: 640px) {
  .box__banner.style--bar {
    font-size: calc(10.5px / 16 * var(--base-body-size) + 0px);
    padding-top: 9px;
  }
  .box__banner.style--bar .exit svg {
    top: -5px;
    width: 35px;
  }
}
.box__banner.style--bar > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 9;
  justify-content: center;
}
.box__banner.style--bar > a:focus-visible .content {
  outline: auto 5px -webkit-focus-ring-color;
}
.box__banner.style--box {
  transition: all 150ms linear;
  visibility: hidden;
  transform: translateY(20px);
  opacity: 0;
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}
.box__banner.style--box.active {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
@media screen and (max-width: 727px) {
  .no-touchevents .box__banner.style--box .modal-object[data-link][data-has-link]:hover:after {
    opacity: 1;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -5px;
    left: -5px;
  }
  .no-touchevents .box__banner.style--box .modal-object[data-link][data-has-link]:hover .site-box-background img {
    transform: scale(1.05);
  }
}
.box__banner.style--box .modal-object {
  transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 60%;
  max-width: 490px;
  height: auto;
  bottom: 30px;
  right: 30px;
  padding: 50px;
  position: fixed;
  z-index: 9999;
}
@media screen and (max-width: 1024px) {
  .box__banner.style--box .modal-object {
    transition: right 250ms linear;
  }
}
body.sidebar-move .box__banner.style--box .modal-object {
  right: calc(var(--sidebar-movement) + 30px);
}
@media screen and (max-width: 580px) {
  .box__banner.style--box .modal-object {
    width: calc(100% - 20px);
    text-align: left;
    padding: 15px 50px 20px 20px;
    bottom: 10px;
    right: 10px;
  }
  body.sidebar-move .box__banner.style--box .modal-object {
    right: calc(var(--sidebar-movement) + 10px);
  }
}
.box__banner.style--box .modal-object .title {
  font-weight: var(--font-weight-body-bold);
  display: block;
  line-height: 1.25;
}
.box__banner.style--box .modal-object .title:not(:last-child) {
  margin-bottom: 0.5em;
}
.box__banner.style--box .modal-object [data-close] {
  top: 12px;
  right: 18px;
}
.box__banner.style--box .modal-object:after {
  content: "";
  position: absolute;
  width: calc(100% + 0px);
  height: calc(100% + 0px);
  top: 0;
  left: 0;
  opacity: 1;
  transition: all 100ms linear;
  background: inherit;
  z-index: -1;
}
.box__banner.style--box .modal-object[data-link] {
  max-width: 375px;
}
.box__banner.style--box .modal-object[data-collection] {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box__banner.style--box .modal-object[data-collection] .content {
  padding: 0 10%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .box__banner.style--box .modal-object[data-collection] {
    min-height: 220px;
  }
  .box__banner.style--box .modal-object[data-collection] .content {
    padding: 0;
  }
}
.box__banner.style--box .modal-object[data-product] {
  max-width: 325px;
  padding: 20px;
}
.box__banner.style--box .modal-object[data-product] .content {
  margin-bottom: 1em;
}
.box__banner.style--box .modal-object[data-product] .box__collection {
  height: clamp(300px, 45vh, 400px);
  background: var(--main-background);
}
.box__banner.style--box .modal-object[data-product] .box__collection .quick-add-to-cart-button {
  opacity: 1;
}
.box__banner.style--box .modal-object[data-product] .product-badge.rating {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .box__banner.style--box .modal-object[data-product] {
    padding: 15px;
  }
  .box__banner.style--box .modal-object[data-product] .box__collection {
    height: auto;
  }
  .box__banner.style--box .modal-object[data-product] .product-item {
    display: flex;
    height: auto;
  }
  .box__banner.style--box .modal-object[data-product] .box--product-image {
    height: 100px !important;
    width: 100px !important;
    flex-shrink: 0;
  }
  .box__banner.style--box .modal-object[data-product] .caption {
    position: static;
    padding: 5px 50px 5px 10px;
    height: auto;
  }
  .quick-buy-disabled .box__banner.style--box .modal-object[data-product] .caption {
    padding-right: 10px;
  }
  .box__banner.style--box .modal-object[data-product] .quick-add-to-cart-button {
    height: 100px;
  }
  .box__banner.style--box .modal-object[data-product] .product-badge {
    display: none;
  }
}
.box__banner.style--box .site-box-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.box__banner.style--box .site-box-background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 150ms linear;
}
.box__banner.style--box .site-box-background:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  opacity: 0.36;
}

a.box__banner {
  display: block;
  position: relative;
}
a.box__banner:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  content: "";
  z-index: 0;
  opacity: 0;
  transition: all 100ms linear;
}
a.box__banner:hover:after {
  opacity: 0.1;
}
a.box__banner .content {
  z-index: 1;
  position: relative;
}

.blog-item {
  width: 100%;
  height: 50vh;
  min-height: 324px;
  display: flex;
  background: var(--main-background);
  position: relative;
}
.blog-item:not(:first-of-type):before {
  content: "";
  width: 100%;
  background: var(--main-borders);
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  z-index: 9;
}
@media screen and (min-width: 769px) and (orientation: landscape), screen and (min-width: 1025px) {
  .blog-item--single {
    height: 100vh;
    flex-direction: column;
  }
  .blog-item--single .blog-item__content {
    width: 100%;
    height: 50%;
    align-items: center;
    justify-content: center;
    padding: 0 var(--box-big-padding);
    text-align: center;
  }
  .blog-item--single .blog-item__image {
    width: 100%;
    height: 50%;
  }
}
.blog-item__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--box-small-padding);
  width: 50%;
}
.blog-item[data-has-no-image] .blog-item__content {
  width: 100%;
}
.blog-item__title {
  font-weight: var(--font-weight-body-bold);
  line-height: 1.4;
}
.blog-item__title:not(:last-child) {
  margin-bottom: 6px;
}
.blog-item__title + .blog-item__summary {
  margin-top: 12px;
}
.blog-item__info:not(:last-child) {
  margin-bottom: 12px;
}
.blog-item__image {
  width: 50%;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.blog-item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 150ms linear, transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.no-touchevents .blog-item:hover {
  background: var(--main-background-third);
}
.no-touchevents .blog-item:hover .blog-item__image img {
  transform: scale(1.05);
}

@media screen and (max-width: 640px) {
  .blog-slider:after {
    display: none;
    content: "css-slider";
  }

  .blog-slider .css-slider-dot-navigation:not(:empty) {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .blog-slider .css-slider-dot-navigation {
    margin-top: 0;
  }

  .blog-slider:not(.enabled) {
    padding-bottom: 35px;
  }

  .blog-slider .css-slide,
.blog-slider:not(.enabled) > div {
    width: calc(100% - var(--box-smaller-padding));
  }

  .blog-item {
    position: relative;
    height: 50vh !important;
  }
  .blog-item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .blog-item__image:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .blog-item__content {
    z-index: 9;
    width: 90%;
  }

  css-slider .blog-item--single {
    width: 100% !important;
    border-bottom: 0 !important;
  }
}
.cart-item, .search-results.predictive-search .search-item {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.cart-item:not(:last-child), .search-results.predictive-search .search-item:not(:last-child) {
  margin-bottom: 35px;
}
.processing .cart-item, .processing .search-results.predictive-search .search-item, .search-results.predictive-search .processing .search-item {
  opacity: 0.36;
  pointer-events: none;
}
.cart-item .thumbnail, .search-results.predictive-search .search-item .thumbnail {
  display: block;
  width: 110px;
  height: 110px;
  flex: 0 0 110px;
  overflow: hidden;
  background: var(--main-background-third);
  position: relative;
}
@media screen and (max-width: 360px) {
  .cart-item .thumbnail, .search-results.predictive-search .search-item .thumbnail {
    width: 90px;
    height: 90px;
    flex: 0 0 90px;
  }
}
.cart-item .thumbnail img, .search-results.predictive-search .search-item .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.no-touchevents .cart-item .thumbnail:hover + .content .underline-animation, .no-touchevents .search-results.predictive-search .search-item .thumbnail:hover + .content .underline-animation, .search-results.predictive-search .no-touchevents .search-item .thumbnail:hover + .content .underline-animation {
  background-size: 100% 1px;
}
.no-touchevents .cart-item .thumbnail:hover img, .no-touchevents .search-results.predictive-search .search-item .thumbnail:hover img, .search-results.predictive-search .no-touchevents .search-item .thumbnail:hover img {
  transform: scale(1.05);
}
.cart-item .content, .search-results.predictive-search .search-item .content {
  margin-left: 20px;
  margin-top: 3px;
}
.cart-item .content .item-title, .search-results.predictive-search .search-item .content .item-title {
  font-weight: var(--font-weight-body-bold);
  line-height: 1.3;
  display: block;
}
.cart-item .content .item-title span, .search-results.predictive-search .search-item .content .item-title span {
  font-weight: var(--font-weight-body);
}
.cart-item .content .item-price, .search-results.predictive-search .search-item .content .item-price {
  display: table !important;
  line-height: 1;
  margin-top: 8px;
}
.cart-item .content .item-price > div, .search-results.predictive-search .search-item .content .item-price > div {
  display: table-row;
}
.cart-item .content .item-price > div *, .search-results.predictive-search .search-item .content .item-price > div * {
  display: inline-block;
}
.cart-item .content .item-price strong, .search-results.predictive-search .search-item .content .item-price strong {
  font-weight: var(--font-weight-body-bold);
  padding-right: 10px;
}
.cart-item .content .item-price del, .search-results.predictive-search .search-item .content .item-price del {
  opacity: var(--alternate-opacity);
}
.cart-item .content .unit-price, .search-results.predictive-search .search-item .content .unit-price {
  display: block;
  margin-top: 5px;
  opacity: 0.72px;
}
.cart-item .content .item-discount, .search-results.predictive-search .search-item .content .item-discount {
  text-transform: uppercase;
  opacity: 0.72;
  display: block;
  margin-top: 10px;
  line-height: 1.1;
}
.cart-item .actions, .search-results.predictive-search .search-item .actions {
  display: flex;
  position: relative;
  margin-top: 12px;
  align-items: center;
}
.cart-item .actions .quantity-selector-holder, .search-results.predictive-search .search-item .actions .quantity-selector-holder {
  justify-content: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0;
}
.cart-item .actions .qty-button, .search-results.predictive-search .search-item .actions .qty-button {
  line-height: 1;
  width: 30px;
  height: 30px;
  border-radius: var(--buttons-radius);
}
.cart-item .actions .qty-selector, .search-results.predictive-search .search-item .actions .qty-selector {
  height: 30px;
  width: 30px;
  border: 0;
  padding: 0;
  font-size: calc(12px / 16 * var(--base-body-size) + 0px);
}
.cart-item .actions .remove, .search-results.predictive-search .search-item .actions .remove {
  border-bottom: 1px solid;
  line-height: 1;
  opacity: 0.72;
  margin-left: 15px;
}

#cartSpecialInstructions {
  margin-bottom: 30px;
}

.cart-out {
  text-align: right;
}
.cart-out > span {
  display: block;
}

.cart-out span {
  font-weight: var(--font-weight-body-bold);
}
.cart-out small {
  position: relative;
}
.cart-out input[type=submit] {
  top: -2px;
}

#CartDiscounts span:not(:last-child):after {
  content: " / ";
}

#CartSubTotal {
  margin-bottom: 0;
}

#CartSubTotal span, #CartDiscounts span {
  font-size: body-size(14px);
}

.template-cart .cart-actions input[type=submit] {
  min-width: 240px;
}

#AjaxCartSubtotal div[data-cart-empty] textarea, #AjaxCartSubtotal div[data-cart-empty] .cart-out, #AjaxCartSubtotal div[data-cart-empty] cart-product-recommendations {
  display: none;
}
#AjaxCartSubtotal div[data-cart-empty] .cart-continue {
  display: block;
  margin-top: -35px;
}

cart-product-recommendations .css-slider-navigation-container:before {
  display: none;
}

.sidebar-divider {
  margin: 0;
  margin-bottom: 25px;
  display: flex;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: space-between;
}
.sidebar-divider:before {
  content: "";
  border-top: 1px solid var(--header-borders);
  width: 200%;
  margin-left: -50%;
  margin-bottom: 25px;
  opacity: var(--alternate-opacity);
}

#cart-recommendations:not(:empty) {
  margin-bottom: 35px;
}
#cart-recommendations css-slider {
  margin-left: -10px;
  width: calc(100% + 20px);
}
#cart-recommendations .css-slide {
  width: 50%;
  padding: 0 10px;
}
#cart-recommendations .cart-product-item-image {
  display: block;
  position: relative;
  padding-top: 100%;
  height: 0;
  overflow: hidden;
}
#cart-recommendations .cart-product-item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.no-touchevents #cart-recommendations .cart-product-item-image:hover img {
  transform: scale(1.05);
}
.no-touchevents #cart-recommendations .cart-product-item-image:hover + .cart-product-item-title .underline-animation {
  background-size: 100% 1px;
}
#cart-recommendations .cart-product-item-title {
  font-weight: var(--font-weight-body-bold);
  display: block;
  margin-top: 10px;
}
#cart-recommendations .cart-product-item-price {
  line-height: 1;
  display: block;
  margin-top: 5px;
  font-weight: var(--font-weight-body-bold);
}
#cart-recommendations .cart-product-item-price del {
  font-weight: var(--font-weight-body);
  opacity: var(--alternate-opacity);
  margin-left: 8px;
}
#cart-recommendations .cart-product-item-price .unit-price {
  opacity: var(--alternate-opacity);
  display: block;
  margin-top: 4px;
  font-weight: var(--font-weight-body);
}

.facets {
  display: block;
}
.facets__form {
  display: block;
  justify-content: space-between;
}
.facets__prewrapper {
  max-width: 100%;
}
.facets__heading {
  display: block;
  margin-bottom: 15px;
  font-weight: var(--font-weight-body-bold);
  text-transform: uppercase;
  position: relative;
  line-height: 1;
}
.facets__disclosure {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-bottom: 0;
}
.facets__disclosure:after {
  content: "";
  width: 14px;
  height: 9px;
  position: absolute;
  right: 0;
  top: 16px;
}
.facets__disclosure[open] .facets__summary {
  font-weight: var(--font-weight-body-bold);
}
.facets__disclosure[open]:after {
  transform: rotate(180deg);
}
.facets__summary {
  width: 100%;
  display: flex;
  align-items: center;
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  color: var(--header-text);
  padding: 8px 0;
  cursor: pointer;
  position: relative;
}
.facets__summary .count-bubble:not(:empty) {
  font-size: 10px;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--main-borders);
  position: relative;
  top: -2px;
  left: 2px;
}
.facets input, .facets select {
  color: var(--header-text);
  border-color: var(--header-background-secondary);
}
.facets select {
  margin-top: 10px;
}
.facets input[type=checkbox] {
  margin-top: 0;
  border-color: var(--header-background-secondary);
}
.facets input[type=checkbox]:checked {
  border-color: transparent;
  background: var(--header-text);
}
.no-touchevents .facets input[type=checkbox]:hover, .facets input[type=checkbox]:focus-visible {
  border-color: var(--header-text);
}
.facets__display {
  position: relative;
  border: 0;
  top: 0;
  left: 0;
  width: 100%;
  max-height: auto;
}
.facets__header {
  display: none;
}
.facets__list {
  list-style: none;
  margin-top: 12px;
  padding: 0;
}
.facets__item {
  padding: 8px 0;
}
.facets__item label {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.facets__item label.facet-checkbox--disabled {
  opacity: 0.24;
  pointer-events: none;
}
.facets__item input[type=checkbox] {
  cursor: pointer;
  top: 0;
}
.facets__price {
  padding: 12px 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.facets__price .field {
  padding: 4px 0;
  border: 1px solid var(--header-borders);
  position: relative;
}
.facets__price .field__currency {
  position: absolute;
  opacity: 0.36;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  padding-top: 3px;
}
.facets__price .field__label {
  text-transform: lowercase;
}
.facets__price input {
  height: 32px;
  padding-left: 40px;
  margin: 0;
  padding-top: 2px;
  border: none;
  text-align: right;
}
.facets__disclosure[open] .facets__summary {
  border-bottom: none;
}

.collection-filters__item.sorting {
  margin-top: 35px;
}

.active-facets {
  margin: 0 0 30px -5px;
}
.active-facets:empty {
  display: none;
}
.active-facets .button {
  margin: 5px;
}
.active-facets__button {
  position: relative;
  height: auto !important;
}
.active-facets__button--light {
  padding-right: 30px !important;
  border-color: var(--header-text) !important;
}
.site-nav .active-facets__button--light:hover {
  color: var(--header-text) !important;
}
.active-facets__button svg {
  top: 9px;
  right: 12px;
  width: 8px;
  height: 10px;
  position: absolute;
  pointer-events: none;
}
.active-facets__button svg * {
  fill: var(--header-text) !important;
}

.mount-facets {
  position: relative;
}

.site-filter-handle-holder {
  position: absolute;
  top: 0;
  padding: 30px 0;
  right: 30px;
  z-index: 999;
  height: 100%;
  pointer-events: none;
}

#site-filter-handle {
  position: sticky;
  pointer-events: all;
  top: 30px;
  background: var(--main-text);
  color: var(--main-background);
  border-radius: var(--buttons-radius);
  height: var(--button-size);
  width: max-content;
  max-width: var(--button-size);
  font-size: calc(13px / 16 * var(--base-body-size) + 0px);
  font-weight: var(--font-weight-body-bold);
  text-transform: uppercase;
  padding: 0 20px;
  transition: all 25ms linear !important;
}
#site-filter-handle * {
  fill: var(--main-background);
}
#site-filter-handle .filter-text {
  padding-left: 12px;
  display: none;
}
.no-touchevents #site-filter-handle:hover {
  max-width: 250px;
  width: max-content;
  transition: all 150ms linear !important;
}
.no-touchevents #site-filter-handle:hover .filter-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .site-filter-handle-holder {
    position: relative;
    right: auto;
    height: auto;
    padding: 0 var(--sidebar-padding);
  }

  #site-filter-handle {
    border: none;
    background: none;
    max-width: 100% !important;
    width: max-content !important;
    padding: 0;
    justify-content: flex-start;
    color: var(--main-text);
  }
  #site-filter-handle * {
    fill: var(--main-text);
  }
  #site-filter-handle .filter-text {
    display: block;
  }
}
.alert {
  display: block;
  padding: 18px 20px 16px;
  margin-bottom: 18px;
  margin-bottom: 18px;
  line-height: 1.2;
}
.alert strong {
  text-transform: capitalize;
}
.grid__item .alert {
  background-position: 15px 12px;
}
.grid__item .alert:last-child {
  margin-bottom: 0;
}

.alert--error {
  color: #000 !important;
  background-color: #efeee1;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.8398 15.4346C29.8398 23.4427 23.348 29.9346 15.3398 29.9346C7.33171 29.9346 0.839844 23.4427 0.839844 15.4346C0.839844 7.42644 7.33171 0.93457 15.3398 0.93457C23.348 0.93457 29.8398 7.42644 29.8398 15.4346Z' fill='%23EFD23C'/%3E%3Cpath d='M17.5039 10.6201C17.5039 10.887 17.4551 11.2419 17.3574 11.6846C17.2663 12.1208 17.1491 12.6351 17.0059 13.2275C16.8691 13.7874 16.7129 14.4873 16.5371 15.3271C16.3613 16.1605 16.1758 17.1924 15.9805 18.4229H15.2285C15.0332 17.1794 14.8477 16.1442 14.6719 15.3174C14.4961 14.4906 14.3398 13.7972 14.2031 13.2373C14.0794 12.723 13.9655 12.2217 13.8613 11.7334C13.7572 11.2386 13.7051 10.8675 13.7051 10.6201C13.7051 10.1188 13.8906 9.69238 14.2617 9.34082C14.6328 8.98275 15.0788 8.80371 15.5996 8.80371C16.1139 8.80371 16.5599 8.98275 16.9375 9.34082C17.3151 9.69238 17.5039 10.1188 17.5039 10.6201ZM17.4844 21.4111C17.4844 21.9059 17.2956 22.3324 16.918 22.6904C16.5469 23.042 16.1107 23.2178 15.6094 23.2178C15.1016 23.2178 14.6589 23.042 14.2812 22.6904C13.9102 22.3324 13.7246 21.9059 13.7246 21.4111C13.7246 20.9163 13.9102 20.4899 14.2812 20.1318C14.6589 19.7673 15.1016 19.585 15.6094 19.585C16.1107 19.585 16.5469 19.7673 16.918 20.1318C17.2956 20.4899 17.4844 20.9163 17.4844 21.4111Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 15px 12px;
  padding-left: 64px;
}
.site-nav .alert--error {
  position: relative;
  margin-top: -35px;
  background-position: 0 12px;
  padding: 16px 0 18px 42px;
  line-height: 1.25;
}
.site-nav .alert--error:after {
  content: "";
  position: absolute;
  width: 200%;
  top: 0;
  height: 100%;
  left: -50%;
  background-color: #efeee1;
  z-index: -1;
}

.alert--success {
  color: #155724 !important;
  background-color: #d4edda;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='29' height='30' viewBox='0 0 29 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 15.3766C29 23.3847 22.5081 29.8766 14.5 29.8766C6.49187 29.8766 0 23.3847 0 15.3766C0 7.36843 6.49187 0.876556 14.5 0.876556C22.5081 0.876556 29 7.36843 29 15.3766Z' fill='%2372CD7B'/%3E%3Cpath d='M8.46094 15.6088L9.87515 14.1946L14.8249 19.1443L13.4107 20.5585L8.46094 15.6088Z' fill='white'/%3E%3Cpath d='M20.5031 10.6412L21.9173 12.0554L13.4142 20.5585L12 19.1443L20.5031 10.6412Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 15px 12px;
  padding-left: 64px;
}

.alert--note {
  color: #856404 !important;
  background-color: #fff3cd;
}

.localization-form-holder .localization-form {
  flex-wrap: wrap;
  display: flex;
  margin-bottom: -10px;
}
.localization-form-holder .localization-form__item {
  margin-bottom: 10px;
  position: relative;
}
.localization-form-holder .localization-form__item > span {
  display: block;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.localization-form-holder .localization-form__item:not(:last-child) {
  margin-right: 20px;
}
.localization-form-holder .regular-select-cover {
  display: inline-block;
  width: auto !important;
  position: relative;
  color: var(--main-text);
  height: 50px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: calc(100% - 17px) 50%;
  background-size: 14px 9px;
  line-height: 1;
  border: 1px solid var(--main-background-secondary);
}
.localization-form-holder .regular-select-inner {
  height: 50px;
  color: var(--main-text);
  padding: 0 60px 0 20px;
  line-height: 48px;
  display: block;
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  text-transform: capitalize;
}
.localization-form-holder .regular-select-content {
  list-style: none;
  background-color: var(--main-background);
  position: relative;
  overflow: hidden;
  top: -2px;
  height: auto;
  border: 1px solid var(--main-background-secondary);
  margin: 0;
  text-transform: capitalize;
  display: none;
  width: 100%;
  left: 0px;
}
.localization-form-holder .content-opened.invert-permanent.regular-select-content {
  top: auto;
  display: block;
  bottom: 49px;
  position: absolute;
  border-top: 1px solid var(--main-background-secondary);
}
.localization-form-holder .regular-select-item {
  height: auto;
  padding: 0;
}
.localization-form-holder .regular-select-item button {
  background-color: var(--main-background);
  display: block;
  padding: 13px 12px 11px;
  color: var(--main-text);
  text-align: left;
  width: 100%;
  cursor: pointer;
  text-transform: capitalize;
  transition: all 150ms linear;
}
.no-touchevents .localization-form-holder .regular-select-item:hover button, .localization-form-holder .regular-select-item.regular-select-item--selected button {
  font-weight: var(--font-weight-body-bold);
}

.pagination {
  clear: both;
  list-style: none;
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  padding: 30px 40px 25px;
  top: -1px;
  position: relative;
  z-index: 99;
  border-bottom: 1px solid var(--main-borders);
}
.collection__holder .pagination {
  border-bottom: none;
}
.pagination:before, .pagination:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: 1px;
}
.pagination:before {
  background: var(--main-background);
  z-index: 8;
}
.pagination:after {
  background: var(--main-borders);
  z-index: 9;
}
.pagination > * {
  width: 40px;
  height: 40px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.pagination > *.current {
  font-weight: var(--font-weight-body-bold);
}
.pagination > *.next span, .pagination > *.prev span, .pagination > * svg {
  height: 13px;
  display: block;
}
.pagination svg * {
  fill: var(--main-text);
}
@media screen and (max-width: 480px) {
  .pagination {
    padding: 15px;
  }
}
.pagination--small {
  padding: 15px 0;
  margin-top: 25px;
  margin-left: 0 !important;
  border-bottom: 0;
  justify-content: flex-start;
}
.pagination--small > *:first-child {
  margin-left: -10px;
}

.lazy-preloader {
  position: absolute;
  margin: 0;
  width: 20px;
  height: 20px;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
  display: none;
}

.lazy-preloader:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.circular-loader {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
.circular-loader circle {
  stroke: var(--main-text);
}

.loader-path {
  stroke-dasharray: 150, 200;
  stroke-dashoffset: -10;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
.product-badge {
  position: absolute;
  top: 20px;
  line-height: 1;
  padding: 9px 16px;
  text-transform: uppercase;
  height: 32px;
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-body-bold);
  z-index: 99;
  border-radius: var(--buttons-radius);
}
.product-badge.right {
  right: 20px;
}
.product-badge.left {
  left: 20px;
}
@media screen and (max-width: 480px) {
  .product-badge {
    height: 26px;
    padding: 7px 12px 5px;
    top: 10px;
    font-size: calc(11px / 16 * var(--base-body-size) + 0px);
  }
  .product-badge.right {
    right: 10px;
  }
  .product-badge.left {
    left: 10px;
  }
}
.product-badge.sale {
  color: #8c6707;
  background: #F6EFE2;
}
.product-badge.sold {
  background: #e3e3e3;
  color: #5e5e5e;
}
.product-badge.preorder, .product-badge.new {
  color: #111;
  background: #fff;
  border: 1px solid #ddd;
}
.product-badge.rating {
  border: 1px solid var(--main-borders);
  color: var(--main-color);
  background: var(--main-background);
  font-weight: var(--font-weight-body);
  opacity: 0;
  transition: opacity 150ms linear;
}
.product-badge.rating .rating-icon {
  margin-left: 5px;
  position: relative;
  top: 1px;
}
.no-touchevents .box__collection .site-box-content:hover .product-badge.rating[data-desktop-display=hover] {
  opacity: 1;
}
.product-badge.rating[data-desktop-display=always] {
  opacity: 1;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .product-badge.rating[data-mobile-display=true] {
    opacity: 1;
  }
  .product-badge.rating[data-mobile-display=false] {
    opacity: 0 !important;
  }
}

.product-item {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.product-item .box--product-image.primary {
  transition: transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 200ms linear;
  position: relative;
  z-index: 8;
}
.product-item .box--product-image.secondary {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 150ms linear;
  z-index: 9;
}
.product-item .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px 25px;
  height: 100px;
  z-index: 99;
  transition: background 200ms linear, transform 200ms linear;
}
.product-item .caption .title {
  display: block;
  font-weight: var(--font-weight-body-bold);
  line-height: 1.3;
}
.product-item .caption .price {
  display: block;
  line-height: 1.2;
  overflow: hidden;
  margin-top: 5px;
}
.product-item .caption .price del {
  opacity: var(--alternate-opacity);
  margin-left: 5px;
}
.no-touchevents .product-holder:hover .product-item.alt .box--product-image, .product-item.alt.focus .box--product-image {
  transform: scale(1.05);
}
.no-touchevents .product-holder:hover .product-item.alt:before, .product-item.alt.focus:before {
  opacity: 1;
}
.no-touchevents .product-holder:hover .product-item.alt + .quick-add-to-cart .quick-add-to-cart-button {
  opacity: 1;
}
.no-touchevents .product-holder:hover .product-item.with-secondary-image .secondary, .no-touchevents .product-item.with-secondary-image.focus .secondary {
  opacity: 1;
}
.no-touchevents .product-holder:hover .product-item.with-secondary-image .primary, .no-touchevents .product-item.with-secondary-image.focus .primary {
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  .product-item .box--product-image {
    height: calc(100% - 90px);
    transform: none !important;
  }
  .product-item.style--three .caption {
    background: var(--main-background);
  }
}
@media screen and (min-width: 1025px) {
  .product-item.style--three .caption {
    height: 100% !important;
    transform: none !important;
    color: var(--main-text) !important;
    padding-right: 20px !important;
  }
  .product-item.style--three .caption > div {
    z-index: 9;
    width: 100%;
    text-align: center;
  }
  .product-item.style--three .caption:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 8;
    background: var(--main-background);
    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .product-item.style--three .caption .title {
    opacity: 0;
    display: block;
    transform: translateY(20px);
    transition: all 100ms linear;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1024px) {
  .product-item.style--three .caption .title {
    font-size: calc(24px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 1025px) and (min-width: 480px) and (max-width: 1024px) {
  .product-item.style--three .caption .title {
    font-size: calc(22px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 1025px) and (max-width: 480px) {
  .product-item.style--three .caption .title {
    font-size: calc(20px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 1025px) {
  .product-item.style--three .caption .title .underline-animation {
    background: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .product-item.style--three .caption .price {
    margin-top: 10px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 100ms linear;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1024px) {
  .product-item.style--three .caption .price {
    font-size: calc(16px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 1025px) and (min-width: 480px) and (max-width: 1024px) {
  .product-item.style--three .caption .price {
    font-size: calc(15px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 1025px) and (max-width: 480px) {
  .product-item.style--three .caption .price {
    font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 1025px) {
  .product-item.style--three + form {
    display: block;
    right: 7px;
    bottom: 5px;
    height: auto;
  }
}
@media screen and (min-width: 1025px) {
  .no-touchevents .product-holder:hover .product-item.style--three .caption:before, .product-item.style--three.focus .caption:before {
    opacity: var(--alternate-opacity);
  }
  .no-touchevents .product-holder:hover .product-item.style--three .title, .product-item.style--three.focus .title {
    opacity: 1;
    transform: translateY(0);
    transition: all 150ms linear;
  }
  .no-touchevents .product-holder:hover .product-item.style--three .price, .product-item.style--three.focus .price {
    opacity: 1;
    transform: translateY(0);
    transition: all 150ms linear 50ms;
  }
}

.style--one.alt .box--product-image {
  height: calc(100% - 90px);
}

.style--one .caption {
  background: var(--main-background);
}

.fit-product-grid-images .box__collection .box--product-image img {
  object-fit: contain !important;
}

.quick-add-to-cart {
  position: relative;
  display: block;
}

.quick-add-to-cart-button {
  position: absolute;
  bottom: 0;
  right: 8px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  opacity: 0;
  transition: opacity 150ms linear;
}
.quick-add-to-cart-button button, .quick-add-to-cart-button a {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick-add-to-cart-button button svg, .quick-add-to-cart-button a svg {
  transition: transform 150ms linear;
  will-change: transform;
}
.quick-add-to-cart-button button:hover svg, .quick-add-to-cart-button a:hover svg {
  transform: scale(1.05);
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .quick-add-to-cart-button {
    opacity: 1;
    right: 5px;
  }
}

.no-fill-just-stroke * {
  fill: none !important;
  stroke: var(--main-text);
}

.product-quick-view-container {
  background: var(--main-background);
  padding: 40px;
  width: calc(100vw - 80px);
  margin: auto;
  max-width: 720px;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
}
.product-quick-view-container .product-quick-view-header {
  margin-bottom: 1.5em;
  display: block !important;
}
.product-quick-view-container .product-quick-view-body {
  display: flex;
}
.product-quick-view-container .product-quick-view-body .product-variant__container .product-variant__item--color {
  height: 40px;
}
.product-quick-view-container .product-quick-view-body .cart-functions {
  margin-top: 40px;
}
.product-quick-view-container .product-images {
  width: 250px;
  height: 250px;
  flex-shrink: 0;
  position: relative;
  margin-right: 40px;
}
.product-quick-view-container .product-images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-quick-view-container .product-images img:not(.loaded) + .lazy-preloader {
  display: block;
}
@media screen and (max-width: 720px) {
  .product-quick-view-container {
    padding: 20px;
    width: calc(100vw- 40px);
    height: calc(100vh - 40px);
  }
  .product-quick-view-container .product-quick-view-body {
    flex-direction: column;
  }
  .product-quick-view-container .product-images {
    width: 100%;
    height: 0;
    padding-top: 100%;
    margin-right: 0;
  }
  .product-quick-view-container .basicLightboxClose {
    top: 15px;
    right: 15px;
  }
}

.basicLightboxCloseWithIcon {
  opacity: 1;
  border: 1px solid var(--main-background-secondary);
  right: 30px;
  top: 30px;
  width: 40px;
  height: 40px;
  border-radius: var(--buttons-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
.basicLightboxCloseWithIcon svg {
  position: relative;
  width: 12px;
  height: 12px;
  top: 1px;
}

.box--product-media {
  position: relative;
}
.box--product-media product-model, .box--product-media model-viewer, .box--product-media .shopify-model-viewer-ui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product-gallery__item iframe, .product-gallery__item video, .product-gallery__item product-model, .product-gallery__item model-viewer, .product-gallery__item .shopify-model-viewer-ui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product-gallery__item:focus, .product-gallery__item:focus-visible {
  outline: none !important;
}

.product__view-in-space {
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  line-height: 1;
  border: none;
  width: 100%;
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-text);
  border-bottom: 1px solid var(--main-borders);
}
.product__view-in-space[data-shopify-xr-hidden] {
  display: none;
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .product__view-in-space {
    position: absolute;
    width: calc(50% - 1px);
    bottom: 0;
    border-bottom: 0;
    border-top: 1px solid var(--main-borders);
    background: var(--main-background);
  }
}
.product__view-in-space svg.icon {
  height: 2em;
  width: 2em;
  margin-right: 0.2em;
}
.product__view-in-space svg.icon * {
  fill: transparent;
}
.product__view-in-space svg.icon .icon-3d-badge-full-color-outline {
  stroke: none;
}
.product__view-in-space svg.icon .icon-3d-badge-full-color-element {
  fill: var(--main-text);
  opacity: 1;
}

@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .product-gallery[data-fit=false][data-style=slider] .box--product-media[data-type=external_video] {
    padding-top: 0 !important;
    height: 100%;
  }
  .product-gallery[data-fit=true][data-style=slider] .product-gallery-item:not([data-product-media-type=image]) {
    display: flex;
    align-items: center;
  }
  .product-gallery[data-fit=true][data-style=slider] .product-gallery-item:not([data-product-media-type=image]) .box--product-media {
    width: 100%;
    height: 0;
    margin-top: calc(var(--header-size) * -1);
  }
}
.box--product-media[data-type=video] {
  /*!
   *  3.8. Video popup
  */
  /*.video-popup__container {
    height: 0;
    padding-top: 56.25%;
    position: relative;
  }*/
}
.box--product-media[data-type=video] video-popup {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box--product-media[data-type=video] .video-popup__play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -50%) scale(1);
  transition: all 120ms linear;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.box--product-media[data-type=video] .video-popup__play:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--main-background);
  border-radius: var(--buttons-radius);
}
.box--product-media[data-type=video] .video-popup__play svg {
  position: relative;
  top: 1px;
  height: 50%;
  z-index: 9;
}
.box--product-media[data-type=video] .video-popup__play svg * {
  fill: var(--main-text);
}
.box--product-media[data-type=video] .video-popup__background {
  z-index: 1;
}
.box--product-media[data-type=video] .video-popup__background.onboarding-svg {
  position: absolute;
  top: 0;
  left: 0;
}
.box--product-media[data-type=video] video-popup iframe,
.box--product-media[data-type=video] video-popup video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.box--product-media[data-type=video] .video-popup__blackout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 100ms linear;
  pointer-events: none;
  opacity: 0;
  background: #000;
  z-index: 90;
}
.box--product-media[data-type=video] .video-popup__link {
  cursor: pointer;
  display: block;
}
.no-touchevents .box--product-media[data-type=video] .video-popup__link:hover .video-popup__play:after {
  transform: scale(1.05);
}
.box--product-media[data-type=video] .video-popup__close {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 999;
}
.box--product-media[data-type=video] .video-popup__close svg {
  position: absolute;
  top: -2px;
  left: -3px;
  z-index: 9;
}
.box--product-media[data-type=video] .video-popup__close svg * {
  fill: var(--main-text);
}
.box--product-media[data-type=video] .video-popup__close:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--main-background);
  border-radius: var(--buttons-radius);
}
.no-touchevents .box--product-media[data-type=video] .video-popup__close:hover:after {
  transform: scale(1.05);
}
.box--product-media[data-type=video] video-popup.video-opened .video-popup__close {
  display: block;
}

.quantity-selector-holder {
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(var(--button-size) - 25px + var(--button-extra-margin));
}
.quantity-selector-holder input {
  flex: 1;
  height: calc(var(--button-size) - var(--button-extra-margin));
  text-align: center;
  min-width: 0;
  border-color: var(--main-borders) !important;
  border-width: 1px 0;
  display: inline-block !important;
}

.qty-button {
  width: calc(var(--button-size) - var(--button-extra-margin));
  height: calc(var(--button-size) - var(--button-extra-margin));
  flex-shrink: 0;
  border: 1px solid var(--main-borders);
}
.qty-button.disabled {
  pointer-events: none;
}
.qty-button.disabled svg {
  opacity: 0.36;
}

.product-variant label {
  margin-bottom: 0.5em;
  display: block;
}
.product-variant__name {
  margin-bottom: 1.25em;
  display: block;
}
.product-variant:not(:last-child) {
  margin-bottom: 2em;
}
.product-variant__container {
  display: flex;
  flex-wrap: wrap;
  margin: -5px 0 0 -10px;
}
.product-variant__container .product-variant__item {
  position: relative;
  height: 44px;
  margin: 5px 10px;
}
.product-variant__container .product-variant__item input {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.product-variant__container .product-variant__item input:checked + label {
  border-color: var(--main-text) !important;
}
.product-variant__container .product-variant__item input[disabled] + label {
  opacity: 0.32;
}
.product-variant__container .product-variant__item input[disabled] + label:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc( 100% - 20px );
  height: 1px;
  content: "";
  background: var(--main-text);
  transform: translateX(-50%);
}
.product-variant__container .product-variant__item label {
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  line-height: 1;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 0 15px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 100ms linear !important;
  border: 1px solid transparent;
  border-radius: var(--buttons-radius);
}
.no-touchevents .product-variant__container .product-variant__item label:hover {
  border-color: var(--main-background-secondary);
}
.product-variant__container .product-variant__item label span {
  width: 22px;
  height: 22px;
  border-radius: var(--buttons-radius);
}
.product-variant__container .product-variant__item--size label {
  min-width: 44px;
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
}
.product-variant__container .product-variant__item--color {
  height: 50px;
}
.product-variant__container .product-variant__item--color label {
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
}
.product-variant__container .product-variant__item--color span {
  margin-right: 10px;
  background-size: cover;
  background-repeat: no-repeat;
}
.product-variant__container .product-variant__item--color span[style~=white], .product-variant__container .product-variant__item--color span[style~=blanc] {
  border-color: var(--main-background-third);
}
.product-variant input.focus + label {
  box-shadow: 0 0 0px 3px var(--main-background-secondary);
}

search-form input[type=search] {
  font-size: calc(16px / 16 * var(--base-body-size) + 0px);
}

#section-search .search-bar input[type=search] {
  width: calc(100% - var(--button-size));
  float: left;
}
#section-search .search-bar button {
  background: var(--main-color);
  width: var(--button-size);
  padding-top: 8px;
  height: var(--button-size);
}
#section-search .search-bar button svg * {
  fill: var(--main-color);
}

.search-results.predictive-search .search-item {
  align-items: center;
}
.search-results.predictive-search .search-item .content {
  display: flex;
  flex-direction: column;
  margin-top: -10px;
  width: 100%;
}
.search-results.predictive-search .search-item.article .content {
  width: 100% !important;
  margin-left: 0 !important;
}
.search-results.predictive-search .search-item.article.smaller-margin + .smaller-margin {
  margin-top: -15px;
}
.search-results.predictive-search .search-item.article .caption {
  line-height: 1.2;
  margin-top: 5px;
}
.search-results.predictive-search .search-item.blank .title, .search-results.predictive-search .search-item.blank .caption {
  width: 100%;
  background: var(--main-background-secondary);
  height: 20px;
  position: relative;
  overflow: hidden;
  display: block;
}
.search-results.predictive-search .search-item.blank .caption {
  width: 60%;
  margin-top: 10px;
}
.search-results.predictive-search .search-item.blank .thumbnail:after, .search-results.predictive-search .search-item.blank .title:after, .search-results.predictive-search .search-item.blank .caption:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.05;
  content: "";
  animation: fill-progress 2s infinite;
}
.search-results.predictive-search .search-item.active {
  outline: 2px solid var(--main-background-secondary);
}
.search-results.predictive-search .search-item:focus {
  outline: none !important;
}
.no-touchevents .search-results.predictive-search .search-item:hover img {
  transform: scale(1.05);
}
.search-results.predictive-search .sidebar-divider:first-child:before {
  display: none;
}
.search-results.predictive-search .sidebar__search-results:not(:empty) {
  margin-bottom: 50px;
}

@keyframes fill-progress {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}
.mount-search .newsletter-form .input-group {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .mount-search .newsletter-form .input-group {
    margin: auto;
  }
}
.mount-search .newsletter-form input[type=search] {
  flex-grow: 0;
}

.site-sharing {
  display: flex;
  align-items: center;
  margin-top: 46px;
}
.site-sharing a {
  width: 44px;
  height: 44px;
  position: relative;
  text-decoration: none;
  border: none;
  padding: 10px;
}
.site-sharing a:first-child {
  margin-left: 12px;
}
.site-sharing a svg path {
  fill: var(--main-text);
}
.no-touchevents .site-sharing a:hover svg, .site-sharing a.hover svg {
  transform: scale(1.05);
}

.site-nav {
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  font-size: calc(16px / 16 * var(--base-body-size) + 0px);
  color: var(--header-text);
}
.site-nav:focus {
  outline: none;
}
.site-nav.style--classic {
  display: flex;
  margin-right: -10px;
}
@media screen and (max-width: 1024px) {
  .site-nav.style--classic {
    margin-right: -5px;
  }
}
@media screen and (min-width: 1025px) {
  .site-nav.style--classic .site-nav-container ~ #site-menu-handle {
    display: none;
  }
}
.site-nav.style--classic .show-in-classic {
  display: inline-block;
}
.site-nav.style--classic .primary-menu > ul {
  display: flex;
  flex-wrap: nowrap;
}
.site-nav.style--classic .primary-menu > ul > li {
  flex-shrink: 0;
}
.site-nav.style--classic li {
  display: inline-block;
  margin: 0;
}
.site-nav.style--classic .menu-link {
  line-height: 1;
  color: var(--header-text);
  opacity: 0.92;
  position: relative;
  padding: 15px 20px;
  z-index: 9;
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
}
.site-nav.style--classic .submenu {
  background: transparent;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 100ms linear 40ms, visibility 100ms linear 40ms;
  padding-top: 24px;
}
.site-nav.style--classic .submenu .submenu-holder {
  opacity: 0;
  transform: translateY(5px);
  transition: 80ms linear;
}
.site-nav.style--classic .submenu:after {
  content: "";
  position: absolute;
  top: 21px;
  left: 0;
  width: 100%;
  height: 0;
  background: var(--header-background);
  border: 1px solid var(--header-borders);
  border-top: none;
  z-index: -1;
  transition: height 100ms cubic-bezier(0.39, 0.575, 0.565, 1) 40ms;
}
.site-nav.style--classic .submenu.mega-menu:after {
  top: 31px;
}
.site-nav.style--classic .has-submenu:hover .submenu,
.site-nav.style--classic .has-submenu.focus .submenu,
.site-nav.style--classic #menu-item-collections.focus .submenu {
  opacity: 1;
  visibility: visible;
  transition: opacity 10ms linear, visibility 10ms linear;
}
.site-nav.style--classic .has-submenu:hover .submenu:after,
.site-nav.style--classic .has-submenu.focus .submenu:after,
.site-nav.style--classic #menu-item-collections.focus .submenu:after {
  height: calc(100% - 24px);
  transition: height 140ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.site-nav.style--classic .has-submenu:hover .submenu .submenu-holder,
.site-nav.style--classic .has-submenu.focus .submenu .submenu-holder,
.site-nav.style--classic #menu-item-collections.focus .submenu .submenu-holder {
  opacity: 1;
  transform: translateY(0);
  transition: 120ms linear 80ms;
}
.site-nav.style--classic .has-submenu:last-child .babymenu {
  left: auto !important;
  right: 100%;
  margin-right: -1px;
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 101%) !important;
}
.site-nav.style--classic .has-submenu:last-child .has-babymenu:hover .babymenu,
.site-nav.style--classic .has-submenu:last-child .has-babymenu.focus .babymenu {
  clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 101%) !important;
}
.site-nav.style--classic .submenu.normal-menu {
  margin-left: -10px;
}
.site-nav.style--classic .submenu.normal-menu .submenu-holder {
  padding: 20px 0;
  margin-top: -1px;
}
.site-nav.style--classic .submenu.normal-menu .submenu-holder > li {
  display: block;
  position: relative;
}
.site-nav.style--classic .submenu.normal-menu .submenu-holder .menu-link {
  padding: 6px 40px 10px 30px;
}
.site-nav.style--classic .submenu.normal-menu .submenu-holder .icon {
  position: relative;
  top: -1px;
  margin-left: 5px;
  transform: rotate(-90deg);
  display: inline-block;
}
.site-nav.style--classic .submenu.normal-menu .babymenu {
  position: absolute;
  display: block;
  left: 100%;
  top: -20px;
  background: var(--header-background);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 0 18px;
  border: 1px solid var(--header-borders);
  opacity: 0;
  margin-left: -1px;
  margin-top: 0;
  visibility: hidden;
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 101%);
  transition: opacity 100ms linear 40ms, visibility 100ms linear 40ms, clip-path 100ms cubic-bezier(0.39, 0.575, 0.565, 1) 40ms;
}
.site-nav.style--classic .submenu.normal-menu .babymenu li {
  opacity: 0;
  transform: translateY(5px);
  transition: 80ms linear;
}
.site-nav.style--classic .submenu.normal-menu .babymenu span {
  position: relative;
  top: -1px;
}
.site-nav.style--classic .submenu.normal-menu .has-babymenu:hover .babymenu,
.site-nav.style--classic .submenu.normal-menu .has-babymenu.focus .babymenu {
  opacity: 1;
  visibility: visible;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 101%);
  transition: opacity 10ms linear, visibility 10ms linear, clip-path 140ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.site-nav.style--classic .submenu.normal-menu .has-babymenu:hover .babymenu li,
.site-nav.style--classic .submenu.normal-menu .has-babymenu.focus .babymenu li {
  opacity: 1;
  transform: translateY(0);
  transition: 120ms linear 80ms;
}
.site-nav.style--classic .submenu.normal-menu .babymenu-faux {
  display: none;
}
.site-nav.style--classic .submenu.normal-menu .has-babymenu a {
  display: block;
}
.site-nav.style--classic .submenu.mega-menu {
  left: 0;
  width: 100%;
  padding: 70px 0;
  display: flex;
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry {
  display: flex;
  flex-wrap: wrap;
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry.with-promotion {
  width: 75%;
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry.with-promotion .mega-link {
  width: 33.33%;
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry.without-promotion {
  width: 100%;
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry.without-promotion .mega-link {
  width: 25%;
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry > .mega-link > .menu-link,
.site-nav.style--classic .submenu.mega-menu .mega-link.has-promotion > .menu-link {
  margin-bottom: 1em;
  display: block;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: auto;
  padding: 0 35px;
  width: 100%;
  max-width: 1180px;
  margin-bottom: -2em;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder .mega-link {
  padding: 0 1em 2em;
  position: relative;
  width: 25%;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder .menu-image {
  position: relative;
  width: 100%;
  margin: 0.5em 0;
  display: block;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder .menu-image > .site-box-background {
  height: 0;
  padding-top: 100%;
  position: relative;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder .menu-image > .site-box-background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.site-nav.style--classic .submenu.mega-menu .icon {
  display: none;
}
.site-nav.style--classic .submenu.mega-menu .menu-link {
  font-size: calc(22px / 16 * var(--base-body-size) + 0px);
  line-height: 1;
  font-weight: var(--font-weight-body-bold);
  text-transform: none;
  padding: 0;
}
.site-nav.style--classic .submenu.mega-menu .babymenu {
  margin-top: -8px;
}
.site-nav.style--classic .submenu.mega-menu .babymenu li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.site-nav.style--classic .submenu.mega-menu .babymenu .menu-link {
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  font-weight: var(--font-weight-body);
  padding: 6px 10px;
  margin-left: -10px;
  line-height: 1.2;
}
.site-nav.style--classic .submenu.mega-menu .has-babymenu > .menu-link {
  color: var(--header-text) !important;
}
.site-nav.style--classic .babymenu li {
  display: block;
  margin: 0;
  line-height: 1;
}
.site-nav.style--classic .babymenu .menu-link {
  padding: 0;
}
.site-nav.style--sidebar {
  display: none;
  /* temp */
  /* end temp */
  position: fixed;
  width: var(--sidebar-movement);
  height: 100vh;
  right: 0;
  top: 0;
  background: var(--header-background);
  color: var(--header-text);
  z-index: 99990;
  overflow: hidden;
  transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateX(100%);
}
.site-nav.style--sidebar .show-in-sidebar {
  display: inline-block;
}
.site-nav.style--sidebar li.has-submenu:not(.collections-menu) {
  position: relative;
}
.site-nav.style--sidebar li.has-submenu:not(.collections-menu) .icon-go {
  top: 16px;
  margin-left: -5px;
  margin-top: 5px !important;
}
.site-nav.style--sidebar li.has-submenu:not(.collections-menu) .icon-go svg {
  margin-left: -35px !important;
}
.site-nav.style--sidebar li.has-submenu:not(.collections-menu) .icon-go svg path {
  fill: var(--header-text) !important;
}
.site-nav.style--sidebar li.has-submenu:not(.collections-menu) .submenu {
  padding: 15px 15px 5px 15px;
  display: none;
}
@media screen and (max-width: 1024px) {
  .site-nav.style--sidebar {
    transition: transform 250ms linear;
  }
}
.site-nav.style--sidebar.active {
  transform: translateX(0);
}
.site-nav.style--sidebar .site-nav-container {
  height: 100%;
  overflow-y: auto;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.site-nav.style--sidebar .site-nav-container::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.site-nav.style--sidebar .site-nav-container .top {
  padding: 35px 0 50px;
  flex: 1;
  position: relative;
}
.site-nav.style--sidebar .site-nav-container .title {
  text-transform: uppercase;
  margin: 0;
  position: relative;
}
.site-nav.style--sidebar .site-nav-container .title:after {
  content: "";
  border-bottom: 1px solid var(--header-borders);
  opacity: var(--alternate-opacity);
  width: 200%;
  margin-left: -50%;
  position: absolute;
  bottom: 0;
}
.site-nav.style--sidebar .site-nav-container .sidebar-title {
  display: flex;
  align-items: center;
  height: var(--header-size);
  max-height: 65px;
  font-weight: var(--font-weight-body-bold);
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 var(--sidebar-padding);
  width: 100%;
  background: var(--header-background);
  z-index: 99;
}
.site-nav.style--sidebar .site-nav-container .subtitle {
  margin: 0;
  height: 60px;
  opacity: var(--alternate-opacity);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.site-nav.style--sidebar .site-nav-container .subtitle:before {
  content: "";
}
.site-nav.style--sidebar .site-nav-container .subtitle:after {
  content: "";
  border-bottom: 1px solid var(--header-borders);
  width: 200%;
  margin-left: -50%;
}
.site-nav.style--sidebar .site-nav-container-last {
  width: calc(100% - 0px);
  position: relative;
  overflow: hidden;
  min-height: 100%;
  padding: clamp(30px, var(--header-size), 65px) var(--sidebar-padding) 40px;
  display: flex;
  flex-direction: column;
}
.site-nav.style--sidebar .to-bottom-content {
  position: static;
  justify-self: flex-end;
}
.site-nav.style--sidebar .site-meta {
  position: absolute;
  top: 60px;
}
.site-nav.style--sidebar .site-social a {
  margin-bottom: 20px;
}
.site-nav.style--sidebar .menu-promotion {
  margin-bottom: 50px;
}
.site-nav.style--sidebar .collections-menu {
  margin-bottom: 50px !important;
}
.site-nav.style--sidebar .collections-menu li {
  margin-bottom: 5px !important;
}
.site-nav.style--sidebar .collections-menu > a, .site-nav.style--sidebar .collections-menu .icon-go {
  display: none;
}
.site-nav.style--sidebar .collections-menu .menu-link {
  font-size: calc(30px / 16 * var(--base-body-size) + 0px);
  font-weight: var(--font-weight-body-bold) !important;
}
.site-nav.style--sidebar .primary-menu li {
  margin-bottom: 12px;
}
.site-nav.style--sidebar .primary-menu .menu-link {
  font-weight: var(--font-weight-menus);
}
.site-nav.style--sidebar .login {
  margin-top: 50px;
}
.site-nav.style--sidebar .babymenu {
  padding: 10px 15px 5px 15px;
  display: none;
}
.site-nav.style--sidebar #menu-item-collections {
  margin-bottom: 40px;
}
.site-nav.style--sidebar #menu-item-collections > a {
  display: none;
}
.site-nav.style--sidebar #menu-item-collections .submenu, .site-nav.style--sidebar #menu-item-collections .babymenu {
  padding-left: 0;
}
.site-nav.style--sidebar #menu-item-collections .submenu {
  display: block;
}
.site-nav.style--sidebar #menu-item-collections li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.site-nav.style--sidebar #menu-item-collections li:hover {
  color: var(--header-text) !important;
}
.site-nav.style--sidebar #menu-item-collections .mega-link .icon {
  position: relative;
  top: -2px;
}
.site-nav.style--sidebar #menu-item-collections .mega-link > .menu-link {
  font-size: calc(30px / 16 * var(--base-body-size) + 0px);
  opacity: 1;
  font-weight: var(--font-weight-body-bold);
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .site-nav.style--sidebar #menu-item-collections .mega-link > .menu-link {
    font-size: calc(22px / 16 * var(--base-body-size) + 0px);
  }
}
.site-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-nav a {
  color: var(--header-text);
}
.site-nav form[role=search] {
  position: relative;
}
.site-nav form[role=search] input[type=search] {
  width: 100%;
  border: none;
  padding: 0;
  color: var(--header-text);
}
.site-nav form[role=search] input[type=search]:focus {
  outline: none !important;
}
.site-nav form[role=search] button {
  position: absolute;
  top: 15px;
  right: 20px;
  opacity: 0.12;
  transition: opacity 150ms linear;
}
.site-nav form[role=search] button:hover {
  opacity: 1;
}
.site-nav form[role=search] button svg * {
  fill: var(--header-text);
}
.site-nav .button--solid {
  background: var(--header-text);
  color: var(--header-text-foreground);
}

.primary-menu ul {
  list-style: none !important;
}
.primary-menu li:not(.mega-link) > a:hover, .primary-menu li a.active {
  opacity: 1 !important;
}
.primary-menu .icon {
  margin-left: 10px;
}
.primary-menu .icon svg * {
  fill: var(--header-text);
}

.menu-promotion {
  width: 100%;
}
.menu-promotion:before, .menu-promotion:after {
  display: none;
}
.menu-promotion > div {
  width: 100%;
  min-height: 200px;
  padding: 60px 25px;
  text-align: center;
  position: relative;
}
.menu-promotion .menu-link {
  display: block;
  position: relative;
  z-index: 1;
}
.menu-promotion .menu-promotion-title {
  font-size: calc(22px / 16 * var(--base-body-size) + 0px);
  font-weight: var(--font-weight-body-bold);
  margin-bottom: calc(var(--text-spacing) - 20px);
  line-height: 1.1;
  position: relative;
  z-index: 1;
  display: block;
}
.menu-promotion .rte {
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  position: relative;
  z-index: 1;
}
.menu-promotion .rte p {
  margin-bottom: calc(var(--text-spacing) - 15px);
}
.menu-promotion .rte a {
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
}
.menu-promotion a.button {
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  font-weight: var(--font-weight-body-bold);
  position: relative;
  z-index: 1;
  height: auto;
  margin-top: 5px !important;
  line-height: 1.2;
  padding: 15px 29px;
}
.menu-promotion .site-box-background img {
  max-height: none;
}

@media screen and (max-width: 640px) {
  .site-nav.style--sidebar .site-nav-container {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #site-navigation .menu-promotion a.button {
    margin-top: 0 !important;
  }
}
.site-social {
  margin-bottom: 30px;
  display: flex;
}
.site-social a {
  margin: 0 7px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.site-social a svg {
  width: 20px !important;
  height: 20px !important;
}
.no-touchevents .site-social a:hover svg {
  transform: scale(1.05);
}

/*
 *  SECTION 5 - CONTENT (SECTIONS)
*/
.box__collections .box__image-text {
  padding: var(--box-small-padding);
}

.collection-slider-product-item {
  position: relative;
}
.collection-slider-product-item:not(:last-child) {
  border-bottom: 1px solid var(--main-borders);
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .collection-slider-product-item {
    width: 80vw !important;
    height: calc(80vw + 100px) !important;
    margin-top: -1px;
    margin-right: 0;
    border-left: none;
  }
  .collection-slider-product-item .product-item {
    width: 100%;
    height: 100% !important;
  }
}

.box__collection .css-slider-navigation-container:before {
  display: none;
}

.box__landing-banner {
  width: 100%;
  padding: var(--box-auto-top) 0 !important;
}
.box__landing-banner[data-size=full] {
  min-height: var(--window-height);
}
@media screen and (max-width: 480px) {
  .box__landing-banner[data-size=full] {
    min-height: 75vh;
  }
}
.box__landing-banner[data-size=half] {
  min-height: 50vh;
}
.box__landing-banner .site-box-content .content {
  position: relative;
  z-index: 9;
}

countdown-clock {
  z-index: 9;
  position: relative;
  display: flex;
  justify-content: center;
  height: 110px;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  countdown-clock {
    height: 90px;
  }
}
countdown-clock.hide {
  visibility: hidden;
}
.horizontal-left countdown-clock {
  justify-content: flex-start;
}
.horizontal-center countdown-clock {
  justify-content: center;
}
.horizontal-right countdown-clock {
  justify-content: flex-end;
}
countdown-clock .time {
  font-weight: var(--font-weight-body-bold);
  display: flex;
}
countdown-clock .time-holder {
  display: flex;
  flex-direction: column;
  margin: 0 5px;
  text-align: center;
}
countdown-clock .time-holder .time-data {
  display: flex;
}
countdown-clock .time-holder > span > span {
  width: 49px;
  height: 60px;
  background: var(--main-background);
  border: 1px solid var(--main-borders);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1px;
  border-radius: 6px;
  font-size: 40px;
  font-family: monospace;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  countdown-clock .time-holder > span > span {
    width: 39px;
    height: 50px;
    font-size: 30px;
  }
}
@media screen and (max-width: 480px) {
  countdown-clock .time-holder > span > span {
    width: 29px;
    height: 40px;
    font-size: 20px;
  }
}
countdown-clock .time-helper {
  opacity: 0.62;
  margin-top: 1em;
}

.featured-product-link {
  margin-top: -1em;
  display: block;
}
.featured-product-link .underline-animation {
  background-size: 100% 1px;
}

.box__gallery .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(0deg, rgba(51, 51, 51, 0.3) 0%, rgba(51, 51, 51, 0.25) 20%, rgba(51, 51, 51, 0.2) 40%, rgba(51, 51, 51, 0.15) 60%, rgba(51, 51, 51, 0.1) 80%, rgba(51, 51, 51, 0.05) 90%, rgba(51, 51, 51, 0.02) 96%, rgba(51, 51, 51, 0) 100%);
  color: #fff;
  padding: 35px 15px 15px;
  line-height: 1;
  font-size: body-size(13px);
  opacity: 0;
  transition: all 200ms linear;
}

.box__gallery img.lazyloaded ~ .caption {
  opacity: 1;
}

.no-touchevents .box__gallery img {
  transition: transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 150ms linear;
}
.no-touchevents .box__gallery a:hover img {
  transform: scale(1.05);
}

.box__announcement .site-box-content {
  padding: 0 var(--box-big-padding);
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .box__announcement .site-box-content {
    width: 100%;
  }
}
.box__announcement.box--text-align-center hr {
  margin-left: auto;
  margin-right: auto;
}
.box__announcement .content > *:last-child {
  margin-bottom: 0;
}
.box__announcement .content > *:not(:last-child) {
  margin-bottom: var(--text-spacing);
}
.box__announcement .content p {
  margin-bottom: 0;
}
.box__announcement .content .button:not(:first-child) {
  margin-top: var(--button-extra-margin);
}
.box__announcement .content hr:not(:first-child) {
  margin-top: calc(var(--text-spacing) + var(--button-extra-margin));
}

.box__image-text {
  color: var(--main-text);
  padding: var(--box-smaller-padding);
  background: none !important;
}
.box__image-text.box--small-padding {
  padding: var(--box-small-padding);
}
.box__image-text.box--large-padding {
  padding: var(--box-smaller-padding);
}
.box__image-text.box--largest-padding {
  padding: var(--box-auto-top) var(--box-big-padding);
}
.box__image-text .site-box-background {
  transition: transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.box__image-text hr {
  transition: width 150ms linear;
}
.box__image-text a.site-box-content {
  padding: 10%;
  margin: -10%;
}
.box__image-text .content > *:not(:last-child) {
  margin-bottom: var(--text-spacing);
}
[data-height=half] .box__image-text .content > *:not(:last-child) {
  margin-bottom: calc(var(--text-spacing) - 10px);
}
.box__image-text .content > *:last-child {
  margin-bottom: 0;
}
.box__image-text .button:not(:first-child) {
  margin-top: var(--button-extra-margin);
}
.box__image-text hr:not(:first-child) {
  margin-top: calc(var(--text-spacing) + var(--button-extra-margin));
}

.no-touchevents .box__image-text a.site-box-content:hover + .site-box-background,
.no-touchevents a.box__image-text:hover .site-box-content + .site-box-background {
  transform: scale(1.05);
}
.no-touchevents .box__image-text a.site-box-content:hover hr,
.no-touchevents a.box__image-text:hover .site-box-content hr {
  width: 80px;
}

.horizontal-right {
  text-align: right;
}
.horizontal-right hr {
  margin-left: auto;
}

.horizontal-center {
  text-align: center;
}
.horizontal-center hr {
  margin-left: auto;
  margin-right: auto;
}

.vertical-middle {
  justify-content: center;
}

.vertical-bottom {
  justify-content: flex-end !important;
}

.vertical-top {
  justify-content: flex-start !important;
}

.box__blank-image {
  height: 0;
  width: 100%;
  position: relative;
}
.box__blank-image .onboarding-svg {
  top: 0;
  left: 0;
}
.box__blank-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  transition: opacity 150ms linear;
  transform: translate3d(0, 0, 0);
}

.box__map .map-info {
  background: var(--main-background);
  position: absolute;
  right: 80px;
  bottom: 80px;
  border: 1px solid var(--main-borders);
  width: 370px;
  padding: 50px;
  max-height: 70vh;
  overflow-y: scroll;
  text-align: left;
}
.box__map .map-info .title {
  margin-top: 0 !important;
  text-align: left !important;
}
.box__map .map-info .rte {
  margin-bottom: 0 !important;
}
.box__map .map-info .rte p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .box__map {
    border-bottom: 1px solid var(--main-borders);
    height: auto !important;
    min-height: 0;
  }
  .box__map .map-info {
    right: auto;
    bottom: auto;
    box-shadow: none;
    width: 100%;
    padding: 50px;
    height: auto;
    max-height: none;
    overflow: hidden;
    position: relative;
  }
  .box__map .contact-map-holder {
    height: 50vh;
    position: static;
  }
}

.contact-map-holder, .contact-map-object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contact-map-object > div {
  background: var(--main-background) !important;
}

.box__text .site-box-content {
  padding: var(--box-auto-top) var(--box-smaller-padding);
}
.box__text .rte + .heading {
  margin-top: 1em;
}

[data-image-position=image-on-right] [data-order="0"] {
  float: right;
}
[data-image-position=image-on-right] [data-order="1"] {
  float: left;
}

.box__shop-the-look .box__collection {
  width: 33vw;
  height: 66vh;
  margin-right: calc(var(--box-smaller-padding) / 2);
  border: 1px solid var(--main-borders);
  position: relative;
}
.box__shop-the-look .box__collection:first-child {
  margin-left: var(--box-smaller-padding);
}

.box__shop-the-look .css-slider-holder {
  scroll-padding-left: var(--box-smaller-padding);
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .box__shop-the-look .box__collection {
    width: 80vw;
    margin-top: -1px;
    height: calc(80vw + 100px);
    margin-right: 0;
    border-left: 0;
  }

  .box__shop-the-look .css-slider-holder {
    scroll-padding-left: 0;
  }

  .box__shop-the-look .css-slider-navigation-container {
    border-top: 0;
  }
}
split-screen-slider {
  /*
    .mount-split-screen-slider:first-child & {
  	  margin-top: calc(var(--header-size) * -1);
  	  &:not([data-size="1"]) .slider-item:first-child .box__heading {
  	    margin-top: calc(var(--header-size) / 2);
  	  }
  	  &[data-size="1"] .slider-item:first-child .box__heading {
  	  	padding-top: calc(var(--header-size) / 2);
  	  }
  	}*/
}
split-screen-slider .slider-item {
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}
split-screen-slider .slider-item:first-child .slider-item-media {
  top: 0;
}
split-screen-slider .box__heading {
  color: var(--main-text);
  border-bottom: none !important;
  z-index: 9;
}
split-screen-slider .box__heading .title + .button {
  margin-top: var(--button-extra-margin);
}
split-screen-slider.layout-full .box__heading {
  width: 100%;
}
split-screen-slider.layout-full .box__heading:after {
  display: none;
}
split-screen-slider.layout-full .slider-item:first-child .slider-item-media > div {
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
split-screen-slider.layout-full .slider-item-media > div {
  height: 100% !important;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  will-change: clip-path !important;
}
split-screen-slider .slider-item-media {
  position: fixed;
  left: 50%;
  top: 0;
  height: 100%;
  width: 50%;
  flex-shrink: 0;
  transition: margin-left 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1024px) {
  split-screen-slider .slider-item-media {
    transition: margin-left 250ms linear;
  }
}
split-screen-slider .slider-item-media > div {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  will-change: transform;
}
split-screen-slider .slider-item-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
split-screen-slider .slider-item-media video {
  min-width: 0;
  min-height: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  object-fit: cover;
  position: absolute;
  top: -1px;
  left: -1px;
  transition: opacity 150ms linear;
}
.loading-support split-screen-slider .slider-item-media video-custom-element {
  opacity: 0;
}
.loading-support split-screen-slider .slider-item-media video-custom-element ~ .lazy-preloader {
  display: block;
}
split-screen-slider .slider-item-media video-custom-element.loaded {
  opacity: 1;
}
split-screen-slider .slider-item-media video-custom-element.loaded ~ .lazy-preloader {
  display: none;
}
split-screen-slider .slider-item-media video-custom-element ~ img {
  display: none;
}
split-screen-slider .slider-item-media-holder {
  height: 100vh;
  position: relative;
}
split-screen-slider .slider-item-media-holder:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
split-screen-slider .slider-item-media-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
}
split-screen-slider.image-on-right .slider-item {
  flex-direction: row-reverse;
}
split-screen-slider.image-on-right .slider-item .slider-item-media {
  left: 0;
  width: calc(50% + 1px);
}
split-screen-slider.image-on-right .slider-item .box__heading {
  border-left: 1px solid var(--main-borders);
}
split-screen-slider.image-on-left .slider-item .box__heading {
  text-align: left !important;
}
split-screen-slider.layout-split.back-to-normal .slider-item-media {
  position: relative;
  left: 0;
}
split-screen-slider.layout-split .box__heading, split-screen-slider.layout-split .slider-item-media-holder {
  background: var(--main-background);
}
split-screen-slider.layout-full .box__heading {
  border: none !important;
}
split-screen-slider.layout-full .slider-item-media {
  left: 0 !important;
  width: 100% !important;
}
split-screen-slider.layout-full.back-to-normal .slider-item-media {
  position: absolute;
  left: 0;
}
body.sidebar-move split-screen-slider:not(.back-to-normal) .slider-item-media {
  margin-left: calc(var(--sidebar-movement)*-1);
}

@media screen and (max-width: 768px), screen and (max-width: 920px) and (max-device-aspect-ratio: 25/30) {
  .mount-split-screen-slider:first-child split-screen-slider {
    margin-top: 0;
  }
  .mount-split-screen-slider:first-child split-screen-slider .slider-item:first-child .box__heading {
    margin-top: 0;
    padding-top: 0 !important;
  }

  #main split-screen-slider:after {
    content: "css-slider";
    display: none;
  }
  #main split-screen-slider:not(.enabled) {
    /*flex-wrap: nowrap;
    overflow-x: auto;*/
  }
  #main split-screen-slider:not(.enabled) > div {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
  }
  #main split-screen-slider[data-size="1"] .css-slider-viewport {
    height: 100%;
  }
  #main split-screen-slider[data-size="1"] .css-slider-holder {
    cursor: default;
  }
  #main split-screen-slider[data-size="1"] .css-slider-navigation-container {
    display: none;
  }
  #main split-screen-slider:not([data-size="1"]) .css-slider-viewport {
    height: calc(100% - 60px);
  }
  #main split-screen-slider .css-slider-holder,
#main split-screen-slider .css-slider-container {
    height: 100%;
  }
  #main split-screen-slider .css-slider-navigation-container {
    position: absolute;
    height: 60px;
    width: 100%;
  }
  #main split-screen-slider .css-slider-navigation-container svg * {
    fill: var(--main-text);
  }
  #main split-screen-slider .css-slider-button {
    background: transparent;
  }
  #main split-screen-slider .css-slider-button.css-slider-next {
    right: calc(var(--site-horizontal-padding) - 10px);
  }
  #main split-screen-slider .css-slider-button.css-slider-prev {
    left: auto;
    right: calc(var(--site-horizontal-padding) + 30px);
  }
  #main split-screen-slider .css-slider-index-navigation {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: calc(var(--site-horizontal-padding) - 5px);
    color: var(--main-text);
  }
  #main split-screen-slider .css-slider-index-navigation span {
    margin: 0 5px;
  }
  #main split-screen-slider .slider-item {
    display: block;
  }
  #main split-screen-slider .slider-item,
#main split-screen-slider .slider-item-media-holder,
#main split-screen-slider .slider-item-media {
    height: 100% !important;
  }
  #main split-screen-slider .slider-item-media {
    top: 0;
    left: 0 !important;
    width: 100% !important;
    position: absolute !important;
  }
  #main split-screen-slider .slider-item-media > div {
    clip-path: none !important;
    height: 100% !important;
  }
  #main split-screen-slider .box__heading {
    text-align: center !important;
    height: 100%;
    width: 100%;
    min-height: 0;
  }
  #main split-screen-slider .box__heading:after {
    display: none;
  }
  #main split-screen-slider .box__heading .tagline + .title {
    margin-top: -0.25em;
  }
  #main split-screen-slider .slider-item-content > * {
    transform: none !important;
  }
  #main split-screen-slider .lazy-preloader {
    display: none !important;
  }
  #main split-screen-slider .box__heading, #main split-screen-slider .slider-item-media-holder {
    background: transparent !important;
  }
  #main split-screen-slider .slider-item-media-overlay {
    display: none;
  }
}
.box__testimonial {
  border-right: 0;
  padding-top: 10%;
  padding-bottom: 10%;
  min-height: 0 !important;
}
.box__testimonial .site-box-content {
  padding: 0 var(--box-smaller-padding);
}
.box__testimonial:last-child {
  border-bottom: none !important;
}
.box__testimonial .cite {
  margin: 0;
}
.box__testimonial .cite span {
  display: block;
  opacity: 0.72;
}
.box__testimonial div.avatar {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  margin-bottom: 40px;
  position: relative;
  background: var(--main-borders);
}
.box__testimonial div.avatar img {
  border-radius: 100%;
}
.box__testimonial div.avatar span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: calc(30px / 16 * var(--base-body-size) + 0px);
  background: var(--main-text);
  color: var(--main-text-foreground);
  border-radius: 100%;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .box__testimonial {
    border-right: none !important;
    border-bottom: none !important;
  }
}
.video-text__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-text__background video {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  opacity: 0;
  top: -1px;
  left: -1px;
  object-fit: cover;
  transition: opacity 100ms linear, background 200ms linear;
}
.video-text__background video + .video-text__image {
  display: none;
}

  {% comment %}
.box__video-background {
  padding-top: var(--box-auto-top);
  padding-bottom: var(--box-auto-top);
}
  
  {% endcomment %}
  
.box__video-background .lazy-preloader {
  display: block;
  z-index: -1;
}

/*!
 *  3.8. Video popup
*/
.video-popup__link {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.video-popup__play,
.video-popup__play svg {
  width: 60px !important;
  height: 60px !important;
  display: block;
  margin: auto;
}

.video-popup__play svg * {
  fill: var(--main-text);
}

.no-touchevents .video-popup__link:hover .video-popup__play svg {
  transform: scale(1.05);
}

.video-popup-holder {
  background: #000;
  padding-top: 56.25%;
  height: 0;
  width: 90vw;
}
@media screen and (max-width: 480px) {
  .video-popup-holder {
    width: 100vw;
  }
}
.video-popup-holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  z-index: 99;
}
.video-popup-holder .basicLightboxClose {
  opacity: 1;
  top: 20px;
  right: 20px;
  border-radius: var(--buttons-radius);
}
.video-popup-holder .basicLightboxClose:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #fff;
  border-radius: var(--buttons-radius);
  z-index: -1;
}
.no-touchevents .video-popup-holder .basicLightboxClose:hover:after {
  transform: scale(1.05);
}
.video-popup-holder .basicLightboxClose * {
  fill: #000;
}

@media screen and (max-width: 1024px) {
  .portable--hide {
    display: none;
  }

  .portable--show {
    display: flex;
  }
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .lap--hide {
    display: none;
  }

  .lap--show {
    display: flex;
  }
}
@media screen and (max-width: 680px) {
  .palm--hide {
    display: none;
  }

  .palm--show {
    display: flex;
  }
}
body {
  padding-top: var(--header-size);
}
body.show-announcement-bar {
  padding-top: calc(34px + var(--header-size));
}

.reduce-top-margin-smarter {
  position: relative;
  z-index: 9;
}

@media screen and (min-width: 1025px), screen and (min-width: 769px) and (orientation: landscape) {
  .fix-me-with-height, .fix-me-with-height-hard {
    height: var(--window-height) !important;
    min-height: 0 !important;
  }

  .fix-me-with-height-min {
    min-height: var(--window-height) !important;
  }

  .fix-me-with-height-half {
    height: calc(var(--window-height)/2) !important;
    min-height: 0 !important;
  }

  #main .margins-quirk-if-first:first-child .reduce-top-margin-if-first,
.reduce-top-margin {
    display: flex;
    min-height: var(--window-height);
    align-items: center;
  }

  #main .margins-quirk-if-first:first-child .box--top-align-if-first {
    justify-content: flex-start;
  }

  .reduce-top-margin-smarter {
    display: flex;
    max-height: var(--window-height);
    align-items: start;
    padding-top: var(--box-auto-top);
  }
  .reduce-top-margin-smarter .site-box-content {
    padding-bottom: var(--box-auto-top);
  }
}
.reduce-top-margin-smarter {
  padding-top: var(--box-auto-top);
}
.reduce-top-margin-smarter .site-box-content {
  padding-bottom: var(--box-auto-top);
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .fix-me-with-height-hard.box--with-scroll {
    height: auto !important;
    overflow: visible;
  }
  .fix-me-with-height-hard.box--with-scroll .reduce-top-margin-smarter {
    max-height: none;
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  #main .margins-quirk-if-first:first-child .box__heading .reduce-top-margin-if-first,
.box__heading .reduce-top-margin {
    width: 100%;
  }
}
#main .margins-quirk-if-first:first-child .reduce-top-margin-if-first,
.reduce-top-margin {
  z-index: 9;
}
#main .margins-quirk-if-first:first-child .reduce-top-margin-if-first.site-box-content > div,
.reduce-top-margin.site-box-content > div {
  width: 100%;
}
.box--bigger #main .margins-quirk-if-first:first-child .reduce-top-margin-if-first,
.box--bigger .reduce-top-margin {
  display: block;
  min-height: 0;
}

.mount-article .box__heading .site-box-content {
  position: relative;
}

.box__product-gallery.slider {
  position: sticky;
  top: 0;
}

.regular-select-cover select, .simple-select-cover select {
  -webkit-appearance: none !important;
}

#shopify-product-reviews .spr-summary-actions-newreview {
  text-align: center;
}

li.has-submenu:hover > ul {
  z-index: 99;
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
  #main .margins-quirk-if-first:first-child .reduce-top-margin-if-first,
.reduce-top-margin {
    min-height: 0 !important;
  }
}
.box--small.box--typo-small.box__heading {
  word-break: break-word;
}
  
  /* ---------------------------- JOHN MOLINA CSS ------------------------------ */
  

  
  /*--------------------------- HOME PAGE CODE ---------------------------*/  
  
  
  
/* video background text */   
  
 .justified-text-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    letter-spacing: 0em;

  }
  
  .layout-stack-child-text-wrapper {
     display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    flex-direction: column;
    align-items: stretch !important;
    justify-content: space-between !important;
  }
  
  .site-box-content1 {
    padding: 3% !important;
    width: 100%;
    height: 100%;

  }
  
  .tracktextfull {
    font-size: 20px !important; 
    color: white !important;
  }
  
/* video background text - dynamic code */   
  @media (min-width: 800px) {
  	.tracktextfull {
    font-size: 40px !important; 
    color: white !important;
  }
  @media (min-width: 1300px) {
  	.tracktextfull {
    font-size: 60px !important; 
    color: white !important;
  }
}
  
  

  /* video background  - dynamic code   */
  

  
  @media (max-width: 1220px) {
  	.site-box-video-background {
      width: 1250px;
     overflow: hidden;
     transform: translateX(-325px) !important;
  }
}
  
  

  
 
 

  
 
  
/* first split slider on homepage  */    
#block-1637249880c19b891c-2 .site-box {
     background: #687D7B   !important;
  color: #a6bbb5  !important;
}

/* second split slider on homepage */

#block-1637249880c19b891c-0 .site-box {
    background: #3d555d    !important;
  color: #c4cccf  !important;
}
  

    
/* third split slider on homepage */
  
#block-1637249880c19b891c-1 .site-box {
    background:  #d0cd96  !important;
    color: #5b5746  !important;
}
  
 
/* fourth split slider on homepage unused */
  
#block-8b8ad469-cf22-4327-842c-cc8a05f1d129 .site-box {
    background: green !important;
  
}
  

/*---------------------------  BLOG PAGE CODE --------------------------- */    
  
/* blog title code */  
  
#blog-title {
  background-image: url("/cdn/shop/files/Blog-bg-v3-03.png?v=1627677571");
  background-size: contain;
  background-color: #d0a786;
  background-position: top;
 
  
}
  
  
  
 /* --------------------------- ABOUT PAGE CODE --------------------------- */    
     
  
  /* first split slider code */  
  
 .justified-text-wrapper1 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    letter-spacing: 0em;
   padding: 5%;

  }
  
   
  
     
      .tracktextfull2 {
    font-size: 15px !important; 
    color: #EAB8A4 !important;
  }
   
     
     @media (min-width: 1300px) {
     .tracktextfull2 {
    font-size: 60px !important; 
    color: #EAB8A4 !important;
 			 }
      }
  
/* first split slider text - dynamic code */   
  
 

     
       .site-box-content2 {
    width: 100%;
    height: 100%;
	position: relative;
    z-index: 2;
    flex-direction: column;
    align-items: stretch !important;
    justify-content: space-between !important;
  }
     
     @media (min-width: 1300px) {
     .site-box-content2 {
    width: 100%;
    height: 100%;
	position: relative;
    z-index: 2;
    flex-direction: column;
    align-items: stretch !important;
    justify-content: space-between !important;
     
     	}
     }
     
     .box__slideshow-item {
       height: 100% !important;
     }
     
      .slideshow-item1 {
       height: 100% !important;
        padding-top: 2%
     }
     

  /* founders section */ 
  
  #founders-section {
    background: #685a6f !important;
    color: #d9d6db !important;
    border: none !important;
  
}
  
   #founders-photo{
  
    border: none !important;
  
}
  
   .justified-text-wrapper3 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    letter-spacing: 0em;
    padding-bottom: 55%;


  }
  
     .tracktextfull3 {
    font-size: 18px !important; 
    color: #d9d6db  !important;
  }
   
     
     @media (min-width: 1300px) {
     .tracktextfull3 {
    font-size: 40px !important; 
    color: #d9d6db  !important;
 			 }
      }
  
  
  
  /* partnerships and manufacturing */
  
   #manufacturing-bg {
    background: #687d7b  !important;
    color: #aeb9b8  !important;
    border: none !important;
  
}
  
 
    .justified-text-wrapper2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    letter-spacing: 0em;



  }

     
     @media (min-width: 1300px) {
    #manufacturing-text  {
   		flex-direction: row-reverse;
       display: flex;
     
     	}
     }
  
      .tracktextfull4 {
    font-size: 18px !important; 
    color: #aeb9b8   !important;
  }
   
     
     @media (min-width: 1300px) {
     .tracktextfull4 {
    font-size: 40px !important; 
    color: #aeb9b8   !important;
 			 }
      }
  
  
   /* --------------------------- ESSENTIAL OILS CODE --------------------------- */  
  
    /* GENERAL STYLING */
  
      
  
  
  
  /* WINTER */
     #essentials-bg {
    background: #c3b1c2   !important;
    color: #685a6f  !important;
    border: none !important;
  
}
  
 
  .essentialtext {
    font-size: 15px !important; 
    color: #736871  !important;
  }
  
  @media (min-width: 1300px) {
     .essentialtext {
    font-size: 19px !important; 
    color: #736871   !important;
 			 }
      }
  
     .tracktextfull5 {
    font-size: 19px !important; 
    color: #736871  !important;
  }
   
     
     @media (min-width: 1300px) {
     .tracktextfull5 {
    font-size: 40px !important; 
    color: #736871   !important;
 			 }
      }
  
  
    /* FALL  */
       #essentialsfall-bg {
    background: #9a413a    !important;
    color: #eab8a4   !important;
    border: none !important;
  
}
  
    .essentialtextfall {
    font-size: 15px !important; 
    color: #eab8a4   !important;
  }
  
  @media (min-width: 1300px) {
     .essentialtextfall {
    font-size: 19px !important; 
    color: #eab8a4    !important;
 			 }
      }
  
     .tracktextfullfall {
    font-size: 19px !important; 
    color: #eab8a4  !important;
  }
   
     
     @media (min-width: 1300px) {
     .tracktextfullfall {
    font-size: 40px !important; 
    color: #eab8a4   !important;
 			 }
      }
  
    
    /* SUMMER  */
       #essentialssummer-bg {
    background: #3d555d   !important;
    color: #dce1e2  !important;
    border: none !important;
  
}
  
    .essentialtextsummer {
    font-size: 15px !important; 
    color: #dce1e2   !important;
  }
  
  @media (min-width: 1300px) {
     .essentialtextsummer {
    font-size: 19px !important; 
    color: #dce1e2   !important;
 			 }
      }
  
     .tracktextfullsummer {
    font-size: 19px !important; 
    color: #dce1e2 !important;
  }
   
     
     @media (min-width: 1300px) {
     .tracktextfullsummer {
    font-size: 40px !important; 
    color: #dce1e2  !important;
 			 }
      }
      
    /* SPRING  */
       #essentialsspring-bg {
    background: #687d7b    !important;
    color: #e5e8e8   !important;
    border: none !important;
  
}
  
    .essentialtextspring {
    font-size: 15px !important; 
    color: #e5e8e8   !important;
  }
  
  @media (min-width: 1300px) {
     .essentialtextspring {
    font-size: 19px !important; 
    color: #e5e8e8   !important;
 			 }
      }
  
     .tracktextfullspring {
    font-size: 19px !important; 
    color: #e5e8e8  !important;
  }
   
     
     @media (min-width: 1300px) {
     .tracktextfullspring {
    font-size: 40px !important; 
    color: #e5e8e8   !important;
 			 }
      }
  
  
  
  /* ----------------- DIFFUSER -------------------*/
  
   .justified-text-wrapper4 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    letter-spacing: 0em;
    padding-bottom: 35%;

  }

  
                              }
  
    /* ----------------- STRAPS -------------------*/
  
   .justified-text-wrapper5 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    letter-spacing: 0em;
    padding-bottom: 20%;

  }
  
  
  
  .essentialtextstraps {
    font-size: 15px !important; 
    color: #736871   !important;
  }
  
  @media (min-width: 1300px) {
     .essentialtextstraps {
    font-size: 19px !important; 
    color: #736871  !important;
 			 }
      }
  
  
   /* ----------------- WINTER ROLL ON  -------------------*/
  
  #winterroll-bg {
    background: #685a6f     !important;
    color: #c0bac3    !important;
    border: none !important;
  
    
    
    .tracktextfullwinterroll {
    font-size: 19px !important; 
    color: #c0bac3   !important;
  }
   
     
     @media (min-width: 1300px) {
     .tracktextfullwinterroll {
    font-size: 40px !important; 
    color: #c0bac3   !important;
 			 }
      }
    
    .essentialtextwinterroll {
    font-size: 15px !important; 
    color: #c0bac3   !important;
  }
  
  @media (min-width: 1300px) {
     .essentialtextwinterroll {
    font-size: 19px !important; 
    color: #c0bac3  !important;
 			 }
      }
    
    
    /* -------------- GRID STYLING + MISSION PAGE------------- */
    
  
  #wrapping {
  display:grid ;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gutter-gap: 1em;
    grid-gap: 20px; 
}
* {box-sizing: border-box;}

@media (min-width: 1400px) {
  #wrapping {
    grid-template-columns: 1fr;
 padding-left: 6%;
  padding-right: 6%;
  }
}

.wrapping {
  border-radius: 5px;

}

.wrapping > div {
  border-radius: 5px;

  padding: 1em;

}

    @media (max-width: 1400px) {
  .mission-text {
    text-align: center;
    margin-right: 0%;
    margin-left: 0%;
  }
    }
   
      .mission-text {
        text-align: center;
      }
      
      {% comment %} does not dictate anything    
    
  .seasongrid {
  display: grid;
  grid-template-columns: 1fr;
padding-left: 10%;
  padding-right: 10%;
}
* {box-sizing: border-box;}

@media (min-width: 1400px) {
  .seasongrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
 padding-left: 15%;
  padding-right: 15%;
  }
}

.seasongrid {
  border-radius: 5px;

}

.seasongrid > div {
  border-radius: 5px;

  padding: 1em;

} 
      {% endcomment %}
      
        #missiongrid {
padding-left: 10% !important;
  padding-right: 10% !important;
}


@media (min-width: 1400px) {
  #missiongrid {
 padding-left: 17% !important;
  padding-right: 17% !important;
    padding-bottom: 30px;
  }
}
    
    
    
    @media (min-width: 1400px) {
  .mission-text2 {
    
 padding-left: 20%;
  padding-right: 20%;
    
  }
}
    

    /*------- product story content -------- */
    
    .soni-one {
      
    }
    
    #rich-text-bg {
      background-color: #687d7b    !important;
    }
    
    
    #rich-text-bg2 {
      background-color: #9A413A    !important;
    }
    
    
    .essentialsspring-bg2 {
      background-color: #9A413A    !important;
       color: #e5e8e8   !important;
    border: none !important;
    }
    
    
    
    /*------ free stuff grid ------*/
    
     
    .free-grid {
  display: grid; 
  grid-template-columns: 1fr 1fr;
 grid-gap: 10px; 
}


@media (max-width: 1000px) {
  .free-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gutter-gap: 1.3em;
    grid-gap: 10px; 
  }
}

@media (min-width: 1500px) {
  .free-grid {
    grid-template-columns: 1fr 1fr 1fr;
    gutter-gap: 1em;
    grid-gap: 10px; 
  }
}
  
    
    
    .wrapping2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
padding-left: 0%;
  padding-right: 0%;
}
* {box-sizing: border-box;}

@media (min-width: 1400px) {
  .wrapping2 {
    grid-template-columns: 1fr 1fr 1fr;
 padding-left: 6%;
  padding-right: 6%;
  }
}

.wrapping2 {
  border-radius: 5px;

}

.wrapping2 > div {
  border-radius: 5px;

  padding: 1em;

}

/*.afterpay-paragraph { 
  display: contents !important; 
}*/

.cart-actions.buttons-holder { flex-direction: row-reverse; }


.instafeed-shopify {margin-top: 0px !important;}


  .wrapping {
  display: grid; 
  grid-template-columns: 1fr 1fr;
 grid-gap: 16px; 
}


@media (min-width: 1000px) {
  .wrapping {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gutter-gap: 1.3em;
    grid-gap: 20px; 
  }
}

@media (min-width: 1500px) {
  .wrapping {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gutter-gap: 1em;
    grid-gap: 20px; 
  }
}


.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
  /*	display: inline-block; john molina removing this to make bottom homepage banner full width */
	overflow: hidden;
	max-width: 100%;
	height: 100%;

 
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;

}
  
.hvrbox:hover  .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}


.recharge-te {
    --theme-prima-background-color: ##F5EAE0;
}

.afterpay-logo .afterpay-logo-badge-background {
  fill: #c0b7b6; !important
}