/** Shopify CDN: Minification failed

Line 9829:6 Unexpected "{"
Line 9829:7 Expected identifier but found "%"
Line 9829:33 Unexpected "{"
Line 9829:34 Expected identifier but found "%"

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

  KrownThemes Split
  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;
}
.text-w-icon__rte p a{margin:0 auto;}
.site-box-content .content .button--solid, .site-box-content .button--solid{margin:0;}
.grecaptcha-badge { 
    visibility: hidden;
}

@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;
}

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

.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);*/
  font-weight: 700;
}

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);
}
.site-nav input::placeholder {
  color: var(--header-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);
}
.no-touchevents .site-nav textarea:hover {
  border-color: var(--header-text);
}
textarea:focus {
  outline: none;
  border: 2px solid var(--main-text);
}
.site-nav textarea:focus {
  border: 2px solid var(--header-text);
}
.site-nav textarea {
  color: var(--header-text);
  border: 1px solid var(--header-background-secondary);
  background: var(--header-background);
}
textarea:-webkit-autofill {
  box-shadow: 0 0 0px 1000px var(--main-background-secondary) inset;
  background: var(--main-background-secondary);
  color: var(--main-text);
}
.site-nav textarea:-webkit-autofill {
  box-shadow: 0 0 0px 1000px var(--header-background-secondary) inset;
  background: var(--header-background-secondary);
  color: var(--header-text);
}
sidebar-drawer #AjaxCartForm .cart-items {display: block;max-height:calc(100vh - 366px);overflow-y: auto;padding-bottom:30px;}
sidebar-drawer #AjaxCartSubtotal{position: fixed;bottom: 20px;width: 83%;background: #e2dad4;}
sidebar-drawer #AjaxCartSubtotal::before {content: '';border-top: 1px solid #1c1c1c14;display: block;padding-bottom: 10px;width: 200%;margin-left: -30%;}
sidebar-drawer #AjaxCartSubtotal #CartTotal{display: flex;justify-content: space-between;}


textarea::placeholder {
  color: var(--main-text);
}
.site-nav textarea::placeholder {
  color: var(--header-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);
}
.site-nav .button.button--solid {
  background: var(--header-text);
  color: var(--header-text-foreground);
}
.button.button--outline {
  /* border: 2px 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);
}
.site-nav .button.button--outline {
  border-color: var(--header-text);
  color: var(--header-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;
}
#shopify-section-template--16622036287742__1638996489bfff0962 .site-box-content .content .button--solid,
#shopify-section-template--16565748007166__1638996489bfff0962 .site-box-content .content .button--solid,
#shopify-section-template--16569160270078__1638996489bfff0962 .site-box-content .content .button--solid {
    margin: 0 auto;
}
@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;
  transition: all 150ms linear;
}
.no-touchevents select:hover {
  border-color: var(--main-text);
}
.no-touchevents .site-nav select:hover {
  border-color: var(--header-text);
}
select:focus {
  outline: none;
  border: 2px solid var(--main-text);
  display:block !important;
}
.site-nav select:focus {
  border-color: var(--header-text);
  display:block !important;
}

.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;
}
.site-nav .underline-animation {
  background-position: 0 calc(1em + 4px);
  background-image: linear-gradient(to right, var(--header-text), var(--header-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 .site-nav .underline-animation, a:focus .site-nav .underline-animation, .no-touchevents a.thumbnail:hover + a .site-nav .underline-animation {
    background-size: 100% 1px;
  }
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .site-nav .underline-animation.underline-mobile {
    background-size: 100% 1px;
    background-position: 0 calc(1em + 2px);
  }
}
a.selected .site-nav .underline-animation, a.active .site-nav .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){
  .site-box-content .content .button--solid, .site-box-content .button--solid {
      margin: 0 auto;
  }
}
@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: 100%;
/*   margin-left: -10px; */
  margin-bottom: -20px;
}
.buttons-holder > * {
  flex: auto;
  width: auto;
  min-width: 190px;
  margin: 0 10px 20px;
  position: relative;
}
.product-variant:nth-child(1) {
    margin-left: 0;
}
.product-variant:nth-child(1) .custom-radios1{
      margin-left: 0;
}
/*
 *  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);
  padding-bottom: 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: 25%;
  height: 50vh;
  min-height: 0;
}
.Collection-Elementenbank .box--small {
  width: 50%;
  height: 50vh;
  min-height: 0;
}
@media screen and (max-width: 768px){
  .Collection-Elementenbank .box--small {
    width:100%;
  }
  
}

.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;
}

.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;
  }

  .lap--box--small-lg {
    width: 50%;
    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: 480px) {
  .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;
  display:none;
}
.site-box:after {
  content: "";
  height: calc(100%);
  background: var(--main-borders);
  position: absolute;
  right: 0;
  top: 1px;
  width: 1px;
  z-index: 9;
  display:none;
}
.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: hidden;
  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;
  /* display:none; */
}
.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;
}
.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;
}
.rte.subtitle {
    font-family: New Atten Med !important;
}
.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: 480px) {
  .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 svg * {
  fill: var(--main-text);
}
.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 .site-payment:first-child {
  text-align: left;
}
.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, .site-footer .footer-bottom .site-payment {
    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 .localization-form-holder + .footer-copyright .site-payment {
  text-align: right;
}
.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,
.box__newsletter .newsletter-form,
.box__newsletter .newsletter-text {
  margin-bottom: var(--text-spacing);
}
.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: 0;
  text-align: center;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .text-columns-with-icons {
    padding: 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%; */
  padding: 0;
  margin: 0 !important;
}
.text-w-icon__container {
  padding: 12vh 0;
  border-right: 1px solid var(--main-borders);
}

.text-w-icon[data-size="1"] .text-w-icon__container {
  width: 100%;
}
.text-w-icon[data-size="2"] .text-w-icon__container {
  width: 50%;
}
/* .text-w-icon[data-size="4"] .text-w-icon__container {
  width: 25%;
} */
@media screen and (max-width: 480px) {
  .text-w-icon[data-size="2"] .text-w-icon__container {
    width: 100%;
  }
}
.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%;
  
  }

  .text-w-icon__container {
    padding: 12vh 0;
    border-bottom: 1px solid var(--main-borders);
  }
}

.text-w-icon[data-size="4"] .text-w-icon__container {
  width: 25%;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .text-w-icon[data-size="4"] .text-w-icon__container {
    width: 50%;
  }
  
}

@media screen and (max-width: 480px) {
  .text-w-icon[data-size="4"] .text-w-icon__container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  
  }
  
  .text-w-icon__container:nth-last-child(1) {
    border-bottom: none;
  }
}

.text-w-icon .text-w-icon__container:last-child {
  margin-bottom: 0 !important;
}
.text-w-icon svg g {
  stroke-width: 2px;
}

.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-left: 25px;
    padding-right: 25px;
    /* padding: 20px 25px;   */
  }

  .text-w-icon:first-child {
    padding-left: 0;
    /* padding-left: 15px !important; */
    }

  .text-w-icon:last-child {
    padding-right: 0;
    /* padding-right: 0px !important; */
  }
}
/*
 *  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);
  }
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .product-grid-border-fix:not(.fix-borders-top-not) .site-box:nth-child(-n+2) {
    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);
}

.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;
  }
}
#main-collection-product-grid.loading .box__collection,
#main-collection-product-grid.loading .search-item {
  opacity: 0.36;
}

#main-collection-product-grid[data-no-bottom-borders] .box__heading {
  border-bottom: none !important;
}
.template-collection #main-collection-product-grid[data-no-bottom-borders] .box--with-scroll .reduce-top-margin:after {
  min-height: calc(100vh - 1px);
}
#main-collection-product-grid[data-no-bottom-borders] .product-grid-border-fix .site-box[data-order="3"], #main-collection-product-grid[data-no-bottom-borders] .product-grid-border-fix .site-box[data-order="4"] {
  border-bottom: 0;
}
#main-collection-product-grid[data-no-bottom-borders][data-no-borders-all] .product-grid-border-fix .site-box[data-order="1"], #main-collection-product-grid[data-no-bottom-borders][data-no-borders-all] .product-grid-border-fix .site-box[data-order="2"] {
  border-bottom: 0;
}
@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  #main-collection-product-grid[data-no-bottom-borders] .product-grid-border-fix .site-box:nth-last-child(-n+2) {
    border-bottom: 0;
  }
  #main-collection-product-grid[data-no-bottom-borders][data-no-bottom-borders-mobile] .site-box[data-order="1"], #main-collection-product-grid[data-no-bottom-borders][data-no-bottom-borders-mobile] .site-box[data-order="2"] {
    border-bottom: 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: none; */
  }
}
.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 .price .review .rating-icon svg * {
  fill: var(--main-text);
}

.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: none;
    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: none !important; */
    margin-bottom: 1rem !important;
  }

  .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);
}
.product__image-zoom svg rect {
  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);
}
#zoom .zoom__exit rect {
  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 .box__heading:before,
#shopify-product-reviews .box__text:before {
  display: none;
}
#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 {
  display: inline;
}
@media screen and (min-width: 1024px) {
  #shopify-product-reviews .spr-starrating {
    font-size: calc(16px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
  #shopify-product-reviews .spr-starrating {
    font-size: calc(15px / 16 * var(--base-body-size) + 0px);
  }
}
@media screen and (max-width: 480px) {
  #shopify-product-reviews .spr-starrating {
    font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  }
}
#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-custom-rating svg * {
  fill: var(--main-text);
}
#shopify-product-reviews .spr-summary-starrating svg * {
  fill: var(--main-text);
}
#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);
}
.blog-item__summary:not(:last-child) {
  margin-bottom: 12px;
}
.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 svg * {
  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;
}

.site-filter-handle-holder-mobile {
  display: none;
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) and (orientation: portrait) {
  .site-filter-handle-holder:not(.site-filter-handle-holder-mobile) {
    display: none;
  }

  .site-filter-handle-holder-mobile {
    position: relative;
    right: auto;
    height: auto;
    padding: 1px var(--sidebar-padding) 0;
    display: block;
    clear: both;
    border-top: unset;
    /* border-top: 1px solid var(--main-borders); */
  }

  .site-filter-handle-mobile {
    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-mobile svg * {
    fill: var(--main-text);
  }
  .site-filter-handle-mobile .filter-text {
   display: inline-block;
    padding-left: 12px;
    text-transform: none;
    font-size: 16px;
    line-height: 21px;
  }
}
@media screen and (max-width: 480px) {
  .site-filter-handle-holder-mobile {
    padding-top: 3px;
  }
}
.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-text);
  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;
}
.product-badge.rating svg * {
  fill: var(--main-text);
}
.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: cover ;
}

.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;
  }
   .site-box.box--center-align {
    justify-content: center;
  }
  .lap--box--small-lg {
    height: 35vh;
  }
  .box__collection.box--typo-small .product-item .caption {
    padding: 0px 54px 0px 24px;
    height:70px;
    }
    .site-box.box--small.box--no-padding .site-box-content {
      height: 100%;
    }
}

.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;
}
.site-nav .quantity-selector-holder input {
  color: var(--header-text);
  border-color: var(--header-borders) !important;
}

.qty-button {
  width: calc(var(--button-size) - var(--button-extra-margin));
  height: calc(var(--button-size) - var(--button-extra-margin));
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--main-borders);
}
.qty-button svg path {
  fill: var(--main-text);
}
.site-nav .qty-button {
  border-color: var(--header-borders);
}
.site-nav .qty-button svg path {
  fill: var(--header-text);
}
.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: 9999999;
  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: 85px;
  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), 85px) 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);
}

.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;
  }
   .style--one.alt .box--product-image {
      /* height: calc(100% - 100px); */
      height: 100%;
      margin-top: 0px;
    }
  .lap--box--small-lg {
      height: 32vh;
    }
}
@media screen and (max-width: 375px) {
  .style--one.alt .box--product-image {
      /* height: calc(100% - 105px); */
    }
}
@media screen and (max-width: 335px) {
  .style--one.alt .box--product-image {
      /* height: calc(100% - 120px); */
    }
}
.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;
}
.site-nav .site-social a svg * {
  fill: var(--header-text);
}
.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;
    justify-content:center;
  }
  #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;
}

.box__video-background {
  padding-top: var(--box-auto-top);
  padding-bottom: var(--box-auto-top);
}
.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: 480px) {
  .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;
}

.shopify-section.custom-app-section {
  /* border-top: 1px solid var(--main-borders); */
}
/* // SHOPIFIX CUSTOM CSS // */

p, strong, b, h1, h2, h3, h4, h5, span {
  font-family: "New Atten Med"!important;
}

/* //webfonts */


@font-face {
	font-family: "New Atten Med";
	font-display: swap;
	font-weight: normal;
	font-style: normal;
	
        src: url("/cdn/shop/files/NewAtten-Medium.woff2?v=1666801530") format("woff2"),
             url("/cdn/shop/files/NewAtten-Medium.woff?v=1666801530") format("woff");

}
	
@font-face {
	font-family: "New Atten Bk It";
	font-display: swap;
	font-weight: normal;
	font-style: italic;
	
	src: url("//cloud.typenetwork.com/projectLicenseWeb/21327/fontfile/eot/?27d238fe54b19e9fd9d8ae6cec604232d7d80a44");
        src: url("//cloud.typenetwork.com/projectLicenseWeb/21327/fontfile/eot/?27d238fe54b19e9fd9d8ae6cec604232d7d80a44#iefix") format("embedded-opentype"),
             url("//cloud.typenetwork.com/projectLicenseWeb/21327/fontfile/woff2/?27d238fe54b19e9fd9d8ae6cec604232d7d80a44") format("woff2"),
             url("//cloud.typenetwork.com/projectLicenseWeb/21327/fontfile/woff/?27d238fe54b19e9fd9d8ae6cec604232d7d80a44") format("woff");

}
	
@font-face {
	font-family: "New Atten Bk";
	font-display: swap;
	font-weight: normal;
	font-style: normal;
	
	src: url("//cloud.typenetwork.com/projectLicenseWeb/21326/fontfile/eot/?27d238fe54b19e9fd9d8ae6cec604232d7d80a44");
        src: url("//cloud.typenetwork.com/projectLicenseWeb/21326/fontfile/eot/?27d238fe54b19e9fd9d8ae6cec604232d7d80a44#iefix") format("embedded-opentype"),
             url("//cloud.typenetwork.com/projectLicenseWeb/21326/fontfile/woff2/?27d238fe54b19e9fd9d8ae6cec604232d7d80a44") format("woff2"),
             url("//cloud.typenetwork.com/projectLicenseWeb/21326/fontfile/woff/?27d238fe54b19e9fd9d8ae6cec604232d7d80a44") format("woff");

}
	
@font-face {
	font-family: "New Atten Reg";
	font-display: swap;
	font-weight: normal;
	font-style: normal;
	
        src: url("/cdn/shop/files/NewAtten-Regular.woff2?v=1666801530") format("woff2"),
             url("/cdn/shop/files/NewAtten-Regular.woff?v=1666801530") format("woff");

}
	
@font-face {
	font-family: "New Atten Bd";
	font-display: swap;
	font-weight: normal;
	font-style: normal;
	
        src: url("/cdn/shop/files/NewAtten-Bold.woff2?v=1666801529") format("woff2"),
             url("/cdn/shop/files/NewAtten-Bold.woff?v=1666801530") format("woff");

}
  
.site-header .logo img { width: fit-content; }
  
.button.button--outline {
    /* border: 2px solid var(--main-text); */
    background: #1C1C1C;
    color: #fff;
}
  
.site-nav .button.button--outline {
    /* border-color: var(--header-text); */
    color: #fff;
}
  
a { 
	outline: none !important; }
  
.toggle__title {
	outline: none !important;
}
  
  
/* Store Locator Css Start */
.store-locator {
/*     width: 50vw; */
  max-width:999px;
    height: 80vh;
    justify-content: space-between;
    display: flex;
    margin: 5px auto 50px auto;
    flex-flow: row;
}
.Store-map-image {
    width: 80%;
    height: 100%;
}
.store-locator #map {
    display: block;
    width: 100%;
    max-width: 60rem;
    height: 100%;
    margin: 2rem auto;
}
ul.address-sidebar {
    list-style: none;
    padding: 0;
    height: 100%;
    margin: 32px 0 0 0;
    overflow-y: scroll;
}
.address-sidebar li.address-block {
    padding: 10px;
    cursor: pointer;
    display: flex;
    flex-flow: column;
    border-bottom: 1px solid rgba(66,66,66,1);
}
li.address-block:last-child {
    border: none;
}
.address-sidebar li.address-block h3{
    color: rgba(66,66,66,1);
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0;
    font-style: normal;
}
.address-block p.store-detail, .address-block p.store-address, .address-block .contact, .address-block .store-url {
    line-height: 1.5;
    overflow-wrap: break-word;
    hyphens: auto;
    color: rgba(66,66,66,1);
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    margin: 2px 0;
}
.address-block .store-url {
  text-decoration: underline;
}
a.website {
    color: #0078A8;
    text-decoration: underline;
}

.address-sidebar li.address-block.hover h3, 
.address-block.hover p.store-detail, 
.address-block.hover  p.store-address,
.address-block.hover .contact,
.address-block.hover .store-url{
  color:#e2dad4;
}
.hover {
    background: rgb(66, 66, 66);
}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
@media screen and (max-width: 1024px) {
  .store-locator {
    max-width:90vw;
  }
  .address-sidebar li.address-block{
    width:99%;
  }
}
@media screen and (max-width: 840px) {
  .store-locator {
    flex-flow: column-reverse;
    height: 100%;
  }
  .Store-map-image {
    width: 100%;
    height: 90vh;
  }
  .main-store-address {
    height: 250px;
    margin: 10px 0;
  }
  ul.address-sidebar{
    margin:35px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .Store-map-image {
    width: 100%;
    height: 72vh;
  }
  .store-locator{
    margin:0 auto 50px auto;
  }
 
}

@media screen and (max-width: 575px) {
   .Store-map-image {
     height:65vh;
   }
}
@media screen and (max-width: 375px) {
   .Store-map-image {
     height:60vh;
   }
}
/* Store Locator Css End */
/*  color options on collection page  css Start*/
/* custom color option display on specific collectin css start */
.Collection-Elementenbank .style--one.alt .box--product-image{height:100%;}
.caption.collection-caption-Elementenbank{display: flex;justify-content: space-between;background-color:transparent;}
/* .Collection-Elementenbank .style--one.alt .box--product-image img, .Collection-Elementenbank .style--one.alt .box--product-image{height: 100%;} */
.Collection-Elementenbank .site-box.box--center-align{justify-content: center;}
.quick-buy-disabled .box__collection.box--typo-small .product-item .caption.collection-caption-Elementenbank{margin-bottom:0;background:transparent;}
.caption.collection-caption-Elementenbank .custom-radios{display:flex;position: relative;bottom: unset;left: unset;z-index:998;padding: 10px;/*border-bottom: 1px solid #d2cbc5;*/background-color:transparent;}
.caption.collection-caption-Elementenbank .custom-radios .container{margin-right: 3px;height: 25px;margin-bottom: 0;}
.caption.collection-caption-Elementenbank .custom-radios .stof-radios{display:none;}
.caption.collection-caption-Elementenbank .custom-radios .stof-plusIcon{width: 23px;height: 23px;margin-left: 2px;}
/* custom color option display on specific collectin css end */
.quick-buy-disabled .box__collection.box--typo-small .product-item .caption{margin-bottom:0;display: flex;justify-content: space-between;align-items: center;}
.custom-radios {
    position: relative;
    display:block;
    z-index: 99;
}
.custom-radios div {
  display: inline-block;
}

.custom-radios .container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-radios .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-radios .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: none;
  background-color: #eee;
  border-radius: 50%;
  border: 1.5px solid #d2cbc5;
}

.custom-radios .container:hover input ~ .checkmark {
  background-color: #ccc;
}

.custom-radios .container input:checked ~ .checkmark {
  background-color: #2196F3;
}

.custom-radios .container .checkmark i {
  position: absolute;
  display: none;
}

.custom-radios .container input:checked ~ .checkmark i {
  display: block;
}
.custom-radios .container .checkmark i {
   top: 4px;
    left: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
.box--can-stick .site-box-content .caption{
  bottom:15px;
}
@media screen and (max-width: 768px) {
  /* .custom-radios{
    left:25px;
  } */
}
@media screen and (max-width: 767px) {
  .quick-buy-disabled .box__collection.box--typo-small .product-item .caption{height:unset;}
}
@media screen and (max-width: 640px) {
  .quick-buy-disabled .box__collection.box--typo-small .product-item .caption{margin-bottom:15px;}
  .lap--box--small-lg {height: 40vh;}
}
@media screen and (max-width: 480px) {
  /* .custom-radios{
    left:20px;
  } */
    .box__collection.box--typo-small .product-item .caption{padding: 0 0 0 15px;}
}
@media screen and (max-width: 393px) {
  .caption.collection-caption-Elementenbank .custom-radios .container {height: 18px;margin-bottom: 0;width: 18px;}
  .custom-radios .checkmark {height: 20px;width: 20px;}
  .caption.collection-caption-Elementenbank .custom-radios .stof-plusIcon {width: 18px;height: 18px;}

}
@media screen and (max-width: 390px) {
  .quick-buy-disabled .box__collection.box--typo-small .product-item .caption{margin-bottom:0;padding-bottom:20px;}
  /* .custom-radios {bottom:15px;} */
  .lap--box--small-lg {height: 300px;}
  .custom-radios .container{padding-left: 22px;}
  /* .custom-radios .checkmark{height: 22px;width: 22px;} */
  .custom-radios .container .checkmark i {top: 4px;left: 4px;font-size: 10px;}
  .product-item .caption .title{font-size:13px;}
}
/* @media screen and (max-width: 425px) {
  .custom-radios .container{
    padding-left: 30px;
  }
} */
/*  color options on collection page  css End*/

/*  fade in out custom css */
@keyframes fadeIn1 { from { opacity:0;} to { opacity:0.5;} }
 
/* .fade-in {
   opacity:0;  /* make things invisible upon start
   animation:fadeIn1 ease-in 1s;
   animation-fill-mode:forwards;
   animation-duration:2s;
  } */

@keyframes fadeIn { from { opacity:0;} to { opacity:1;} }
 
.fade-in {
   opacity:0;  /* make things invisible upon start */
   animation:fadeIn ease-in 1s;
   animation-fill-mode:forwards;
   animation-duration:1.5s;
  }
 
.fade-in.delayed {
  animation-delay: 2s;
}


/* ============================================ */
/* ============================================ */
/* product page color radio buttons css start */
.custom-radios1 {
    position: relative;
    bottom: 0px;
    top: 4px;
    margin-left:34px;
    z-index: 99;
}
.custom-radios1 div {
  position: relative;
  display: inline-flex;
  margin-right: 5px;
}

.custom-radios1 .container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:30px;
  height:30px;
  margin-top:11px;
}

.custom-radios1 .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-radios1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #eee;
  border-radius: 50%;
  border: 1.5px solid #d2cbc5;
}

.custom-radios1 .container:hover input ~ .checkmark {
  background-color: #ccc;
}

.custom-radios1 .container input:checked ~ .checkmark {
  background-color: #2196F3;
}

.custom-radios1 .container .checkmark i {
  position: absolute;
  display: none;
}

.custom-radios1 .container input:checked ~ .checkmark i {
  display: block;
}
.custom-radios1 .container .checkmark i {
   top: 6px;
    left: 5px;
    color: #e2dad4;
    font-weight: 400;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
  .custom-radios1{
/*     left:25px; */
  }
}
@media screen and (max-width: 480px) {
  .custom-radios1{
    margin-left:0px;
    top:0px;
  }
}
/* product page color radio buttons css End */

/* product page sticky checkout css */
.product-info {
  position: fixed;
  display: block;
/*   border-top: 1px solid #beb8b4; */
  z-index: 999;
/*   background-color: #e1dad5; */
  overflow-y: hidden;
  width:100vw;
  left:0;
  bottom:0;
  height:100px;
      transition: all .5s ease-in-out;
}
.product-info .product-details {position: relative;display: block;background-color: #e1dad5; height:100%;transform: translateY(100%);transition: all 0.5s ease-in-out;}
/* .product-info.show-product{height: 700px;} */
.product-info.show-product{height: 80%;z-index: 999999;}
.product-info.show-product .product-details {transform: translateY(0); height: 100%; overflow-y: scroll;} 
body.cd-show:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000000;
    top: 0;
    left: 0;
    z-index: 99999;
    filter: opacity(0.5);
}
.product-info.show-product .product-footer .items-selected figure {transform: rotate(180deg);}
/* .product-info .product-details::after{content: '';position: absolute;display: block;width: 100%;height: 1px;background-color: #beb8b4;top: 380px;left: 0;} */
.product-info .product-details .down-arrow {position: relative;display: block;width: 30px;height: 30px;overflow: hidden;margin: 0 auto 60px;cursor: pointer;}
.product-info .product-details .down-arrow img {width: 100%;height: 100%;object-fit: cover;}
.product-info .product-details .product-items {position: relative;display: block;padding: 0 200px}

.product-details .product-items .product-item {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 60px;  
    
   
}
.product-info.show-product .product-items .product-item{
   -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.product-details .product-items .product-item:last-child{padding-bottom: 150px;}
.product-details .product-items .product-item figure {position: relative;display: block;width: 110px;height: 110px;overflow: hidden;margin: 0 35px 0 0;flex:0 0 110px;}
.product-details .product-items .product-item figure img {width: 100%;height: 100%;object-fit: cover;}
.product-items .product-item .pdetail {position: relative;flex: 1;}
.product-items .product-item .pdetail h4 {position: relative;display: block;font-size: 16px;line-height: 16px;font-weight:400;color: #000;margin-bottom: 10px;text-transform: capitalize;}
.product-items .product-item .pdetail .price {position: relative;font-size: 14px;line-height: 14px;color: #000;margin-bottom: 0px;font-weight: 600;}
.product-items .product-item .pdetail .info {position: relative;display: block;font-weight:500;font-size: 12px; line-height: 12px;color: #000;margin: 10px 0;}
.product-item .pdetail .minus, 
.product-item .pdetail .plus{ color:#7f7b78;width: 28px; height: 28px; background: #e1dad5; border-radius: 50%; padding: 0; border: 1px solid #beb8b4; display: inline-block; vertical-align: middle; text-align: center; font-size: 23px; line-height:28px;cursor: pointer;font-weight:400;}
.product-item .pdetail input{ height: 30px; width: 30px; text-align: center; font-size: 12px; padding:0; border: none; border-radius: 4px; display: inline-block;  vertical-align: middle; background-color: transparent; font-weight: 500;}
.product-item .pdetail .addinfo {position: relative;display: flex;align-items: center;}
.product-item .pdetail .addinfo .number {position: relative;display: block;margin-right: 20px;margin-bottom:0;}
.product-item .pdetail .addinfo .number .quantity-selector-holder{margin-bottom:0;}
.product-item .pdetail .addinfo .addin {font-size: 12px; line-height: 12px; color: #5b5957; border-bottom: 1px solid #535150; font-weight: 400; padding-bottom: 3px; padding-top: 8px; text-transform: capitalize;cursor:pointer;}
.product-info.show-product.back-color{
  background:#e1dad5;
}

.product-footer {position: fixed;display: flex; background-color: transparent; align-items: center;justify-content: space-evenly;width: 100%; bottom: 0; left: -10px; padding:15px 0;}
/* .product-footer .pf-txt {position: absolute;display:inline-block;background-color: #c9c4c0;border-radius:50px;padding: 3px 8px;top:-30px;
    border: 1px solid #cccccc;
    font-size: 14px;
    display:none;
    cursor:pointer;
    line-height: 22px;
    color: #131313;
    font-weight: 600;} */
.product-footer .pf-txt {
    position: absolute;
    background-color: #f2efe8;
    border-radius: 50px;
    font-family: New Atten Med;
    padding: 3px 14px;
    top: -35px;
    left: 1px;
    font-size: 16px;
    display: none;
    cursor: pointer;
    line-height: 22px;
    color: #131313;
    font-weight: 600;
}
.pf-txt2 {
    position: absolute;
}
.product-footer .pf-fold {position: relative;display: flex;align-items: center; width: 49%;justify-content: space-between; background-color:#f0ece4; margin:0 auto;  border-radius: 50px;   padding: 5px 8px 5px 5px;  }
.product-footer .pf-fold .pf_price {position: relative; display: flex; align-items: center; justify-content: flex-end;cursor:pointer;}
.product-footer .items-selected {position: relative;cursor:pointer;display: flex; align-items: center;}
.product-footer .items-selected .cart-image {position: relative;
    display: flex;
    width: 50px;
    height: 50px;
/*     background-color: #e2d9d3; */
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    flex:0 0 50px;        
    transition: all 0.9s ease-in-out;
}
.product-footer .items-selected .ci-wrap {position:relative;display:flex;}
.product-footer .items-selected .cart-image img {position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-footer .items-selected figure {position: relative;display: block;width: 25px;height: 25px;overflow: hidden;margin:0 0 0 5px;cursor: pointer;}
.product-footer .items-selected figure img {width: 100%;height: 100%;object-fit: cover;}
.product-footer .items-selected h5 {font-size: 18px;line-height: 24px;color: #000;margin-bottom: 0;display:flex;font-weight:600;}
.product-footer .items-selected h5 span {margin-right: 10px;}
.product-footer .price {position: relative;display: block;}
.product-footer .pf-fold .product-price-wrap1 {position: relative;display: flex; align-items: center;}
.product-footer h4 {position: relative;display: flex;align-items: end;color: #000;font-weight: 600;margin-bottom: 10px;font-size: 18px;margin:-1px 35px 0 0;}
.product-footer h4 span {margin-left: 10px;font-weight: 600;}
.product-footer h4 span.pd { display: flex; flex-flow: column;}
.product-footer h4 .pd span.pd_price_1 { font-size: 10px; text-align: center; text-decoration: line-through; color: #00000094;height:0px; }
.product-footer .discount {position: relative; display: block; font-size: 12px; line-height: 12px; text-align: right; text-decoration: line-through;
font-weight: 400;}
.product-footer .btn-checkout {position: relative; font-weight:600;letter-spacing:-0.5px; display: block; background-color: #000; color: #fff; min-width: 125px; padding: 12px 48px;  border-radius: 50px; border: 1px solid #000;text-transform: uppercase; line-height: 20px;font-size: 12px;}
.product-footer .price h4 span.pd_price {font-size:20px;}
.product-footer .items-selected .cart-image.added{
    box-shadow: 0 0 10px #4444449e;
    transform: scale(0.8);  
}
.product-footer .btn-checkout .loader img{
    width: 30px;
    height: auto;
    object-fit: cover;
    margin: 0px auto;
    align-items: center;
    display:none;
}
.item_main_price {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    width: max-content;
}
.item_main_price .price1.item-price{
    position: relative;
    font-size: 14px;
    line-height: 14px;
    color: #0000009e;
    margin-bottom: 0;
    margin-left: 10px;
    font-weight: 600;
    text-decoration: line-through;
}

@media screen and (max-width:1499px){
  .product-footer .items-selected {
    width:30%;
  }
  .custom-radios1{margin-left:20px;}

}
@media screen and (max-width:1200px){
  .custom-radios1{margin-left:-10px; }
  .product-footer .pf-txt{
    display:inline-block;
/*     display:none; */
  }
}
@media screen and (max-width:1199px){
/*   .custom-radios1{
    margin-left:20px;
  } */
  .product-info .product-details .product-items{padding: 0 100px;}
/*   .product-details .product-items .product-item figure {width: 150px;height: 150px;margin: 0 20px 0 0;flex: 0 0 150px;} */
/*   .product-items .product-item .pdetail h4{font-size: 18px;line-height: 24px;}
  .product-items .product-item .pdetail .price {font-size: 18px;line-height: 24px;margin-bottom: 10px;}
  .product-items .product-item .pdetail .info {font-size: 16px;line-height: 20px;} */
/*   .product-item .pdetail .minus, .product-item .pdetail .plus {width: 35px; height: 35px;font-size: 20px; line-height: 25px;} */
/*   .product-item .pdetail input {width: 40px;} */
/*   .product-item .pdetail .addinfo .addin {font-size: 18px; line-height: 20px;} */
  .product-details .product-items .product-item {margin-bottom: 30px;}
  .product-footer .items-selected figure {width: 20px;height: 20px;}
  .product-footer .items-selected {width: 25%;}
  .product-footer .items-selected h5 {font-size: 16px; line-height: 20px;color:#000;}
   .product-footer .items-selected h5 .htxt {display:none;}
  .product-footer h4 {font-size: 21px;margin-bottom: 5px;color:#000;}
  .product-footer h4 span {margin-left: 5px;}
  .product-footer .discount {font-size: 12px;line-height: 12px;}
  .product-footer .btn-checkout {min-width: 125px; padding: 12px 8px;}
  .product-footer .pf-fold {width: 65%;}
  .product-footer .items-selected h5 span {
    margin-right: 0px;
  }
  .product-footer .items-selected figure img {filter: unset;}
  .buttons-holder>*{
    margin:0 6px 20px;
  }
}


@media screen and (max-width:1024px){
  .custom-radios1 {margin-left:0;}
}

@media screen and (max-width:768px){
  .custom-radios1 {margin-left:25px;}
  .Collection-Elementenbank .style--one.alt .box--product-image img, .Collection-Elementenbank .style--one.alt .box--product-image{height:100%;}
}
@media screen and (max-width:850px){
  .buttons-holder {
    width: 100%;
  }
  .custom-radios1 .container{
    margin-top:8px;
  }
}
@media screen and (max-width:767px){
  .product-info .product-details .down-arrow {margin: 0 auto 30px;width: 23px;height: 23px;}
/*   .product-details .product-items .product-item figure { width: 120px; height: 120px; flex: 0 0 120px;}
  .product-items .product-item .pdetail h4 { font-size: 18px; line-height: 22px; margin-bottom: 5px;}
  .product-items .product-item .pdetail .info {font-size: 14px; line-height: 16px; margin-bottom:0;} */
/*   .product-item .pdetail .addinfo .addin { font-size: 14px; line-height: 16px;} */
  .product-details .product-items .product-item:last-child { padding-bottom: 100px;}
  .product-details .product-items .product-item{margin-bottom:40px;}
  .product-info .product-details .product-items { padding: 0 80px;}
  .product-footer .btn-checkout {
      min-width: unset;
      padding: 12px 8px;
      width: 120px;
    font-weight:600;
  }
  .product-footer .items-selected h5 span {font-weight:500;}
  .product-footer h4 span.total_hide {display:none;}
  .product-footer h4 .pd span.pd_price_1{font-size:10px;}
  .product-footer h4 span{margin:0;font-weight:500;font-size:16px;}
  .custom-radios1 {
    margin-left: 23px;
  }
}
@media screen and (max-width:640px) {
  .custom-radios1 {
    margin-left: 18px;
  }
}
@media screen and (max-width:575px) {
  .product-info.show-product{height: 100vh;top: 2%;}
  .product-footer .pf-fold .pf_price{width:100%;}
  .product-footer .pf-fold .product-price-wrap1 {width: 100%;justify-content: flex-end;}
  .product-footer {padding: 0px 0 20px;border-top:unset;}
  .product-footer .pf-fold {width: 100%;padding: 6px 8px 6px 6px;}
  .product-footer .btn-checkout{
    padding: 8px 20px;
  }
  .product-footer .price h4{
    margin: 0 90px 0 0;
    color: #fff;
  }
  .product-footer {
    padding: 30px;
    border-top: unset;
    left:0;
  }
  .product-footer .items-selected .cart-image{
    width: 40px;
    height: 40px;
    flex:0 0 40px;
  }
  .custom-radios1 {
    margin-left: 0px;
  }
  #section-cart .site-box-content.reduce-top-margin{margin: 0 auto;text-align: center;}
  .quick-buy-disabled .box__collection.box--typo-small .product-item .caption.collection-template-caption{flex-flow:column;align-items:flex-start;}
} 
@media screen and (max-width:480px) {
  .product-info .product-details .product-items { padding: 0 35px;}
  .product-footer {justify-content: space-between;}
  .product-footer h4 {font-size: 18px; margin-bottom: 5px;margin-right:0;}
  .product-footer .pf-fold .pf_price {justify-content:space-between;}
  .product-footer .btn-checkout {margin: 0 5px 0 0;}
  .product-details .product-items .product-item:last-child { padding-bottom: 200px;}
  .product-details .product-items .product-item figure { width: 110px; height: 110px; flex: 0 0 110px;}
/*   .product-items .product-item .pdetail h4 {font-size: 16px; line-height: 20px;}
  .product-items .product-item .pdetail .price { font-size: 14px; line-height: 20px;}
  .product-items .product-item .pdetail .info { font-size: 14px; line-height: 14px;margin-bottom: 0px;} */
/*   .product-item .pdetail .minus, .product-item .pdetail .plus { width: 25px; height: 25px; font-size: 22px; line-height: 18px;}
  .product-item .pdetail input { width: 25px;font-size: 16px;} */
  .product-item .pdetail .addinfo .number {margin-right: 10px;    margin-top: 5px;}
  .product-item .pdetail .addinfo .addin {font-size: 12px; line-height: 12px;}
  .product-details .product-items .product-item {align-items: flex-start;}
  .product-item .pdetail .addinfo .addin{padding-top: 4px;}
  .product-footer .btn-checkout {width: auto;font-size: 10px !important;margin-right:0;min-width: inherit;}
  .product-footer .items-selected .cart-image{margin-right: 8px;}
  .product-footer .price h4 span.pd_price{font-size:20px;}
  .product-footer .price h4 {font-size:16px;}
  
}



@media screen and (max-width:375px) {
/*   .product-footer .price {margin:0 0 0 10px;width: 30%;} */
  .product-item .pdetail .addinfo{flex-flow: column;align-items: flex-start;}
  .product-item .pdetail .addinfo .addin, .product-items .product-item .pdetail .info {font-size:12px;}
  .product-details .product-items .product-item figure {width: 110px; height: 110px; flex: 0 0 110px;}
/*    .product-footer .price h4 {font-size: 16px;} */
  .product-footer .price .discount { font-size: 12px; line-height: 16px;}
  .product-footer{padding:20px 10px;}
  .product-footer .items-selected .cart-image{
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }
}
@media screen and (max-width:335px) {
  .product-footer .price {
    margin-left: 5%;
  }
}

.prdo-modal-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0; 
}
.product-modal{
    padding: 50px 50px 20px 50px;
    position: relative;
    display: flex;
    background-color: #e1dad4;
    border-radius: 20px;
    width: 400px;
    margin: 0 auto;
    top: calc(100vh - 70%);
    z-index: 9999999;
    left: auto;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 0px 4px rgb(225 218 212 / 45%);
}
.product-modal h4 {
  font-size: 18px;
  line-height: 27px;
  color: #333;
  font-weight: 600;
/*   text-transform: uppercase; */
  margin-bottom: 40px;
}
.product-modal .counter {
  position: relative;
  display: block;
}
.product-modal .counter span {
  border: 1px solid #d7d2cc;
  position: relative;
  display: block;
  width: 100px;
  margin: 0 auto 10px;
  text-align: center;
  border-radius: 50px;
  cursor:pointer;
  padding: 6px 0;
}
.product-modal .counter span.active {
  background-color: #fff;
}
.product-modal .close {
  position: relative;
  display: flex;
  width: 35px;
  cursor:pointer;
  height: 35px;
  background-color: #c9c4c0;
  border-radius: 50%;
  overflow: hidden;
  margin: 0px -40px -10px auto;
  justify-content: center;
  align-items: center;
}
.product-modal .close img {
  width: 15px;
  height: 15px;
  object-fit: cover;
}
.matras-modal .product-modal{
    top: 50%;
    transform: translate(0, -50%);
}
.product-modal .matras-block{
    display: flex;
    align-items: center;
    gap: 30px;
    flex-flow: column;
}
.product-modal .matras-box h3{
    font-size: 16px;
    line-height: 27px;
    color: #333;
    font-weight: 600;
    margin-bottom: 40px;
    border: 1px solid #b9b2ac;
    padding: 4px 20px;
    border-radius: 30px;
    display: table;
    margin: 0 auto 5px;
    cursor: pointer;
}
.product-modal .matras-box h3:active, .product-modal .matras-box h3:focus {
    background: #fff;
    border-color: #fff;
}
.product-modal .matras-box p{
    font-size: 15px;
    color: #131313;
    font-weight: 400;
    margin: 0px;
    text-align: center;
}
.product-modal .matras-box img{
    max-width: 120px;
    margin: 0 auto;
    display: table;
}
.product-modal .matras-box .info-btn{
    font-size: 15px;
    color: #131313;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-style: italic;
} 
.product-modal .matras-box .info-btn img{
    max-width: 14px;
    margin: 0;
    opacity:0.7;
}
.matras-modal .product-modal .matras-box img{
    margin: -30px auto;
}
.prdo-modal-wrapper.matras-modal .product-modal .matras-box .matras_Img{
  cursor:pointer;
}
.matras-modal .product-modal .matras-box h3{
    position: relative;
    background: #e1dad4;
}
.matras-modal .product-modal .matras-box .info-btn{
    margin: 30px 0 0;
}
.matras-modal .product-modal .close{
    position: absolute;
    right: 15px;
    bottom: 15px;
    margin: 0;
}
.matras-modal .product-modal .matras-box .info-btn img{
    margin: 0;
}
.product-modal .matras-block{
    gap: 0;
}
.matras-modal .product-modal .matras-box{
    padding: 0 0 20px;
    border-bottom: 1px solid #c1b9b3;
    margin: 0 0 20px;
}
.matras-modal .product-modal .matras-box:last-child{
    padding: 0;
    margin: 0;
    border: none;
}
.matras-modal .product-modal .matras-box .info-btn img{
    margin: 0;
}
.matras-modal .product-modal .matras-box .displyPrice{
    margin: 15px 0 0;
    font-size: 15px;
    color: #131313;
    font-weight: 600;
    text-align: center;
    display: block;
}
.matras-modal .product-modal .matras-box .displyPrice span{
    color: #9e9995;
    text-decoration: line-through;
    margin-left:5px;
    font-weight:500;
}
.product-modal h4{
  font-size: 20px;
  margin: 0 0 24px;
}
.matras-modal .product-modal .matras-box{
  border: 1px solid #c1b9b3;
  padding: 24px;
  border-radius: 20px;
  position: relative;
}
.matras-modal .product-modal .matras-box h3{
  padding: 0;
  border: none;
  font-size: 20px;
}
.matras-modal .product-modal .matras-box img{
  max-width: 200px;
}
.matras-modal .product-modal .matras-box a.info-icon{
  position: absolute;
  right: 15px;
  top: 15px;
  width:20px;
  height:20px;
}
.matras-modal .product-modal .matras-box a.info-icon img{
  width: 100%;
  height:100%;
  object-fit:contain;
  margin: 0;
}
.matras-modal .product-modal .matras-box:last-child{
  border: 1px solid #c1b9b3;
  padding: 24px;
  border-radius: 20px;
}
.matras-modal .product-modal .close {
    position: relative;
    right: 0;
    bottom: 0;
    margin: 20px -20px 0 auto;
}
.prdo-modal-wrapper.matras-modal .product-modal .matras-box .matras-desc{cursor:pointer;}

.matras-modal .product-modal {
        top: 40px;
        transform: unset;
        bottom: 40px;
    }
@media (max-width: 767.98px) {
	.prdo-modal-wrapper.matras-modal {padding: 0 0 60px;}
	.matras-modal .product-modal {top: 30px;transform: unset;bottom: 30px;}
}
@media screen and (max-width:425px) {
  .product-modal{
    width:300px;
  }
}
/* custom widget css start */
.product-variants.buttons-holder {width: 90%;}
.widget-button {
    bottom: 15px;
    z-index: 9999999;
    width: max-content;
    position: fixed;
/*     display: none; */
    display: flex;
    align-items: center;
    cursor:pointer;
    justify-content: flex-start;
}
.widget-button .widget-figure {
    width: 60px;
    height: 60px;
    margin: 0 10px 0 15px;
    background: #e2dad4;
    box-shadow: rgb(0 0 0 / 26%) 0px 2px 5px 0px;
    border-radius: 50%;
    padding: 10px 5px;
}
.widget-button .widget-figure figure {
    width: 45px;
    height: 45px;
    margin: 0px 3px 0px 3px;
}
.widget-button .widget-figure figure a img {border-radius: 50%;}
.widget-button span.widget-text {
    display: inline-block;
    background-color: #e2dad4;
    border-radius: 50px;
    padding: 8px 12px 5px 12px;
    top: 0;
    margin-top: 5px;
    font-size: 14px;
    box-shadow: #00000042 0 2px 5px;
    color: #131313;
    font-weight: 600;
    line-height: 18px;
}
@media screen and (max-width:1199px) {
  .pf-txt2 figure{
    position: absolute;
    z-index: 9999999;
    bottom: 38px;
    width: 25px;
    cursor:pointer;
    height: 25px;
    background: #cac5c1;
    border-radius: 50%;
    /* background: #e2dad4; */
    box-shadow: rgb(0 0 0 / 26%) 0px 2px 5px 0px;
    left: 120px;  
  }
}
/* custom widget css End */

 .for-hidden:before{
    visibility:hidden !important;
    opacity: 0;
    transition: visibility 0s linear 300ms, opacity 300ms;
 }
.btn-overlay{
  margin-top: 19px;
}


@media screen and (max-width:830px) {
  #block-template--20637888282957__rich_text_FetckJ, #block-template--20637888282957__rich_text_FwYFVz, #block-template--20637888282957__rich_text_nRHHrt {min-height: 100vw !important;}
  /* .site-box .site-box-background.image_parent_div{width: 100%;height: 100%;position:relative;}
  .site-box .site-box-background.image_fix_with_background{height: auto;}
  .site-box .site-box-background img {height: 100%;width: 100%;}
  .box__heading.box--typo-big{padding:0;} */
}
@media screen and (max-width:490px) {
  sidebar-drawer #AjaxCartForm .cart-items{max-height: calc(100vh - 376px);}
}
@media screen and (max-width:390px) {
  sidebar-drawer #AjaxCartForm .cart-items{max-height: calc(100vh - 396px);}
}
@media screen and (max-width:374px) {
  .cart-item .actions, .search-results.predictive-search .search-item .actions{align-items: flex-start;flex-flow: column;}
  .cart-item .actions .remove, .search-results.predictive-search .search-item .actions .remove{margin-left:0;margin-top:12px;}
  sidebar-drawer #AjaxCartForm .cart-items{padding-bottom:50px;}
}





/* subproducts kleur css  */
.suproduct-combine {display: flex !important;align-items: flex-start;gap: 20px;flex-flow: row-reverse;}
.suproduct-combine product-variants{width: 50%;margin: 0;}
.suproduct-combine .product-variants.buttons-holder{width: 100%;}
.suproduct-combine .product-variant.product-variant1 {margin: 0;}
.suproduct-combine .custom-radios1 {margin: 0;}
.suproduct-combine .custom-radios1 label {display: block;}
.suproduct-combine .product-subproducts {width: 50%;}
.custom-radios1 .checkmark i:before {font: normal normal normal 14px / 1 FontAwesome;}
.suproduct-combine .custom-radios1 label a{ position: static;}
.suproduct-combine .custom-radios1 .container .checkmark i{top: 6px;left: 7px;}
@media (max-width: 767px) {
    .suproduct-combine {flex-flow:column-reverse;}
    .suproduct-combine product-variants {width: 100%;margin: 0 0 30px !important;}
    .suproduct-combine .product-subproducts {width: 100%;}
}
/* subproducts kleur css  */


/* nightlamps popup css */
.nightlamp-modal .product-modal{
    top: 50%;
    transform: translate(0, -50%);
}
.product-modal .nightlamp-block{
    display: flex;
    align-items: center;
    gap: 30px;
    flex-flow: column;
}
.product-modal .nightlamp-box h3{
    font-size: 16px;
    line-height: 27px;
    color: #333;
    font-weight: 600;
    margin-bottom: 40px;
    border: 1px solid #b9b2ac;
    padding: 4px 20px;
    border-radius: 30px;
    display: table;
    margin: 0 auto 5px;
    cursor: pointer;
}
.product-modal .nightlamp-box h3:active, .product-modal .nightlamp-box h3:focus {
    background: #fff;
    border-color: #fff;
}
.product-modal .nightlamp-box p{
    font-size: 15px;
    color: #131313;
    font-weight: 400;
    margin: 0px;
    text-align: center;
}
.product-modal .nightlamp-box img{
    max-width: 120px;
    margin: 0 auto;
    display: table;
}
.product-modal .nightlamp-box .info-btn{
    font-size: 15px;
    color: #131313;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-style: italic;
} 
.product-modal .nightlamp-box .info-btn img{
    max-width: 14px;
    margin: 0;
    opacity:0.7;
}
.nightlamp-modal .product-modal .nightlamp-box img{
    margin: -30px auto;
}
.prdo-modal-wrapper.nightlamp-modal .product-modal .nightlamp-box .nightlamp_Img{
  cursor:pointer;
}
.nightlamp-modal .product-modal .nightlamp-box h3{
    position: relative;
    background: #e1dad4;
}
.nightlamp-modal .product-modal .nightlamp-box .info-btn{
    margin: 30px 0 0;
}
.nightlamp-modal .product-modal .close{
    position: absolute;
    right: 15px;
    bottom: 15px;
    margin: 0;
}
.nightlamp-modal .product-modal .nightlamp-box .info-btn img{
    margin: 0;
}
.nightlamp-modal .product-modal .nightlamp-box{
    padding: 0 0 20px;
    border-bottom: 1px solid #c1b9b3;
    margin: 0 0 20px;
}
.nightlamp-modal .product-modal .nightlamp-box:last-child{
    padding: 0;
    margin: 0;
    border: none;
}
.nightlamp-modal .product-modal .nightlamp-box .info-btn img{
    margin: 0;
}
.nightlamp-modal .product-modal .nightlamp-box .displyPrice{
    margin: 15px 0 0;
    font-size: 15px;
    color: #131313;
    font-weight: 600;
    text-align: center;
    display: block;
}
.nightlamp-modal .product-modal .nightlamp-box .displyPrice span{
    color: #9e9995;
    text-decoration: line-through;
    margin-left:5px;
    font-weight:500;
}
.nightlamp-modal .product-modal .nightlamp-box{
  border: 1px solid #c1b9b3;
  padding: 24px;
  border-radius: 20px;
  position: relative;
}
.nightlamp-modal .product-modal .nightlamp-box h3{
  padding: 0;
  border: none;
  font-size: 20px;
}
.nightlamp-modal .product-modal .nightlamp-box img{
  max-width: 200px;
}
.nightlamp-modal .product-modal .nightlamp-box a.info-icon{
  position: absolute;
  right: 15px;
  top: 15px;
  width:20px;
  height:20px;
}
.nightlamp-modal .product-modal .nightlamp-box a.info-icon img{
  width: 100%;
  height:100%;
  object-fit:contain;
  margin: 0;
}
.nightlamp-modal .product-modal .nightlamp-box:last-child{
  border: 1px solid #c1b9b3;
  padding: 24px;
  border-radius: 20px;
}
.nightlamp-modal .product-modal .close {
    position: relative;
    right: 0;
    bottom: 0;
    margin: 20px -20px 0 auto;
}
.prdo-modal-wrapper.nightlamp-modal .product-modal .nightlamp-box .nightlamp-desc{cursor:pointer;}

.nightlamp-modal .product-modal {
        top: 40px;
        transform: unset;
        bottom: 40px;
    }
@media (max-width: 767.98px) {
	.prdo-modal-wrapper.nightlamp-modal {padding: 0 0 60px;}
	.nightlamp-modal .product-modal {top: 30px;transform: unset;bottom: 30px;}
}
/* nightlamps popup css */


/* nightStands popup css */
.nightstands-modal .product-modal{
    top: 50%;
    transform: translate(0, -50%);
}
.product-modal .nightstands-block{
    display: flex;
    align-items: center;
    gap: 30px;
    flex-flow: column;
}
.product-modal .nightstands-box h3{
    font-size: 16px;
    line-height: 27px;
    color: #333;
    font-weight: 600;
    margin-bottom: 40px;
    border: 1px solid #b9b2ac;
    padding: 4px 20px;
    border-radius: 30px;
    display: table;
    margin: 0 auto 5px;
    cursor: pointer;
}
.product-modal .nightstands-box h3:active, .product-modal .nightstands-box h3:focus {
    background: #fff;
    border-color: #fff;
}
.product-modal .nightstands-box p{
    font-size: 15px;
    color: #131313;
    font-weight: 400;
    margin: 0px;
    text-align: center;
}
.product-modal .nightstands-box img{
    max-width: 120px;
    margin: 0 auto;
    display: table;
}
.product-modal .nightstands-box .info-btn{
    font-size: 15px;
    color: #131313;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-style: italic;
} 
.product-modal .nightstands-box .info-btn img{
    max-width: 14px;
    margin: 0;
    opacity:0.7;
}
.nightstands-modal .product-modal .nightstands-box img{
    margin: -30px auto;
}
.prdo-modal-wrapper.nightstands-modal .product-modal .nightstands-box .nightstands_Img{
  cursor:pointer;
}
.nightstands-modal .product-modal .nightstands-box h3{
    position: relative;
    background: #e1dad4;
}
.nightstands-modal .product-modal .nightstands-box .info-btn{
    margin: 30px 0 0;
}
.nightstands-modal .product-modal .close{
    position: absolute;
    right: 15px;
    bottom: 15px;
    margin: 0;
}
.nightstands-modal .product-modal .nightstands-box .info-btn img{
    margin: 0;
}
.nightstands-modal .product-modal .nightstands-box{
    padding: 0 0 20px;
    border-bottom: 1px solid #c1b9b3;
    margin: 0 0 20px;
}
.nightstands-modal .product-modal .nightstands-box:last-child{
    padding: 0;
    margin: 0;
    border: none;
}
.nightstands-modal .product-modal .nightstands-box .info-btn img{
    margin: 0;
}
.nightstands-modal .product-modal .nightstands-box .displyPrice{
    margin: 15px 0 0;
    font-size: 15px;
    color: #131313;
    font-weight: 600;
    text-align: center;
    display: block;
}
.nightstands-modal .product-modal .nightstands-box .displyPrice span{
    color: #9e9995;
    text-decoration: line-through;
    margin-left:5px;
    font-weight:500;
}
.nightstands-modal .product-modal .nightstands-box{
  border: 1px solid #c1b9b3;
  padding: 24px;
  border-radius: 20px;
  position: relative;
}
.nightstands-modal .product-modal .nightstands-box h3{
  padding: 0;
  border: none;
  font-size: 20px;
}
.nightstands-modal .product-modal .nightstands-box img{
  max-width: 200px;
}
.nightstands-modal .product-modal .nightstands-box a.info-icon{
  /* position: absolute;
  right: 15px;
  top: 15px;
  width:20px;
  height:20px; */
  position: absolute;
    right: 8px;
    top: 8px;
    width: 20px;
    height: 20px;
}
.nightstands-modal .product-modal .nightstands-box a.info-icon img{
  width: 100%;
  height:100%;
  object-fit:contain;
  margin: 0;
}
.nightstands-modal .product-modal .nightstands-box:last-child{
  border: 1px solid #c1b9b3;
  padding: 24px;
  border-radius: 20px;
}
.nightstands-modal .product-modal .close {
    position: relative;
    right: 0;
    bottom: 0;
    margin: 20px -20px 0 auto;
}
.prdo-modal-wrapper.nightstands-modal .product-modal .nightstands-box .nightstands-desc{cursor:pointer;}

.nightstands-modal .product-modal {
        top: 40px;
        transform: unset;
        bottom: 40px;
    }
@media (max-width: 767.98px) {
	.prdo-modal-wrapper.nightstands-modal {padding: 0 0 60px;}
	.nightstands-modal .product-modal {top: 30px;transform: unset;bottom: 30px;}
}
/* nightStands popup css */



    /* START SALE BANNER SECTION */
    .sale-banner {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 25px;
      background: #1d1d1d;
      color: #fafafa;
      padding: 12px 20px;
      font-family: New Atten Med;
    }
    .sale-text {
      font-size: 16px;
      font-weight: 500;
    }
    .countdown {
      display: flex;
    }
    .time-box {
      text-align: center;
      min-width: 40px;
    }
    .time-box span {
      font-size: 22px;
      font-weight: 500;
    }
    .time-box small {
      display: block;
      font-size: 10px;
      color: #ccc;
    }
    .time-box span {
      line-height: 1;
      display: block;
    }
    .time-box small,
    .colon,
    .shop-btn {
      line-height: 1;
    }
    .colon {
      font-size: 22px;
      font-weight: 500;
    }
    .shop-btn {
      background: #E2DAD4;
      color: #29261F; 
      padding: 10px 20px;
      border-radius: 8px;
      {% comment %} color: #000; {% endcomment %}
      font-weight: 500;
      text-decoration: none;
      border: 1px solid #ddd;
    }
    .shop-btn:hover {
      background: #E2DAD4;
    }
    .sale-banner-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      /* margin-top: 34px; */
    }
    .site-header.fix.animate {
      top: 0 !important;
    }
    .counter-bar-enabled.site-header.desktop-view--classic{
      top:62px !important;
    }
    .counter-bar-enabled.site-header.desktop-view--classic.animate {
    top: 0px !important;
}

.top-bar-enabled.sale-banner-wrapper{
    margin-top: 34px;
}
    
    @media (max-width: 767px) {
      .sale-banner {
        gap: 18px;
      }
    }
    @media (max-width: 575px) {
      .sale-banner {
        gap: 8px;
        padding: 12px 6px;
      }
      .sale-text {
        font-size: 12px;
      }
      .time-box {
        min-width: 26px;
      }
      .time-box span {
        font-size: 16px;
      }
      .colon {
        font-size: 14px;
      }
      .shop-btn {
        padding: 8px 14px;
        border-radius: 6px;
        font-size: 12px;
      }
     
      .counter-bar-enabled.site-header.desktop-view--classic{
      top:54px !important;
    }
       
      
    }