/** Shopify CDN: Minification failed

Line 11293:0 Expected "}" to go with "{"

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

  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: 0.58;
  --button-size: 54px;
  --button-padding: 30px;
  --button-extra-margin: 5px;
}

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

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

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

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

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

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

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(18px / 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(32px / 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(60px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1367px) {
  .h0 {
    font-size: calc(60px / 60 * var(--base-headings-size) + 0px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .h0 {
    font-size: calc(60px / 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(54px / 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: 600;
}

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);
}
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(14px / 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;
}

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


.in-stock-green input[type="checkbox"],
.in-stock-green input[type="radio"] {
  background-color: #b2fce4;
}

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);
}
.site-nav select:focus {
  border-color: var(--header-text);
}

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

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

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

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

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

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

.force-no-min-height {
  min-height: auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 1024px) {
  .simple-grid .portable--one-whole {
    width: 100%;
  }
  .simple-grid .portable--one-half {
    width: 50%;
  }
  .simple-grid .portable--one-third {
    width: 33.33%;
  }
  .simple-grid .portable--one-quarter {
    width: 25%;
  }
}
@media screen and (max-width: 768px),
  screen and (max-width: 1024px) and (orientation: portrait) {
  .simple-grid .lap--one-whole {
    width: 100%;
  }
  .simple-grid .lap--one-half {
    width: 50%;
  }
  .simple-grid .lap--one-third {
    width: 33.33%;
  }
  .simple-grid .lap--one-quarter {
    width: 25%;
  }
}
@media screen and (max-width: 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;
}
.site-footer .footer-bottom:first-child {
  padding-top: 50px;
  padding-bottom: 50px;
}
.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;
  font-size: calc(15px / 16* var(--base-body-size) + 0px);
}

/*
 *  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;
  flex-shrink: 0;
}
.site-header .logo img {
  vertical-align: middle;
  object-fit: contain;
  object-position: left;
  height: 100%;
}
.site-header .logo-txt {
  word-break: break-all;
  line-height: 1;
}
.site-header a {
  display: inline-block;
  color: var(--header-text);
}
.site-header.header-scroll {
  position: absolute !important;
  will-change: transform;
}
.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;
}

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

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

.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);
  border-color: var(--main-text);
}
.newsletter-form .input-group button[type="submit"] {
  flex-shrink: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-top: 1px;
  margin-left: -1px;
}
@media screen and (max-width: 480px) {
  .newsletter-form .input-group {
    flex-direction: column;
  }
  .newsletter-form .input-group input,
  .newsletter-form .input-group button {
    border-radius: var(--buttons-radius) !important;
  }
  .newsletter-form .input-group button {
    margin-top: 1em !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.article-tags {
  margin-top: 45px;
}

#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: 1201px) {
  .product-grid-border-fix:not(.fix-borders-split):not(.fix-borders-top-not) .site-box:nth-child(-n + 3) {
    border-top: 1px solid var(--main-borders);
  }
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  .product-grid-border-fix:not(.fix-borders-split):not(.fix-borders-top-not) .site-box:nth-child(-n + 2) {
    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;
  }
}

@media screen and (min-width: 1025px),
  screen and (min-width: 769px) and (orientation: landscape) {
  .template-collection
    .box--with-scroll[data-heading-with-image]
    .reduce-top-margin:after {
    display: none;
  }
  .template-collection
    .box--with-scroll[data-heading-with-image]
    + .box__collection_image {
    margin-left: -1px;
  }
  .template-collection
    .box--with-scroll[data-heading-with-image]
    + .box__collection_image:after {
    right: auto;
    left: 0;
  }
}
.text-link {
  text-decoration: underline;
}

/*!
 *  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 !important;
  }
  .box__product-gallery .css-slider-navigation-container > span {
    margin-top: 1px;
  }
  .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;
}
.box__product-content .site-box-content .metatxt h4.surfboard_product_option {
  padding-top: 0;
}
h4#fin_system {
  padding-top: 30px;
}
@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: 1em;
  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) {
  .move-on-mobile .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-title:first-child.with-badge {
  padding-right: 100px;
}
.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: block;
    padding: var(--box-small-padding) var(--site-horizontal-padding);
  }
  .product-header.product-header--mobile .product-badge {
    top: var(--box-small-padding) !important;
    right: var(--site-horizontal-padding) !important;
  }
  .product-header.product-header--mobile .product-vendor {
    margin-bottom: 1em;
  }
  .product-header.product-header--mobile .product-title {
    margin-bottom: 0.5em;
  }
}
#main .shopify-section:first-child .product-header.product-header--mobile {
  margin-top: -1px;
}

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

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

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

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

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

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

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

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

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

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

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

  .product-header-element:not(.set-mobile-position) {
    display: none !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;
  }
}
#shopify-product-reviews .box__text .site-box-content > p:last-child {
  margin-bottom: 0;
}

.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: contain;
  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;
  width: 120px;
}
.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: 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;
  }
}
@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: -20px;
}
.localization-form-holder .localization-form__item {
  margin-bottom: 20px;
  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;
  max-height: 360px;
  overflow-y: auto;
}
.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;
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
}
.localization-form-holder .regular-select-item button {
  background-color: var(--main-background);
  display: block;
  padding: 11px 12px 9px;
  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: contain !important;
}

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

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

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

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

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

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

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

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

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

.quantity-selector-holder {
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(var(--button-size) - 25px + var(--button-extra-margin));
}
.quantity-selector-holder input {
  flex: 1;
  height: calc(var(--button-size) - var(--button-extra-margin));
  text-align: center;
  min-width: 0;
  border-color: var(--main-borders) !important;
  border-width: 1px 0;
  display: inline-block !important;
}
.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;
}
.other-product .product-variant__container {
  margin: 0;
}
.product-variant__container .product-variant__item {
  position: relative;
  height: 44px;
  margin: 5px 10px;
}
.other-product .product-variant__container .product-variant__item {
  margin: 5px 0px;
}
.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;
}
.other-product
  .product-variant__container
  .product-variant__item
  input[disabled]
  + label {
  opacity: 1;
}
.product-variant__container
  .product-variant__item
  input[disabled]
  + label:after {
  position: absolute;
  top: 50%;
  left: 50%;
  /*   width: calc( 100% - 20px ); */
  width: 0;
  height: 1px;
  content: "";
  background: var(--main-text);
  transform: translateX(-50%);
}
.product-variant__container .product-variant__item label {
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
  line-height: 1;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 0 15px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 100ms linear !important;
  border: 1px solid transparent;
  border-radius: var(--buttons-radius);
}
.no-touchevents .product-variant__container .product-variant__item label:hover {
  border-color: var(--main-background-secondary);
}
.product-variant__container .product-variant__item label span {
  width: 22px;
  height: 22px;
  border-radius: var(--buttons-radius);
}
.product-variant__container .product-variant__item--size label {
  min-width: 44px;
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
}
.product-variant__container .product-variant__item--color {
  height: 50px;
}
.product-variant__container .product-variant__item--color label {
  font-size: calc(14px / 16 * var(--base-body-size) + 0px);
}
.product-variant__container .product-variant__item--color span {
  margin-right: 10px;
  background-size: cover;
  background-repeat: no-repeat;
}
.product-variant__container .product-variant__item--color span[style~="white"],
.product-variant__container .product-variant__item--color span[style~="blanc"] {
  border-color: var(--main-background-third);
}
.product-variant input.focus + label {
  box-shadow: 0 0 0px 3px var(--main-background-secondary);
}

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

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

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

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

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

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

.site-header .logo img {
  width: fit-content;
}

.toggle__title {
  outline: none !important;
}

.toggle__title:focus-visible {
  outline: auto 5px -webkit-focus-ring-color !important;
}

/*************    ---             ---              ---   *************/
/*************    |     CUSTOM CODE BELOW HERE       |   *************/
/*************    ---             ---              ---   *************/

/*-----------------------------------------------------------------------*/
/************************* custom font code ******************************/
@font-face {
  font-family: "UniversNextPro-Regular";
  src: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Regular.eot?v=1657679025"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Regular.woff2?v=1657679025")
      format("woff2"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Regular.woff?v=1657679025")
      format("woff"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Regular.otf?v=1657679025")
      format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UniversNextPro-MediumCm";
  src: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-MediumCm.eot?v=1657679008"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-MediumCm.woff2?v=1657679008")
      format("woff2"),
    url(".https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-MediumCm.woff?v=1657679008")
      format("woff"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-MediumCm.otf?v=1657679008")
      format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UniversNextPro-Medium";
  src: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Medium.eot?v=1657678989"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Medium.woff2?v=1657678989")
      format("woff2"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Medium.woff?v=1657678989")
      format("woff"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Medium.otf?v=1657678989")
      format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UniversNextPro-Light";
  src: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Light.eot?v=1657678970.eot"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Light.woff2?v=1657678971")
      format("woff2"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Light.woff?v=1657678971")
      format("woff"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Light.otf?v=1657678971")
      format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UniversNextPro-Bold";
  src: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Bold.eot?v=1657678950"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Bold.woff2?v=1657678950")
      format("woff2"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Bold.woff?v=1657678950")
      format("woff"),
    url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/UniversNextPro-Bold.otf?v=1657678950")
      format("opentype");
  font-weight: normal;
  font-style: normal;
}

/*---------------------------------------------------------------------------*/
/************************ global page custom code ****************************/

/* Fix underline animation positioning for Univers Next font - Fl changes */
.underline-animation {
  background-position: 0 calc(1em + 2px) !important;
}

.site-nav .underline-animation {
  background-position: 0 calc(1em + 2px) !important;
}

.underline-animation-thick {
  background-position: 0 calc(1em + 4px) !important;
}

.underline-animation-alternative {
  background-position: 0 calc(1em + 1px) !important;
}


.breadcrumb__current,
.breadcrumb__link a,
.breadcrumb__separator {
  opacity: 1 !important;
}


/* split sections global */
/* --------------------- */
.se-global-custom-split-section-container {
  width: 100%;
}

.se-global-custom-split-section--row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
}

.se-global-custom-split-section--row-reverse {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  box-sizing: border-box;
}

.se-global-custom-split-section--text-container {
  aspect-ratio: 1 / 1 !important;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  flex: 50%;
  padding: 120px;
  margin: 0;
  box-sizing: border-box;
}

.se-global-custom-split-section--text {
  display: block;
  box-sizing: border-box;
}

.se-global-custom-split-section--text-header {
  text-align: left;
  width: 100%;
  display: block;
}

.se-global-custom-split-section--button-container { 
  margin: 30px 0 0 0;
}
/* split sections global end */
/* ------------------------- */


/*------------------------------------------------------------------------------------------*/
/************************ Instagram feed home page  custom code *****************************/

a#igr-powered-by {
    /*display: none !important;*/ /* removes powered by on Instagram feed can remove if a problem */
}

/*---------------------------------------------------------------------------------------------*/
/************************ Instagram feed home page custom code end *****************************/


/*---------------------------------------------------------------------------*/
/************************ model page custom code *****************************/

.product-header .product-vendor a {
  /* vender styling */
  border-bottom: none;
  text-transform: uppercase;
}

span.product-price.product__price--original.text-size--large {
  /* weight of price font */
  font-weight: 600;
}
.product-header .product-title {
  /* space between price and tax */
  margin-bottom: -0.15em;
}

.product-header .product-meta {
  /* colour of tax */
  opacity: 1 !important;
  margin-top: 0.05em;
}

.product-policies.text-size--smallest {
  /* margin underneath tax */
  margin-bottom: 35px;
}

 .surfboard_product_option {
    padding: var(--main-spacing-section, 35px) 0 20px 0;
    margin: 0 !important;
  }

.surfboard_product_option_container {
  margin-bottom: 18px!important;
}

.stock-custom p.note-para {
  margin-bottom: 20px!important;
  padding-left: 10px;
}

.breadcrumb__current {
  opacity: var(--alternate-opacity);
  font-weight: var(--font-weight-body-bold);
}

.icon {
  /* removes the arrow icon on the volume calculator */
  display: none;
}


/* overview sections */
@media screen and (min-width: 1024px) {
  .se-model-overview {
    font-size: calc(32px / 16 * var(--base-body-size) + 0px);
    word-spacing: -2px;
  }
  .se-model-sub-headers {
    font-size: calc(32px / 16 * var(--base-body-size) + 0px);
    margin-bottom: 14px;
    word-spacing: -2px;
  }
  .se-model-name-caption {
    line-height: 40px;
    word-spacing: -3px;
  }
  .se-model-name-caption-tagline {
    line-height: 40px;
  }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
  .se-model-overview {
    font-size: calc(22px / 16 * var(--base-body-size) + 0px);
  }
  .se-model-sub-headers {
    font-size: calc(22px / 16 * var(--base-body-size) + 0px);
    margin-bottom: 14px;
  }
  .se-model-name-caption,
  .se-model-name-caption-tagline {
    line-height: var(--base-headings-line) !important;
  }
  .se-model-name-caption-range {
    font-size: calc(16px / 16 * var(--base-body-size) + 0px);
  }
  .stock-custom p.note-para {
    padding-left: 0px;
  }
}
@media screen and (max-width: 480px) {
  .se-model-overview {
    font-size: calc(20px / 16 * var(--base-body-size) + 0px);
  }
  .se-model-sub-headers {
    font-size: calc(20px / 16 * var(--base-body-size) + 0px);
    margin-bottom: 14px;
  }
  .se-model-name-caption,
  .se-model-name-caption-tagline {
    line-height: var(--base-headings-line) !important;
  }
  .se-model-name-caption-tagline {
    letter-spacing: -0.01em;
  }
  .se-model-name-caption-range {
    font-size: calc(16px / 16 * var(--base-body-size) + 0px);
  }
  .stock-custom p.note-para {
    padding-left: 0px;
  }
  .details_side-panel:nth-of-type(2) .se-model-p-sub-headers-bottom:last-of-type {
    margin-bottom: unset;
  }
}

.se-model-overview {
  margin-bottom: 48px;
}

.se-model-name-caption {
  margin-bottom: -1px;
}

h4.se-model-name-caption-range {
  margin-bottom: 12px;
  text-transform: uppercase;
  font-weight: 500;
}

h4.se-model-name-caption-tagline {
  margin-bottom: 32px;
}

.se-model-p-sub-headers-bottom {
  margin-bottom: 32px;
}


.se-model-p-bottom {
  margin-bottom: 48px;
}

.rte a {
  border-bottom: none; /* removes underline to allow for link animation */
}

.product-header .product-title {
  word-spacing: -3px;
}

.surfboard_product_details_container {
  border-color: #e7e7e7 !important;
  border-top: solid 1px;
}

.progressbar_background:after {
    border: 1px solid #1D1F20 !important; /* controls the border thickness on infographics */
}

.progressbar_container:before { /* controls the border thickness on infographics */
    width: 1px !important;
}

.progressbar_background:before { /* controls the border thickness on infographics */
    width: 1px !important;
}

.progressbar_container:after { /* controls the border thickness on infographics */
    width: 1px !important;
}

.progressbar_label.numbering p:after { /* controls the border thickness on infographics */
    width: 1px !important;
}



/*-------------------------------------------------------------------------------------*/
/************************ third party payments custom code *****************************/

.third-party-payments-container {
  margin-bottom: 34px;
}

.custom-afterpay-container {
  /* afterpay styling */
  margin: 10px 0 4px 0;
}

.custom-zippay-container {
  /* Updated zippay styling */
  width: 100%;
  margin: 0;
  border-top: solid 1px #e2e2e2;
}

div#partpayCalculatorWidgetUnderCopy,
span#partPayCalculatorWidgetTextFromCopy {
  /* Updated zippay styling */
  font-family: "Univers Next", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.product-form {
  margin: 42px 0 25px 0;
  clear: both;
}

#partPayCalculatorWidget #partPayCalculatorWidgetLogo {
  /* zippay styling */
  display: flex;
  flex-direction: column;
  float: left !important;
  align-items: flex-start !important;
  padding-left: 0px;
}

span#partPayCalculatorWidgetLearn {
  /* zippay styling */
  font-size: 12px;
}

span#partPayCalculatorWidgetTextFromCopy {
  /* zippay styling */
  padding-left: 0px !important;
}

#partPayCalculatorWidget
  #partPayCalculatorWidgetText
  #partPayCalculatorWidgetTextFromCopy {
  /* zippay styling */
  margin-right: 0px !important;
}

div#partPayCalculatorWidgetLogo {
  /* zippay styling */
  width: 15% !important;
  height: 20% !important;
  margin-right: 6px;
}

#partPayCalculatorWidget {
  /* zippay styling */
  padding: 18px 0 21px 0 !important;
  width: 100% !important;
}

#partPayCalculatorWidget #partPayCalculatorWidgetLogo > img {
  /* zippay styling */
  height: 24px;
  margin-top: 0px !important;
}

#partPayCalculatorWidget #partPayCalculatorWidgetText #partPayCalculatorWidgetTextFromCopy>span {
    font-weight: 500 !important;
}

p.afterpay-paragraph {    
  display: block!important;
  margin-bottom: 20px;
  max-width: 400px;
}

@media screen and (max-width: 480px) {
  .third-party-payments-container {
    margin-bottom: 0px;
  }
  .box__product-content .site-box-content {
    padding: 50px 0;
  }
  .product-policies.text-size--smallest {
    margin-bottom: 20px;
  }
  .product-header.product-header--mobile .product-vendor {
    margin-bottom: 1.25em;
  }
  .product-header.product-header--mobile .product-title {
    margin-bottom: 0.25em;
  }
}

/*----------------------------------------------------------------------------*/
/************************ email sign up custom code ***************************/

input#Email-newsletter {
  background-color: #ffffff;
  border: 2px solid #1D1F20;
}

/*-----------------------------------------------------------------------*/
/************************ footer custom code *****************************/

.se-flag-logo-container {
  height: 44px;
  display: flex;
  margin-bottom: 50px;
  padding-top: 150px;
}

@media screen and (max-width: 480px) {
  .se-flag-logo-container {
  padding-top: 100px;
}
}
  
.se-flag-logo-container > div {
  display: block;
  width: 100%;
  min-height: 100%;
}

.left-column {
  height: 44px;
  flex: 0 0 125px;
}

.right-column {
  width: 100px;
  height: 44px;
}

.se-flag-logo {
  height: 44px;
  box-sizing: border-box;
  padding-right: 44px;
}

.top-se-flag-container {
  width: 100%;
  height: 24px;
  border-bottom: solid 1px #333333;
}

.bottom-se-flag-container {
  width: 100%;
  height: 25px;
}

#section-footer:before {
  /* removes top border from footer */
  display: none !important;
}

div.footer-content.rte {
  margin-top: 0px !important;
}

.footer-content.rte {
  font-size: 14px;
}

.site-footer .footer-menu > span:not(:last-child) {
  /* adjustment to footer text margin */
  margin-bottom: 14px;
}

.site-footer .site-social a:not(:last-child) {
  margin-bottom: 14px;
}

.custom-14px-text-bold {
  font-family: "Univers Next", sans-serif;
  font-weight: 600;
}

p.custom-paragraph-footer {
  margin-top: -2px;
}

/* payment icons */
.se-payment-icons-container {
  max-width: 50vw;
}

.se-payment-icon {
  width: 38px;
  height: 24px;
}

.se-payment-icons-container:first-child {
  text-align: left;
}

/*-----------------------------------------------------------------------------*/
/************************ contact page custom code *****************************/

.map-info {
  display: none;
}

/*----------------------------------------------------------------------*/
/************************ pages custom code *****************************/

.custom-16px-text-bold {
  font-family: "Univers Next", sans-serif;
  font-weight: 600;
}

.custom-paragraph-pages {
  margin-bottom: 40px;
}

/*---------------------------------------------------------------------------*/
/************************ newsletter custom code *****************************/

.box__newsletter .site-box-content {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

h2.newsletter-title.h3 {
  margin-top: 50px;
}

/*----------------------------------------------------------------------*/
/************************ about custom code *****************************/

.about-full-width-text-container {
  width: 100%;
  padding: 150px 60px 150px 60px;
  margin: 0 auto;
}


/*---------------------------------------------------------------------*/
/************************ team custom code *****************************/

@media screen and (min-width: 1024px) {
  h2.title.h0 {
  font-size: calc(90px / 60 * var(--base-headings-size) + 0px) !important;
  }
}

.toggle {
    margin-top: 0px !important;  /* removes extra margin on collapsable tabs can be removed */
}

 /* Filipe Toledo */
  @media screen and (max-width: 800px) { 
    div#section-template--15508923744356__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

/* Jack Robinson */
    div#section-template--15509344878692__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

/* Barron Mamiya */
    div#section-template--15509344976996__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

 /* Jake Marshall */
    div#section-template--15509344911460__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

/* Jett Schilling */
    div#section-template--15509350908004__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

/* Johanne Defay */
    div#section-template--15509350973540__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

/* Kanoa Igarashi */ 
    div#section-template--15509344813156__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

/* Macy Callaghan */
    div#section-template--15509351006308__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

/* Miguel Pupo */
    div#section-template--15511466246244__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

/* Morgan Cibilic */ 
    div#section-template--15509344845924__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

/* Rio Waida */ 
    div#section-template--15509350842468__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

/* Tatiana Weston-Webb */
    div#section-template--15509350940772__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }

/* Kehu Butler */ 
    div#section-template--15509351039076__0eb572f5-eb3a-4e9e-81d3-c1a185ec7fc6 div.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none !important; /* removes section header on mobile devices */
  }
}

/*------------------------------------------------------------------------------*/
/************************ product other custom code *****************************/

.product-badge.sold {
    background-color: #1d1f20 !important;
    color: #ffffff;
    font-size: 13px !important;
}




/*------------------------------------------------------------------------------*/
/************************ shopping cart custom code *****************************/

a.remove.text-size--smallest {
  border-bottom: 1px solid !important;
  line-height: 1 !important;
  opacity: 1 !important;
  color: #1d1f20 !important;
  font-weight: 500 !important;
  margin-left: 0px !important;
}

::placeholder {
  /* adjusts the colour of input placeholder - delete if effecting other inputs */
  color: #d4d4d4 !important;
  opacity: 1;
}

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



/*------------------------------------------------------------------------------------*/
/************************ c1-carbon tech page custom code *****************************/
/* c1-carbon banner section large version one */
/* ------------------------------------------ */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-c1-carbon-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-c1-carbon-custom-split-section--large-advert-image-one {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/C1-Carbon_Large_Split_Retina_001.jpg?v=1701396328"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-c1-carbon-custom-split-section--large-advert-image-two {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/C1-Carbon_Large_Split_Retina_002.jpg?v=1701396327"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* ---------------------------------------------- */
/* c1-carbon banner section large version one end */

/* c1-carbon banner section large version two */
/* ------------------------------------------ */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-c1-carbon-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-c1-carbon-custom-split-section--large-advert-image-one-b {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/SE_TP_014.jpg?v=1701920502"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-c1-carbon-custom-split-section--large-advert-image-two-b {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/SE_TP_013_Text.jpg?v=1701920502"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* ---------------------------------------------- */
/* c1-carbon banner section large version two end */

/* c1-carbon banner section large version three */
/* -------------------------------------------- */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-c1-carbon-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-c1-carbon-custom-split-section--large-advert-image-one-c {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/C1-Carbon_Large_Split_Retina_001_3a8f083e-59d7-405e-9d66-bb9381466c78.jpg?v=1701824064"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-c1-carbon-custom-split-section--large-advert-image-two-c {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/C1-Carbon_Large_Split_Retina_002_f711eb23-6f9e-47a5-b9b3-820a6fd4e9d4.jpg?v=1701824064"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* ------------------------------------------------ */
/* c1-carbon banner section large version three end */

/* c1-carbon banner section large version four */
/* ------------------------------------------- */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-c1-carbon-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-c1-carbon-custom-split-section--large-advert-image-one-d {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/C1-Carbon_Large_Split_Retina_001d.jpg?v=1701860802"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-c1-carbon-custom-split-section--large-advert-image-two-d {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/C1-Carbon_Large_Split_Retina_002d.jpg?v=1701860802"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* ----------------------------------------------- */
/* c1-carbon banner section large version four end */

/* c1-carbon banner section large version five */
/* ------------------------------------------- */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-c1-carbon-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-c1-carbon-custom-split-section--large-advert-image-one-e {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/SE_TP_012_Text.jpg?v=1701920502"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-c1-carbon-custom-split-section--large-advert-image-two-e {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/SE_TP_015.jpg?v=1701921448"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* ----------------------------------------------- */
/* c1-carbon banner section large version five end */



/*--------------------------------------------------------------------------*/
/************************ home page custom code *****************************/

/* global home page styles */
/* ----------------------- */
.se-home-custom-container {
  width: 100%;
}

.button--solid--whiteoutline {
    border: 2px solid #ffffff;
    color: #ffffff;
}

.button--solid--blackoutline {
    border: 2px solid #1D1F20;
    color: #1D1F20;
    margin-top: 15px;
}



/* video section slimline homepage */
/* ------------------------------- */
.site-box.box--bigger.box--typo-bigger.lap--box--small-fl.box--center-align.box--column-flow.box__announcement.horizontal-center.vertical-middle {
  min-height:35vh !important;
  padding-top:30px;
}
/* ----------------------------------- */
/* video section slimline homepage end */



/* advert banner section large version one */
/* --------------------------------------- */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-home-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-home-custom-split-section--large-advert-image-one {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_Split_Minimal_Retina_001a.jpg?v=1679016410"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--large-advert-image-two {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_Split_Minimal_Retina_002a.jpg?v=1679016410"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* ------------------------------------------- */
/* advert banner section large version one end */


/* advert banner section large version one button -- top advert -- #77 */
/* ------------------------------------------------------------------- */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-home-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-home-custom-split-section--large-advert-77-image-one--button {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px 40px 60px;
  align-content: flex-end;
  background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/Square_Large_Split_77_Action_Frame_Retina_001.jpg?v=1694299353"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--large-advert-77-image-two {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/Square_Large_Split_77_Action_Frame_Retina_002.jpg?v=1694299353"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* ----------------------------------------------------------------------- */
/* advert banner section large version one button -- top -- #77 advert end */


/* advert banner section large version one button -- bottom -- #77 advert  */
/* ----------------------------------------------------------------------- */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-home-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-home-custom-split-section--large-advert-77-bottom-image-one--button {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px 50px 50px;
  align-content: flex-end;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_Split_77_B_001b_Frame_Retina.jpg?v=1685620278"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--large-advert-77-bottom-image-two {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_Split_77_B_002b_Frame_Retina.jpg?v=1685620277"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* -------------------------------------------------------------------------- */
/* advert banner section large version one button -- bottom -- #77 advert end */


/* advert banner section large version one button file fifty advert  */
/* ----------------------------------------------------------------- */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-home-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-home-custom-split-section--large-advert-ff-image-one--button {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px 50px 50px;
  align-content: flex-end;
  background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/FF_Large_Split_Retina_001.jpg?v=1728856420"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--large-advert-ff-image-two {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/FF_Large_Split_Retina_002.jpg?v=1728856420"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* -------------------------------------------------------------------- */
/* advert banner section large version one button file fifty advert end */


/* advert banner section large version one button hv range advert  */
/* ----------------------------------------------------------------------- */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-home-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-home-custom-split-section--large-advert-hv-image-one--button {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px 50px 50px;
  align-content: flex-end;
  background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/HV_Large_Split_Retina_Smoke_001b.jpg?v=1745210422"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--large-advert-hv-image-two {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/HV_Large_Split_Retina_Smoke_002b.jpg?v=1745210422"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* -------------------------------------------------------------------------- */
/* advert banner section large version one button hv range advert end */


/* advert banner section large version one button disco ii advert  */
/* ----------------------------------------------------------------------- */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-home-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-home-custom-split-section--large-advert-discoii-image-one--button {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px 50px 50px;
  align-content: flex-end;
  background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/DII_Large_Split_Retina_L.jpg?v=1760349752"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--large-advert-discoii-image-two {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/DII_Large_Split_Retina_R.jpg?v=1760349751"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* -------------------------------------------------------------------------- */
/* advert banner section large version one button disco ii advert end */


/* advert banner section large version one button synergy YTH launch advert  */
/* ------------------------------------------------------------------------- */
.se-home-custom-split-section-large-advert-container {
  width: 100%;
}

.se-home-custom-split-section--large-advert-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
}

.se-home-custom-split-section--large-advert-synergy-yth-image-one--button {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px 50px 50px;
  align-content: flex-end;
  background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/SynergyYTHLaunch_Large_Split_Retina_001a.jpg?v=1698805023"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--large-advert-synergy-yth-image-two {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/SynergyYTHLaunch_Large_Split_Retina_001b.jpg?v=1698805023"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* ---------------------------------------------------------------------------- */
/* advert banner section large version one button synergy YTH launch advert end */


/* advert banner section fin */
/* ------------------------- */
.se-home-custom-split-section--large-advert-fin-image-one { /* keep this for no button on the section */
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_Split_Fins_Frame_Retina_001a_NB.gif?v=1685537797"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--large-advert-fin-image-one--button { /* this adds a button to the section */
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px 60px 60px;
  align-content: flex-end;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_Split_Fins_Frame_Retina_001a_NB.gif?v=1685538300"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--large-advert-fin-image-two {
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_Split_Fins_Frame_Retina_002a_NB.gif?v=1685538300"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* ----------------------------- */
/* advert banner section fin end */


/* split sections */
/* -------------- */
.se-home-custom-split-section-container {
  width: 100%;
}

.se-home-custom-split-section--row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-sizing: border-box;
}

.se-home-custom-split-section--row-reverse {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  box-sizing: border-box;
}

.se-home-custom-split-section--text-container {
  aspect-ratio: 1 / 1 !important;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  flex: 50%;
  padding: 120px;
  margin: 0;
  box-sizing: border-box;
}

.se-home-custom-split-section--text {
  display: block;
  box-sizing: border-box;
}

.se-home-custom-split-section--text-header {
  text-align: left;
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.se-home-custom-split-section--image-one {  /* Pro Range */
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_FT_Retina.jpg?v=1685621420"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--image-two { /* Epoxy */
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_I72_C1_Epoxy_Retina.jpg?v=1685529423"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--image-three { /* Synergy Model */
  aspect-ratio: 1 / 1 !important;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Small_Synergy_Retina.jpg?v=1689599370"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}

.se-home-custom-split-section--button-container { 
  margin: 30px 0 0 0;
}
/* ------------------ */
/* split sections end */


/* xfour grid */
/* ---------- */
.se-flex-grid-xfour {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding:0;
  margin:0;
}

.se-flex-grid-xfour--image-container {
  aspect-ratio: 1 / 1 !important;
  display: flex;
  flex: 1;
  box-sizing: border-box;
  position: relative;  
}

.se-flex-grid-xfour--image-container:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;left:0;right:0;
  background-color:rgba(0,0,0,0);
}

.se-flex-grid-xfour--image-container:hover::before {
  background-color:rgba(0,0,0,0.25);
}

.se-flex-grid-xfour--image-container button {
  transition: opacity 0.75s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity:0;
  cursor: pointer;
} 

.se-flex-grid-xfour--image-container:hover button { 
  transition: opacity 0.5s ease;
  opacity: 1;
}

.se-flex-grid-xfour-one--image {
  aspect-ratio: 1 / 1 !important;
  flex: 1;
  background-image: url("/cdn/shop/files/77_Rail_White_Studio.jpg?v=1787092187"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */  
}

.se-flex-grid-xfour-two--image {
  aspect-ratio: 1 / 1 !important;
  flex: 1;
  background-image: url("/cdn/shop/files/White_Studio_DiscoII_002_b.jpg?v=1787092186"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */  
}

.se-flex-grid-xfour-three--image {
  aspect-ratio: 1 / 1 !important;
  flex: 1;
  background-image: url("/cdn/shop/files/Modern2_Bottom_Tail_White_Studio.jpg?v=1787092187"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */  
}

.se-flex-grid-xfour-four--image {
  aspect-ratio: 1 / 1 !important;
  flex: 1;
  background-image: url("/cdn/shop/files/White_Angles_INF_72_YTH.jpg?v=1787092186"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */  
}

.se-flex-grid-xfour--extra-button-width {
  width: 60%;
}
/* -------------- */
/* xfour grid end */


/* advert banner section logo */
/* -------------------------- */
.se-home-custom-section-advert-banner-large--logo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.se-home-custom-section-advert-banner-large--logo-image { 
  height: 720px;
  width: 100%;
  background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/WordMark_Advert_FS_Retina.jpg?v=1678674034"); /* large size image used */
  background-position: center; /* centres image */
  background-repeat: no-repeat; /* do not repeat the image */
  background-size: cover; /* resizes the background image to cover the entire container */
}
/* ------------------------------ */
/* advert banner section logo end */










/* home page media queries*/
/* ---------------------- */
/* ---------------------- */


/* home page media queries 1200px */
/* ------------------------------ */
@media screen and (max-width: 1200px) {

  
  
  /* advert banner section 77 bottom */
  /* ------------------------------- */
  .se-home-custom-split-section--large-advert-77-bottom-image-one--button { /* this adds a button to the section */
    padding: 0px 0px 40px 40px;
  }
  /* ----------------------------------- */
  /* advert banner section 77 bottom end */

  
  /* advert banner section file fifty */
  /* -------------------------------- */
  .se-home-custom-split-section--large-advert-ff-bottom-image-one--button { /* this adds a button to the section */
    padding: 0px 0px 40px 40px;
  }
  /* ------------------------------------ */
  /* advert banner section file fifty end */

  
  /* advert banner section hv range */
  /* -------------------------------- */
  .se-home-custom-split-section--large-advert-hv-bottom-image-one--button { /* this adds a button to the section */
    padding: 0px 0px 40px 40px;
  }
  /* ------------------------------------ */
  /* advert banner section hv range end */
  

  /* advert banner section synergy */
  /* -------------------------------- */
  .se-home-custom-split-section--large-advert-synergy-bottom-image-one--button { /* this adds a button to the section */
    padding: 0px 0px 40px 40px;
  }
  /* ------------------------------------ */
  /* advert banner section synergy end */
  
  
  /* xfour grid end */
  .se-flex-grid-xfour--image-container {
    flex: 0 0 25%; /* flex-grow, flex-shrink, flex-basis */
  }
  
  .se-flex-grid-xfour--extra-button-width {
    width: auto;
  }
  /* xfour grid end */
  
  /* advert banner section fin */
  /* ------------------------- */
  .se-home-custom-split-section--large-advert-fin-image-one--button { /* this adds a button to the section */
    padding: 0px 0px 40px 40px;
  }
  /* ----------------------------- */
  /* advert banner section fin end */
}
/* home page media queries 1200px end */
/* ---------------------------------- */


/* home page media queries 1000px */
/* ------------------------------ */
@media screen and (max-width: 1000px) {
  
  /* split sections */
  .se-home-custom-split-section--row, .se-home-custom-split-section--row-reverse {
    flex-wrap: wrap-reverse;
  }
  
  .se-home-custom-split-section--text-container {
    aspect-ratio: unset !important;
    display: block;
    padding: 120px 60px;
    box-sizing: border-box;
  }
  
  .se-home-custom-split-section--image-one { /* Pro Range */
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_FT_Retina.jpg?v=1685621420"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }

  .se-home-custom-split-section--image-two {  /* Epoxy Range */
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_I72_C1_Epoxy_Retina.jpg?v=1685529423"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
  /* split sections end */  

  
  /* xfour grid end */
  .se-flex-grid-xfour--image-container {
    flex: 0 0 50%; /* flex-grow, flex-shrink, flex-basis */
  }
  
  .se-flex-grid-xfour--extra-button-width {
    width: auto;
  }
  /* xfour grid end */
}
/* ---------------------------------- */
/* home page media queries 1000px end */



/* home page media queries 800px */
/* ----------------------------- */
@media screen and (max-width: 800px) {
  
  /* advert banner section large version one */
  .se-home-custom-split-section--large-advert-image-one {
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_Split_77_Retina_white_MobileDevices.jpg?v=1678882213"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
  
  .se-home-custom-split-section--large-advert-image-two {
    display: none;  /* removes from display on mobile devices */
  }
  /* advert banner section large version one end */


  /* advert banner section large version one button */
  .se-home-custom-split-section--large-advert-image-one {
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_Split_Storms_Retina_001a.jpg?v=1679022215"); /* large size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
  
  .se-home-custom-split-section--large-advert-image-two {
    display: none;  /* removes from display on mobile devices */
  }
  /* advert banner section large version one button end */

  
  /* advert banner section large version two */
  .se-home-custom-split-section--large-advert-banner-board-image-one {
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Large_Split_Storms_Mobile_Retina_001.jpg?v=1679024588"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
  
  .se-home-custom-split-section--large-advert-banner-board-image-two {
    display: none;  /* removes from display on mobile devices */
  }
  /* advert banner section large version two end */

/* advert banner section large version one button -- top advert -- #77 */
/* ------------------------------------------------------------------- */
  .se-home-custom-split-section--large-advert-77-image-one--button {
    flex: 100%;
    justify-content: center;
    align-content: center;
    padding: 0px;
    background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/Square_Large_Split_77_Action_Frame_Retina_Mobile.jpg?v=1694299352"); /* small size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }

  .se-home-custom-split-section--large-advert-77-image-two {
    display: none;  /* removes from display on mobile devices */
  }
/* ----------------------------------------------------------------------- */
/* advert banner section large version one button -- top -- #77 advert end */


/* advert banner section large version one button -- bottom -- #77 advert  */
/* ----------------------------------------------------------------------- */
  .se-home-custom-split-section--large-advert-77-bottom-image-one--button {
    flex: 100%;
    justify-content: center;
    align-content: center;
    padding: 0px;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Small_77_Retina.jpg?v=1686023225"); /* small size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }

  .se-home-custom-split-section--large-advert-77-bottom-image-two {
    display: none;  /* removes from display on mobile devices */
  }
/* -------------------------------------------------------------------------- */
/* advert banner section large version one button -- bottom -- #77 advert end */


/* advert banner section large version one button file fifty advert  */
/* ----------------------------------------------------------------- */
  .se-home-custom-split-section--large-advert-ff-image-one--button {
    flex: 100%;
    justify-content: center;
    align-content: center;
    padding: 0px;
    background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/FF_Square_Mobile_Retina.jpg?v=1728856420"); /* small size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }

  .se-home-custom-split-section--large-advert-ff-image-two {
    display: none;  /* removes from display on mobile devices */
  }
/* -------------------------------------------------------------------- */
/* advert banner section large version one button file fifty advert end */


/* advert banner section large version one button hv range advert  */
/* ----------------------------------------------------------------- */
  .se-home-custom-split-section--large-advert-hv-image-one--button {
    flex: 100%;
    justify-content: center;
    align-content: center;
    padding: 0px;
    background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/HV_Square_Mobile_Smoke_Retina_a.jpg?v=1745210422"); /* small size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }

  .se-home-custom-split-section--large-advert-hv-image-two {
    display: none;  /* removes from display on mobile devices */
  }
/* -------------------------------------------------------------------- */
/* advert banner section large version one button hv range advert end */

  
/* advert banner section large version one button disco ii advert  */
/* -------------------------------------------------------------- */
  .se-home-custom-split-section--large-advert-discoii-image-one--button {
    flex: 100%;
    justify-content: center;
    align-content: center;
    padding: 0px;
    background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/Square_Mobile_Retina_Update.jpg?v=1760349751"); /* small size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }

  .se-home-custom-split-section--large-advert-discoii-image-two {
    display: none;  /* removes from display on mobile devices */
  }
/* ----------------------------------------------------------------- */
/* advert banner section large version one button disco ii advert end */


/* advert banner section large version one button synergy YTH launch advert  */
/* ------------------------------------------------------------------------- */
  .se-home-custom-split-section--large-advert-synergy-yth-image-one--button {
    flex: 100%;
    justify-content: center;
    align-content: center;
    padding: 0px;
    background-image: url("https://cdn.shopify.com/s/files/1/0417/0055/6953/files/Square_Mobile_Retina_001_ebfff1e8-bff6-4e85-bd53-c6d9e75bd0b2.jpg?v=1698805032"); /* small size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }

  .se-home-custom-split-section--large-advert-synergy-yth-image-two {
    display: none;  /* removes from display on mobile devices */
  }
/* ---------------------------------------------------------------------------- */
/* advert banner section large version one button synergy YTH launch advert end */

  
  /* xfour grid */
  .se-flex-grid-xfour--image-container {
    flex: 0 0 100%; /* flex-grow, flex-shrink, flex-basis */
  }
    
  .se-flex-grid-xfour--image-container:hover::before {
    background-color:rgba(0,0,0,0);
  }
  
  .se-flex-grid-xfour--image-container button {
    transition: none;
    position: absolute;
    opacity:1;
    cursor: pointer;
  } 
  
  .se-flex-grid-xfour--image-container:hover button { 
    transition: none;
    opacity: 1;
  }
  
  .se-flex-grid-xfour--extra-button-width {
    width: auto;
  }
  /* xfour grid end */  
  
  
  /* advert banner section fin */
  .se-home-custom-split-section--large-advert-fin-image-one--button {
    flex: 100%;
    justify-content: center;
    align-content: center;
    padding: 0px;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Small_Fins_Retina.gif?v=1686023525"); /* small size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
  
  .se-home-custom-split-section--large-advert-fin-image-two {
    display: none;  /* removes from display on mobile devices */
  }
  /* advert banner section fin end */

  
  /* advert banner section logo */
  .se-home-custom-section-advert-banner-large--logo-image {
    height: 400px;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/WordMark_Advert_M_Retina_Option002.jpg?v=1678767105"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
    display: block !important;
  }
  /* advert banner section logo end */

  .highlight-inner-section {
    padding: 20px 10px 20px 10px !important;
  }



/* ---------------------------------- */
/* c1-carbon page media queries 800px */
/* advert banner section large version one */
/* --------------------------------------- */
  .se-c1-carbon-custom-split-section--large-advert-image-one {
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/Square_Mobile_Retina.jpg?v=1701396445"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
  
  .se-c1-carbon-custom-split-section--large-advert-image-two {
    display: none;  /* removes from display on mobile devices */
  }
/* ------------------------------------------- */
/* advert banner section large version one end */

/* advert banner section large version two */
/* --------------------------------------- */
  .se-c1-carbon-custom-split-section--large-advert-image-one-b {
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/SE_TP_014.jpg?v=1701920502"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
  .se-c1-carbon-custom-split-section--large-advert-image-one-a {
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/SE_TP_013_Text.jpg?v=1701920502"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
/* ------------------------------------------- */
/* advert banner section large version two end */

/* advert banner section large version three */
/* ----------------------------------------- */
  .se-c1-carbon-custom-split-section--large-advert-image-one-c {
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/C1-Carbon_Mobile_Retina_002.jpg?v=1702519133"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
  .se-c1-carbon-custom-split-section--large-advert-image-two-c {
    display: none;  /* removes from display on mobile devices */
  }
/* --------------------------------------------- */
/* advert banner section large version three end */

/* advert banner section large version four */
/* ---------------------------------------- */
  .se-c1-carbon-custom-split-section--large-advert-image-one-d {
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/C1-Carbon_Mobile_Retina_d.jpg?v=1701860803"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
  .se-c1-carbon-custom-split-section--large-advert-image-two-d {
    display: none;  /* removes from display on mobile devices */
  }
/* -------------------------------------------- */
/* advert banner section large version four end */

/* advert banner section large version five */
/* ---------------------------------------- */
  .se-c1-carbon-custom-split-section--large-advert-image-one-e {
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/SE_TP_015.jpg?v=1701921448"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
  .se-c1-carbon-custom-split-section--large-advert-image-two-e {
    flex: 100%;
    background-image: url("https://cdn.shopify.com/s/files/1/0590/4413/5012/files/SE_TP_012_Text.jpg?v=1701920502"); /* mobile size image used */
    background-position: center; /* centres image */
    background-repeat: no-repeat; /* do not repeat the image */
    background-size: cover; /* resizes the background image to cover the entire container */
  }
/* -------------------------------------------- */
/* advert banner section large version five end */

.site-box.box--big.lap--box--small-fl-auto.box__heading.box--typo-big.box--center-align.box--top-align-if-first.box--column-flow {
    display: none;
} 
/* -------------------------------------- */
/* c1-carbon page media queries 800px end */



  
/* Mobile styling fixes 01.02.2024 */
  
/* Add border on bottom of ticker for mobile devices */
.highlight-inner-section {
    border-bottom: 1px solid var(--main-borders);
}

/* Removes margin under Afterpay on mobile */
.third-party-payments-container {
  margin-bottom: 0px !important;
}
  
p.afterpay-paragraph {
    margin-bottom: 0px;
}

.product-policies.text-size--smallest {
    margin-bottom: 10px;
}

.product-header.product-header--mobile .product-title {
    margin-bottom: 1px;
}




  
}
/* --------------------------------- */
/* home page media queries 800px end */


/* --------------------------- */
/* --------------------------- */
/* home page media queries end */


















/* Misc styles */
.stock-custom {
  margin-bottom: 0 !important;
}
.stock-custom li.option-link {
  margin-bottom: 5px;
  margin-top: 0px;
}
.stock-custom p.note-para {
  margin-bottom: 10px;
}
h4#size_range {
  padding-top: 30px;
}
.custom-order-banner-section {
  display: none !important;
}

/*---------------------------------------------------------------------------*/
/************************ collection custom code *****************************/

.no-touchevents .box__gallery a:hover img {
  transform: scale(1)!important;   /* removes scale effect on collection products - this overwrites line 6480 */
}
.no-touchevents .product-holder:hover .product-item.alt .box--product-image,
.product-item.alt.focus .box--product-image {
  transform: scale(1) !important;   /* removes scale effect on collection products - this overwrites line 8064 */
}
.box--product-image.primary { /* adds grey background to image containers */
  background-color: #fdfdfd !important;
  opacity: 1 !important;
}
.site-filter-handle {
  background: #ffffff;
  color: #1D1F20 !important;
}
.site-filter-handle svg * {
  fill: #1D1F20 !important;
}
.collection__holder .box__heading.box--bigger .site-box-content {
    max-width: 100%;
    text-align: left;
}
.style--one .caption {
  border-top: 1px solid #e7e7e7;
}
.box__heading.box--bigger .site-box-content {
  text-transform: uppercase;
}
.collection__holder .box__heading.box--typo-big {
  padding-left: var(--site-horizontal-padding);
  padding-right: var(--site-horizontal-padding);
}
.collection__holder .box__heading.box--bigger {
  padding-top: 60px;
  padding-bottom: 60px;
}
.site-filter-handle-holder {
  padding-top: 55px !important; /* this controls vertical height of filter position */
  padding-bottom: 0px !important; /* this controls vertical height of filter position */
}
div.site-box-content h1.title.h1 {
  font-size: calc(40px / 60 * var(--base-headings-size) + 0px) !important;
  word-spacing: -3px;
}


/* Fixes for the collection alignment issues - can be removed and adjusted */
.site-box.box--small.box--typo-small.lap--box--small-lg.box--center-align.box--no-padding.box--column-flow.box__collection.lap--hide {
    display: none;   /* removes bottom border on collection pages */
}
#main-collection-product-grid[data-no-bottom-borders] .box__heading {
  border-bottom: 1px solid var(--main-borders) !important;
}


@media screen and (min-width: 1201px) {
  .box--small {
    width: 33.333%;
    height: 90vh;
    min-height: 0;
  }
}
@media screen and (max-width: 1200px){
   .box--small {
    width: 50%;
    height: 100vh;
    min-height: 0;
  } 
}
@media screen and (min-width: 769px) {
.product-grid-border-fix.fix-bottom-border:not(.fix-borders-not)[data-count="3"] .site-box:nth-last-child(-n + 3) {
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 800px) {
  .site-filter-handle-holder {
    padding-top: 0px !important; /* this controls vertical height of filter position mobile devices */
    padding-bottom: 0px !important; /* this controls vertical height of filter position mobile devices */
  }
  .collection__holder .box__heading.box--bigger {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 600px) {
  .lap--box--small-lg {
    width: 100% !important; /* this controls width - single column 100 or 50 double column of collection images on mobile devices */
    height: 75vh !important; /* this controls height of collection images on mobile devices */
    min-height: 0;
  }
}

/*------------------------------------------------------------------------------*/
/************************ media queries custom code *****************************/

@media screen and (max-width: 640px) {
  section#shopify-section-template--15213727875172__165776102781a168a8 {
    /* removes the stockists sections on stockist page */
    display: none !important;
  }
  .box__newsletter .site-box-content {
    /* width of footer email subscription */
    width: 100%;
  }
}

/* FL Custom CSS */
.stock-loader-wrapper {
  margin: auto;
  display: flex;
}
.stock-status-wrapper {
  flex: 0 1 calc(40% - 10px);
  display: flex;
  justify-content: flex-end;
}
/* .fl-product-stock-radio-container {
  flex: 0 1 calc(50% - 5px);
} */

.fl-loader {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  margin: auto;
}
.fl-loader::after,
.fl-loader::before {
  content: "";
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #000;
  position: absolute;
  left: 0;
  top: 0;
  animation: animfl-loader 2s linear infinite;
}
.fl-loader::after {
  animation-delay: 1s;
}

@keyframes animfl-loader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.fl-option-selected {
  background: #1d1f20;
  padding: 0px 1rem;
  color: white;
  border-radius: 999px;
  width: 100%;
  height: 54px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fl-option {
  border: 2px solid #1d1f20;
  padding: 0px 1rem;
  border-radius: 999px;
  line-height: 1.1;
  width: 100%;
  height: 54px;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fl-option:hover span {
  animation-name: scroll-in-big;
  animation-duration: 0.25s;
  animation-timing-function: ease-in-out;
  position: relative;
  top: 0;
}
.fl-variants {
  cursor: pointer;
}
.fl-variants:hover {
  opacity: 0.7;
}
.fl-variants--display {
  display: block;
}
.fl-variants--hidden {
  display: none;
}
.fl-master-buy-container {
  display: flex;
  gap: 20px;
  margin-top: 50px;
  padding-top: 50px;
  border: 1px rgba(0, 0, 0, 0.1);
  border-style: solid none none none;
}
.fl-master-buy--display {
  display: flex;
  flex-direction: column;
}
.fl-master-buy--hidden {
  display: none;
}

.fl-product_option_container {
  display: flex;
  flex-flow: wrap;
}

.fl-option-selector {
    flex: 0 1 calc(50% - 10px);
  }

@media (max-width: 450px)  {
  .fl-product_option_container{
    display: flex;
    flex-flow: unset;
  }
  .fl-option-selector {
    flex: unset;
  }
  .fl-master-buy-container {
    flex-direction: column;
  }
}

@media (min-width: 851px) and (max-width: 958px) {
  .fl-product_option_container{
    display: flex;
    flex-flow: unset;
  }
  .fl-option-selector {
    flex: unset;
  }
  .fl-master-buy-container {
    flex-direction: column;
  }
}

.custom-order-banner h1 {
  font-size: 52px;
}

@media only screen and (max-width: 767px){
  #sbCustomOrder_iframeWrapper iframe {
    margin-top: 75px;
  }
  #sbCustomOrder_iframeWrapper {
    padding: 0 15px;
  }

  .custom-order-banner h1 {
    font-size: 36px;
  }
}

/*----15-03-2023----*/
.product-grid-border-fix {
  display: flex;
  clear: both;
  flex-wrap: wrap;
}
.product-grid-border-fix .site-box {
  height: auto !important;
  float: none;
}
.style--one.alt .box--product-image {
  height: auto;
  padding-top: 100%;
  position: relative;
}
.box__collection.box--typo-small .product-item .caption {
  position: static;
  margin-top: auto;
}
.style--one.alt .box--product-image img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  right: 0;
}
.toggle + product-complementary {padding-top: 50px !important;margin-top: 50px !important;}
.v-result > * {
    animation: unset !important;
}


/*----24-05-2023----*/
.toggle+product-complementary {
  /* adds another 15px to the to padding to make spacing consistent - divider above cross sell */
    padding-top: 65px!important;
    margin-top: 50px!important;
}
.rte {
    margin-top: 50px;
}
.fl-product_option_container {
  position: relative;
  border-bottom: 1px solid #f0f0f2;
  padding-bottom: var(--main-spacing-section, 50px);
  margin-bottom: 0 !important;
}


button:disabled {
  /* changes the button text from weird grey to proper colour */
    color: #1d1f20 !important;
}

div#shopify-block-c7e753d7-6189-414a-a7dd-f3e8fe6ee573.shopify-block.shopify-app-block::before {
    height: 0px !important;
}



/*----11-03-2025----*/
/*Changes the space between dimensions and HV indicator*/
/* .surfboard_product_item_container {
    max-width: 310px !important;
} */

@media screen and (min-width: 1025px),
  screen and (min-width: 769px) and (orientation: landscape) {
/*Changes the width of the text box on the main banner*/
.banner-content {
    width: 30% !important;
}