/** Shopify CDN: Minification failed

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

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

  KrownThemes Highlight
  Copyright 2023 Krown Themes

============================================================================== */
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 {
  height: auto;
}

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

input,
textarea {
  border: none;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none;
}

button {
  -webkit-appearance: 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,
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;
}

li:marker {
  display: 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;
}

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

:root {
  --grid-perfect-width: 100vw;
  --grid-width: var(--grid-perfect-width);
  --body-margin: var(--margin-top-base);
  --section-margin: var(--margin-sections-base);
  --button-height: 60px;
  --button-padding: 30px;
  --product-item-margin-asymmetrical: 160px;
  --product-item-margin-regular: 100px;
  --cart-margin: 50px;
}

@media screen and (min-width: 1023px) and (max-width: 1366px) {
  :root {
    --section-margin: calc(var(--margin-sections-base) * 0.85);
    --body-margin: calc(var(--margin-top-base) * 0.75);
  }
}
@media screen and (max-width: 1023px) {
  :root {
    --grid-width: calc(var(--grid-perfect-width) - 80px) !important;
    --grid-padding: 40px;
    --body-margin: max(calc(var(--margin-top-base) / 1.5), 40px);
    --button-height: 56px;
    --section-margin: calc(var(--margin-sections-base) * 0.585);
    --product-item-margin-asymmetrical: 100px;
    --product-item-margin-regular: 80px;
    --cart-margin: 40px;
  }
}
@media screen and (max-width: 599px) {
  :root {
    --grid-width: calc(var(--grid-perfect-width) - 40px) !important;
    --grid-padding: 20px;
    --body-margin: max(calc(var(--margin-top-base) / 2), 30px);
    --section-margin: calc(var(--margin-sections-base) * 0.55);
    --button-height: 48px;
    --button-padding: 20px;
    --product-item-margin-asymmetrical: 60px;
    --product-item-margin-regular: 50px;
    --cart-margin: 30px;
  }
}
/* ============================================================================

  KrownThemes Highlight
  Copyright 2023 Krown Themes

============================================================================== */
.wrapper {
  width: calc(var(--grid-width) / 12 * 12);
  padding: 0 calc(var(--grid-width) / 12 * 1);
  position: relative;
}

.grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.grid-item {
  position: relative;
  width: calc(var(--grid-width) / 12 * 10);
}

.half-tenth {
  width: calc(var(--grid-width) / 12 * 0.5);
}

.one-tenth {
  width: calc(var(--grid-width) / 12 * 1);
}

.one-plus-tenth {
  width: calc(var(--grid-width) / 12 * 1.5);
}

.two-tenths {
  width: calc(var(--grid-width) / 12 * 2);
}

.two-plus-tenths {
  width: calc(var(--grid-width) / 12 * 2.5);
}

.three-tenths {
  width: calc(var(--grid-width) / 12 * 3);
}

.three-plus-half-tenths {
  width: calc(var(--grid-width) / 12 * 3.25);
}

.three-plus-tenths {
  width: calc(var(--grid-width) / 12 * 3.5);
}

.four-tenths {
  width: calc(var(--grid-width) / 12 * 4);
}

.four-plus-tenths {
  width: calc(var(--grid-width) / 12 * 4.5);
}

.five-tenths {
  width: calc(var(--grid-width) / 12 * 5);
}

.five-plus-half-tenths {
  width: calc(var(--grid-width) / 12 * 5.25);
}

.five-plus-tenths {
  width: calc(var(--grid-width) / 12 * 5.5);
}

.six-tenths {
  width: calc(var(--grid-width) / 12 * 6);
}

.six-plus-tenths {
  width: calc(var(--grid-width) / 12 * 6.5);
}

.seven-tenths {
  width: calc(var(--grid-width) / 12 * 7);
}

.eight-tenths {
  width: calc(var(--grid-width) / 12 * 8);
}

.nine-tenths {
  width: calc(var(--grid-width) / 12 * 9);
}

.ten-tenths {
  width: calc(var(--grid-width) / 12 * 10);
}

.ten-plus-tenths {
  width: calc(var(--grid-width) / 12 * 10.5);
}

.eleven-tenths {
  width: calc(var(--grid-width) / 12 * 11);
}

.eleven-plus-tenths {
  width: calc(var(--grid-width) / 12 * 11.5);
}

.twelve-tenths {
  width: calc(var(--grid-width) / 12 * 12);
}

.full-width {
  width: 100%;
}

.pull-right-none {
  margin-inline-end: calc(var(--grid-width) / 12 * 0);
}

.pull-right-half-tenth {
  margin-inline-end: calc(var(--grid-width) / 12 * -0.5);
}

.pull-right-one-tenth {
  margin-inline-end: calc(var(--grid-width) / 12 * -1);
}

.pull-right-one-plus-tenth {
  margin-inline-end: calc(var(--grid-width) / 12 * -1.5);
}

.push-left-padding-none {
  padding-inline-start: calc(var(--grid-width) / 12 * 0);
}

.push-left-padding-half-tenth {
  padding-inline-start: calc(var(--grid-width) / 12 * 0.5);
}

.push-left-padding-one-tenth {
  padding-inline-start: calc(var(--grid-width) / 12 * 1);
}

.push-left-none {
  margin-inline-start: calc(var(--grid-width) / 12 * 0);
}

.push-left-half-tenth {
  margin-inline-start: calc(var(--grid-width) / 12 * 0.5);
}

.push-left-one-tenth {
  margin-inline-start: calc(var(--grid-width) / 12 * 1);
}

.push-left-one-plus-tenth {
  margin-inline-start: calc(var(--grid-width) / 12 * 1.5);
}

.push-left-two-tenths {
  margin-inline-start: calc(var(--grid-width) / 12 * 2);
}

.push-left-two-plus-tenths {
  margin-inline-start: calc(var(--grid-width) / 12 * 2.5);
}

.push-left-three-tenths {
  margin-inline-start: calc(var(--grid-width) / 12 * 3);
}

.push-left-four-tenths {
  margin-inline-start: calc(var(--grid-width) / 12 * 4);
}

.push-left-five-tenths {
  margin-inline-start: calc(var(--grid-width) / 12 * 5);
}

.push-left-six-tenths {
  margin-inline-start: calc(var(--grid-width) / 12 * 6);
}

.push-right-padding-none {
  padding-inline-end: calc(var(--grid-width) / 12 * 0);
}

.push-right-padding-half-tenth {
  padding-inline-end: calc(var(--grid-width) / 12 * 0.5);
}

.push-right-padding-one-tenth {
  padding-inline-end: calc(var(--grid-width) / 12 * 1);
}

.push-right-none {
  margin-inline-end: calc(var(--grid-width) / 12 * 0);
}

.push-right-half-tenth {
  margin-inline-end: calc(var(--grid-width) / 12 * 0.5);
}

.push-right-one-tenth {
  margin-inline-end: calc(var(--grid-width) / 12 * 1);
}

.push-right-one-plus-tenth {
  margin-inline-end: calc(var(--grid-width) / 12 * 1.5);
}

.push-right-two-tenths {
  margin-inline-end: calc(var(--grid-width) / 12 * 2);
}

.push-right-two-plus-tenths {
  margin-inline-end: calc(var(--grid-width) / 12 * 2.5);
}

.push-right-three-tenths {
  margin-inline-end: calc(var(--grid-width) / 12 * 3);
}

.push-right-four-tenths {
  margin-inline-end: calc(var(--grid-width) / 12 * 4);
}

.push-right-five-tenths {
  margin-inline-end: calc(var(--grid-width) / 12 * 5);
}

.push-right-six-tenths {
  margin-inline-end: calc(var(--grid-width) / 12 * 6);
}

.push-right-seven-tenths {
  margin-inline-end: calc(var(--grid-width) / 12 * 7);
}

.pull-left-none {
  margin-inline-start: calc(var(--grid-width) / 12 * 0);
}

.pull-left-half-tenth {
  margin-inline-start: calc(var(--grid-width) / 12 * -0.5);
}

.pull-left-one-tenth {
  margin-inline-start: calc(var(--grid-width) / 12 * -1);
}

.pull-left-one-plus-tenth {
  margin-inline-start: calc(var(--grid-width) / 12 * -1.5);
}

.pull-left-two-tenths {
  margin-inline-start: calc(var(--grid-width) / 12 * -2);
}

.pull-left-three-tenths {
  margin-inline-start: calc(var(--grid-width) / 12 * -3);
}

.pull-left-four-tenths {
  margin-inline-start: calc(var(--grid-width) / 12 * -4);
}

.pull-left-five-tenths {
  margin-inline-start: calc(var(--grid-width) / 12 * -5);
}

.push-top-none {
  margin-top: calc(var(--grid-width) / 12 * 0);
}

.push-top-half-tenth {
  margin-top: calc(var(--grid-width) / 12 * 0.5);
}

.push-top-one-tenth {
  margin-top: calc(var(--grid-width) / 12 * 1);
}

.push-top-one-plus-tenth {
  margin-top: calc(var(--grid-width) / 12 * 1.5);
}

.push-top-two-tenths {
  margin-top: calc(var(--grid-width) / 12 * 2);
}

.pull-top-none {
  margin-top: calc(var(--grid-width) / 12 * 0);
}

.pull-top-one-tenth {
  margin-top: calc(var(--grid-width) / 12 * -1);
}

.pull-top-two-tenths {
  margin-top: calc(var(--grid-width) / 12 * -2);
}

@media screen and (max-width: 1023px) {
  .lap--half-tenth {
    width: calc(var(--grid-width) / 12 * 0.5);
  }
  .lap--one-tenth {
    width: calc(var(--grid-width) / 12 * 1);
  }
  .lap--one-plus-tenth {
    width: calc(var(--grid-width) / 12 * 1.5);
  }
  .lap--two-tenths {
    width: calc(var(--grid-width) / 12 * 2);
  }
  .lap--two-plus-tenths {
    width: calc(var(--grid-width) / 12 * 2.5);
  }
  .lap--three-tenths {
    width: calc(var(--grid-width) / 12 * 3);
  }
  .lap--three-plus-half-tenths {
    width: calc(var(--grid-width) / 12 * 3.25);
  }
  .lap--three-plus-tenths {
    width: calc(var(--grid-width) / 12 * 3.5);
  }
  .lap--four-tenths {
    width: calc(var(--grid-width) / 12 * 4);
  }
  .lap--four-plus-tenths {
    width: calc(var(--grid-width) / 12 * 4.5);
  }
  .lap--five-tenths {
    width: calc(var(--grid-width) / 12 * 5);
  }
  .lap--five-plus-half-tenths {
    width: calc(var(--grid-width) / 12 * 5.25);
  }
  .lap--five-plus-tenths {
    width: calc(var(--grid-width) / 12 * 5.5);
  }
  .lap--six-tenths {
    width: calc(var(--grid-width) / 12 * 6);
  }
  .lap--six-plus-tenths {
    width: calc(var(--grid-width) / 12 * 6.5);
  }
  .lap--seven-tenths {
    width: calc(var(--grid-width) / 12 * 7);
  }
  .lap--eight-tenths {
    width: calc(var(--grid-width) / 12 * 8);
  }
  .lap--nine-tenths {
    width: calc(var(--grid-width) / 12 * 9);
  }
  .lap--ten-tenths {
    width: calc(var(--grid-width) / 12 * 10);
  }
  .lap--ten-plus-tenths {
    width: calc(var(--grid-width) / 12 * 10.5);
  }
  .lap--eleven-tenths {
    width: calc(var(--grid-width) / 12 * 11);
  }
  .lap--eleven-plus-tenths {
    width: calc(var(--grid-width) / 12 * 11.5);
  }
  .lap--twelve-tenths {
    width: calc(var(--grid-width) / 12 * 12);
  }
  .lap--full-width {
    width: 100%;
  }
  .lap--pull-right-none {
    margin-inline-end: calc(var(--grid-width) / 12 * 0);
  }
  .lap--pull-right-half-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * -0.5);
  }
  .lap--pull-right-one-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * -1);
  }
  .lap--pull-right-one-plus-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * -1.5);
  }
  .lap--push-left-padding-none {
    padding-inline-start: calc(var(--grid-width) / 12 * 0);
  }
  .lap--push-left-padding-half-tenth {
    padding-inline-start: calc(var(--grid-width) / 12 * 0.5);
  }
  .lap--push-left-padding-one-tenth {
    padding-inline-start: calc(var(--grid-width) / 12 * 1);
  }
  .lap--push-left-none {
    margin-inline-start: calc(var(--grid-width) / 12 * 0);
  }
  .lap--push-left-half-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * 0.5);
  }
  .lap--push-left-one-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * 1);
  }
  .lap--push-left-one-plus-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * 1.5);
  }
  .lap--push-left-two-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 2);
  }
  .lap--push-left-two-plus-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 2.5);
  }
  .lap--push-left-three-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 3);
  }
  .lap--push-left-four-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 4);
  }
  .lap--push-left-five-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 5);
  }
  .lap--push-left-six-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 6);
  }
  .lap--push-right-padding-none {
    padding-inline-end: calc(var(--grid-width) / 12 * 0);
  }
  .lap--push-right-padding-half-tenth {
    padding-inline-end: calc(var(--grid-width) / 12 * 0.5);
  }
  .lap--push-right-padding-one-tenth {
    padding-inline-end: calc(var(--grid-width) / 12 * 1);
  }
  .lap--push-right-none {
    margin-inline-end: calc(var(--grid-width) / 12 * 0);
  }
  .lap--push-right-half-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * 0.5);
  }
  .lap--push-right-one-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * 1);
  }
  .lap--push-right-one-plus-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * 1.5);
  }
  .lap--push-right-two-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 2);
  }
  .lap--push-right-two-plus-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 2.5);
  }
  .lap--push-right-three-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 3);
  }
  .lap--push-right-four-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 4);
  }
  .lap--push-right-five-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 5);
  }
  .lap--push-right-six-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 6);
  }
  .lap--push-right-seven-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 7);
  }
  .lap--pull-left-none {
    margin-inline-start: calc(var(--grid-width) / 12 * 0);
  }
  .lap--pull-left-half-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * -0.5);
  }
  .lap--pull-left-one-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * -1);
  }
  .lap--pull-left-one-plus-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * -1.5);
  }
  .lap--pull-left-two-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -2);
  }
  .lap--pull-left-three-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -3);
  }
  .lap--pull-left-four-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -4);
  }
  .lap--pull-left-five-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -5);
  }
  .lap--push-top-none {
    margin-top: calc(var(--grid-width) / 12 * 0);
  }
  .lap--push-top-half-tenth {
    margin-top: calc(var(--grid-width) / 12 * 0.5);
  }
  .lap--push-top-one-tenth {
    margin-top: calc(var(--grid-width) / 12 * 1);
  }
  .lap--push-top-one-plus-tenth {
    margin-top: calc(var(--grid-width) / 12 * 1.5);
  }
  .lap--push-top-two-tenths {
    margin-top: calc(var(--grid-width) / 12 * 2);
  }
  .lap--pull-top-none {
    margin-top: calc(var(--grid-width) / 12 * 0);
  }
  .lap--pull-top-one-tenth {
    margin-top: calc(var(--grid-width) / 12 * -1);
  }
  .lap--pull-top-two-tenths {
    margin-top: calc(var(--grid-width) / 12 * -2);
  }
  .wrapper,
  .section-w-mobile-padding {
    width: 100%;
    padding-inline-start: var(--grid-padding);
    padding-inline-end: var(--grid-padding);
  }
  .lap--push-left-padding {
    margin-inline-start: var(--grid-padding);
  }
  .lap--push-right-padding {
    margin-inline-end: var(--grid-padding);
  }
  .lap--push-left-padding-padding {
    padding-inline-start: var(--grid-padding);
  }
  .lap--push-right-padding-padding {
    padding-inline-end: var(--grid-padding);
  }
  .lap--smart-width {
    width: calc(50vw - var(--grid-padding) * 2);
  }
}
@media screen and (max-width: 835px) {
  .smaller-lap--half-tenth {
    width: calc(var(--grid-width) / 12 * 0.5);
  }
  .smaller-lap--one-tenth {
    width: calc(var(--grid-width) / 12 * 1);
  }
  .smaller-lap--one-plus-tenth {
    width: calc(var(--grid-width) / 12 * 1.5);
  }
  .smaller-lap--two-tenths {
    width: calc(var(--grid-width) / 12 * 2);
  }
  .smaller-lap--two-plus-tenths {
    width: calc(var(--grid-width) / 12 * 2.5);
  }
  .smaller-lap--three-tenths {
    width: calc(var(--grid-width) / 12 * 3);
  }
  .smaller-lap--three-plus-half-tenths {
    width: calc(var(--grid-width) / 12 * 3.25);
  }
  .smaller-lap--three-plus-tenths {
    width: calc(var(--grid-width) / 12 * 3.5);
  }
  .smaller-lap--four-tenths {
    width: calc(var(--grid-width) / 12 * 4);
  }
  .smaller-lap--four-plus-tenths {
    width: calc(var(--grid-width) / 12 * 4.5);
  }
  .smaller-lap--five-tenths {
    width: calc(var(--grid-width) / 12 * 5);
  }
  .smaller-lap--five-plus-half-tenths {
    width: calc(var(--grid-width) / 12 * 5.25);
  }
  .smaller-lap--five-plus-tenths {
    width: calc(var(--grid-width) / 12 * 5.5);
  }
  .smaller-lap--six-tenths {
    width: calc(var(--grid-width) / 12 * 6);
  }
  .smaller-lap--six-plus-tenths {
    width: calc(var(--grid-width) / 12 * 6.5);
  }
  .smaller-lap--seven-tenths {
    width: calc(var(--grid-width) / 12 * 7);
  }
  .smaller-lap--eight-tenths {
    width: calc(var(--grid-width) / 12 * 8);
  }
  .smaller-lap--nine-tenths {
    width: calc(var(--grid-width) / 12 * 9);
  }
  .smaller-lap--ten-tenths {
    width: calc(var(--grid-width) / 12 * 10);
  }
  .smaller-lap--ten-plus-tenths {
    width: calc(var(--grid-width) / 12 * 10.5);
  }
  .smaller-lap--eleven-tenths {
    width: calc(var(--grid-width) / 12 * 11);
  }
  .smaller-lap--eleven-plus-tenths {
    width: calc(var(--grid-width) / 12 * 11.5);
  }
  .smaller-lap--twelve-tenths {
    width: calc(var(--grid-width) / 12 * 12);
  }
  .smaller-lap--full-width {
    width: 100%;
  }
  .smaller-lap--pull-right-none {
    margin-inline-end: calc(var(--grid-width) / 12 * 0);
  }
  .smaller-lap--pull-right-half-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * -0.5);
  }
  .smaller-lap--pull-right-one-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * -1);
  }
  .smaller-lap--pull-right-one-plus-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * -1.5);
  }
  .smaller-lap--push-left-padding-none {
    padding-inline-start: calc(var(--grid-width) / 12 * 0);
  }
  .smaller-lap--push-left-padding-half-tenth {
    padding-inline-start: calc(var(--grid-width) / 12 * 0.5);
  }
  .smaller-lap--push-left-padding-one-tenth {
    padding-inline-start: calc(var(--grid-width) / 12 * 1);
  }
  .smaller-lap--push-left-none {
    margin-inline-start: calc(var(--grid-width) / 12 * 0);
  }
  .smaller-lap--push-left-half-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * 0.5);
  }
  .smaller-lap--push-left-one-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * 1);
  }
  .smaller-lap--push-left-one-plus-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * 1.5);
  }
  .smaller-lap--push-left-two-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 2);
  }
  .smaller-lap--push-left-two-plus-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 2.5);
  }
  .smaller-lap--push-left-three-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 3);
  }
  .smaller-lap--push-left-four-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 4);
  }
  .smaller-lap--push-left-five-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 5);
  }
  .smaller-lap--push-left-six-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 6);
  }
  .smaller-lap--push-right-padding-none {
    padding-inline-end: calc(var(--grid-width) / 12 * 0);
  }
  .smaller-lap--push-right-padding-half-tenth {
    padding-inline-end: calc(var(--grid-width) / 12 * 0.5);
  }
  .smaller-lap--push-right-padding-one-tenth {
    padding-inline-end: calc(var(--grid-width) / 12 * 1);
  }
  .smaller-lap--push-right-none {
    margin-inline-end: calc(var(--grid-width) / 12 * 0);
  }
  .smaller-lap--push-right-half-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * 0.5);
  }
  .smaller-lap--push-right-one-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * 1);
  }
  .smaller-lap--push-right-one-plus-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * 1.5);
  }
  .smaller-lap--push-right-two-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 2);
  }
  .smaller-lap--push-right-two-plus-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 2.5);
  }
  .smaller-lap--push-right-three-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 3);
  }
  .smaller-lap--push-right-four-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 4);
  }
  .smaller-lap--push-right-five-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 5);
  }
  .smaller-lap--push-right-six-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 6);
  }
  .smaller-lap--push-right-seven-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 7);
  }
  .smaller-lap--pull-left-none {
    margin-inline-start: calc(var(--grid-width) / 12 * 0);
  }
  .smaller-lap--pull-left-half-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * -0.5);
  }
  .smaller-lap--pull-left-one-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * -1);
  }
  .smaller-lap--pull-left-one-plus-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * -1.5);
  }
  .smaller-lap--pull-left-two-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -2);
  }
  .smaller-lap--pull-left-three-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -3);
  }
  .smaller-lap--pull-left-four-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -4);
  }
  .smaller-lap--pull-left-five-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -5);
  }
  .smaller-lap--push-top-none {
    margin-top: calc(var(--grid-width) / 12 * 0);
  }
  .smaller-lap--push-top-half-tenth {
    margin-top: calc(var(--grid-width) / 12 * 0.5);
  }
  .smaller-lap--push-top-one-tenth {
    margin-top: calc(var(--grid-width) / 12 * 1);
  }
  .smaller-lap--push-top-one-plus-tenth {
    margin-top: calc(var(--grid-width) / 12 * 1.5);
  }
  .smaller-lap--push-top-two-tenths {
    margin-top: calc(var(--grid-width) / 12 * 2);
  }
  .smaller-lap--pull-top-none {
    margin-top: calc(var(--grid-width) / 12 * 0);
  }
  .smaller-lap--pull-top-one-tenth {
    margin-top: calc(var(--grid-width) / 12 * -1);
  }
  .smaller-lap--pull-top-two-tenths {
    margin-top: calc(var(--grid-width) / 12 * -2);
  }
  .smaller-lap--push-left-padding {
    margin-inline-start: var(--grid-padding);
  }
  .smaller-lap--push-right-padding {
    margin-inline-end: var(--grid-padding);
  }
  .smaller-lap--push-left-none {
    margin-inline-start: 0;
  }
  .smaller-lap--smart-width {
    width: calc(100vw - var(--grid-padding) * 3);
  }
}
@media screen and (max-width: 599px) {
  .palm--half-tenth {
    width: calc(var(--grid-width) / 12 * 0.5);
  }
  .palm--one-tenth {
    width: calc(var(--grid-width) / 12 * 1);
  }
  .palm--one-plus-tenth {
    width: calc(var(--grid-width) / 12 * 1.5);
  }
  .palm--two-tenths {
    width: calc(var(--grid-width) / 12 * 2);
  }
  .palm--two-plus-tenths {
    width: calc(var(--grid-width) / 12 * 2.5);
  }
  .palm--three-tenths {
    width: calc(var(--grid-width) / 12 * 3);
  }
  .palm--three-plus-half-tenths {
    width: calc(var(--grid-width) / 12 * 3.25);
  }
  .palm--three-plus-tenths {
    width: calc(var(--grid-width) / 12 * 3.5);
  }
  .palm--four-tenths {
    width: calc(var(--grid-width) / 12 * 4);
  }
  .palm--four-plus-tenths {
    width: calc(var(--grid-width) / 12 * 4.5);
  }
  .palm--five-tenths {
    width: calc(var(--grid-width) / 12 * 5);
  }
  .palm--five-plus-half-tenths {
    width: calc(var(--grid-width) / 12 * 5.25);
  }
  .palm--five-plus-tenths {
    width: calc(var(--grid-width) / 12 * 5.5);
  }
  .palm--six-tenths {
    width: calc(var(--grid-width) / 12 * 6);
  }
  .palm--six-plus-tenths {
    width: calc(var(--grid-width) / 12 * 6.5);
  }
  .palm--seven-tenths {
    width: calc(var(--grid-width) / 12 * 7);
  }
  .palm--eight-tenths {
    width: calc(var(--grid-width) / 12 * 8);
  }
  .palm--nine-tenths {
    width: calc(var(--grid-width) / 12 * 9);
  }
  .palm--ten-tenths {
    width: calc(var(--grid-width) / 12 * 10);
  }
  .palm--ten-plus-tenths {
    width: calc(var(--grid-width) / 12 * 10.5);
  }
  .palm--eleven-tenths {
    width: calc(var(--grid-width) / 12 * 11);
  }
  .palm--eleven-plus-tenths {
    width: calc(var(--grid-width) / 12 * 11.5);
  }
  .palm--twelve-tenths {
    width: calc(var(--grid-width) / 12 * 12);
  }
  .palm--full-width {
    width: 100%;
  }
  .palm--pull-right-none {
    margin-inline-end: calc(var(--grid-width) / 12 * 0);
  }
  .palm--pull-right-half-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * -0.5);
  }
  .palm--pull-right-one-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * -1);
  }
  .palm--pull-right-one-plus-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * -1.5);
  }
  .palm--push-left-padding-none {
    padding-inline-start: calc(var(--grid-width) / 12 * 0);
  }
  .palm--push-left-padding-half-tenth {
    padding-inline-start: calc(var(--grid-width) / 12 * 0.5);
  }
  .palm--push-left-padding-one-tenth {
    padding-inline-start: calc(var(--grid-width) / 12 * 1);
  }
  .palm--push-left-none {
    margin-inline-start: calc(var(--grid-width) / 12 * 0);
  }
  .palm--push-left-half-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * 0.5);
  }
  .palm--push-left-one-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * 1);
  }
  .palm--push-left-one-plus-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * 1.5);
  }
  .palm--push-left-two-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 2);
  }
  .palm--push-left-two-plus-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 2.5);
  }
  .palm--push-left-three-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 3);
  }
  .palm--push-left-four-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 4);
  }
  .palm--push-left-five-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 5);
  }
  .palm--push-left-six-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * 6);
  }
  .palm--push-right-padding-none {
    padding-inline-end: calc(var(--grid-width) / 12 * 0);
  }
  .palm--push-right-padding-half-tenth {
    padding-inline-end: calc(var(--grid-width) / 12 * 0.5);
  }
  .palm--push-right-padding-one-tenth {
    padding-inline-end: calc(var(--grid-width) / 12 * 1);
  }
  .palm--push-right-none {
    margin-inline-end: calc(var(--grid-width) / 12 * 0);
  }
  .palm--push-right-half-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * 0.5);
  }
  .palm--push-right-one-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * 1);
  }
  .palm--push-right-one-plus-tenth {
    margin-inline-end: calc(var(--grid-width) / 12 * 1.5);
  }
  .palm--push-right-two-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 2);
  }
  .palm--push-right-two-plus-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 2.5);
  }
  .palm--push-right-three-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 3);
  }
  .palm--push-right-four-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 4);
  }
  .palm--push-right-five-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 5);
  }
  .palm--push-right-six-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 6);
  }
  .palm--push-right-seven-tenths {
    margin-inline-end: calc(var(--grid-width) / 12 * 7);
  }
  .palm--pull-left-none {
    margin-inline-start: calc(var(--grid-width) / 12 * 0);
  }
  .palm--pull-left-half-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * -0.5);
  }
  .palm--pull-left-one-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * -1);
  }
  .palm--pull-left-one-plus-tenth {
    margin-inline-start: calc(var(--grid-width) / 12 * -1.5);
  }
  .palm--pull-left-two-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -2);
  }
  .palm--pull-left-three-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -3);
  }
  .palm--pull-left-four-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -4);
  }
  .palm--pull-left-five-tenths {
    margin-inline-start: calc(var(--grid-width) / 12 * -5);
  }
  .palm--push-top-none {
    margin-top: calc(var(--grid-width) / 12 * 0);
  }
  .palm--push-top-half-tenth {
    margin-top: calc(var(--grid-width) / 12 * 0.5);
  }
  .palm--push-top-one-tenth {
    margin-top: calc(var(--grid-width) / 12 * 1);
  }
  .palm--push-top-one-plus-tenth {
    margin-top: calc(var(--grid-width) / 12 * 1.5);
  }
  .palm--push-top-two-tenths {
    margin-top: calc(var(--grid-width) / 12 * 2);
  }
  .palm--pull-top-none {
    margin-top: calc(var(--grid-width) / 12 * 0);
  }
  .palm--pull-top-one-tenth {
    margin-top: calc(var(--grid-width) / 12 * -1);
  }
  .palm--pull-top-two-tenths {
    margin-top: calc(var(--grid-width) / 12 * -2);
  }
  .palm--push-left-padding {
    margin-inline-start: var(--grid-padding);
  }
  .palm--push-right-padding {
    margin-inline-end: var(--grid-padding);
  }
  .palm--smart-width {
    width: calc(100vw - var(--grid-padding) * 3);
  }
}
.address-popup:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 1365px) {
  .text-size--largest {
    font-size: calc(24px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .text-size--largest {
    font-size: calc(24px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .text-size--largest {
    font-size: calc(22px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}
@media screen and (max-width: 599px) {
  .text-size--largest {
    font-size: calc(20px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}

@media screen and (min-width: 1365px) {
  .text-size--larger {
    font-size: calc(20px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .text-size--larger {
    font-size: calc(20px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .text-size--larger {
    font-size: calc(20px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}
@media screen and (max-width: 599px) {
  .text-size--larger {
    font-size: calc(16px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}

@media screen and (min-width: 1365px) {
  .text-size--regular,
  .section-header__subtitle,
  .button,
  .template- .shopify-challenge__container .shopify-challenge__button {
    font-size: calc(18px / 18 * var(--base-body-size) + 0px);
    line-height: 1.4;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .text-size--regular,
  .section-header__subtitle,
  .button,
  .template- .shopify-challenge__container .shopify-challenge__button {
    font-size: calc(18px / 18 * var(--base-body-size) + 0px);
    line-height: 1.4;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .text-size--regular,
  .section-header__subtitle,
  .button,
  .template- .shopify-challenge__container .shopify-challenge__button {
    font-size: calc(18px / 18 * var(--base-body-size) + 0px);
    line-height: 1.4;
  }
}
@media screen and (max-width: 599px) {
  .text-size--regular,
  .section-header__subtitle,
  .button,
  .template- .shopify-challenge__container .shopify-challenge__button {
    font-size: calc(16px / 18 * var(--base-body-size) + 0px);
    line-height: 1.4;
  }
}

@media screen and (min-width: 1365px) {
  .sidebar__close,
  .text-size--smaller {
    font-size: calc(16px / 18 * var(--base-body-size) + 0px);
    line-height: 1.1;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .sidebar__close,
  .text-size--smaller {
    font-size: calc(16px / 18 * var(--base-body-size) + 0px);
    line-height: 1.1;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .sidebar__close,
  .text-size--smaller {
    font-size: calc(16px / 18 * var(--base-body-size) + 0px);
    line-height: 1.1;
  }
}
@media screen and (max-width: 599px) {
  .sidebar__close,
  .text-size--smaller {
    font-size: calc(14px / 18 * var(--base-body-size) + 0px);
    line-height: 1.1;
  }
}

@media screen and (min-width: 1365px) {
  .sidebar__caption,
  .order-table .note,
  .text-size--small {
    font-size: calc(14px / 18 * var(--base-body-size) + 0px);
    line-height: 1.1;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .sidebar__caption,
  .order-table .note,
  .text-size--small {
    font-size: calc(14px / 18 * var(--base-body-size) + 0px);
    line-height: 1.1;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .sidebar__caption,
  .order-table .note,
  .text-size--small {
    font-size: calc(14px / 18 * var(--base-body-size) + 0px);
    line-height: 1.1;
  }
}
@media screen and (max-width: 599px) {
  .sidebar__caption,
  .order-table .note,
  .text-size--small {
    font-size: calc(12px / 18 * var(--base-body-size) + 0px);
    line-height: 1.1;
  }
}

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

@media screen and (min-width: 1024px) {
  .text-align--center--on-desktop {
    text-align: center;
  }
}

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

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

.button,
.template- .shopify-challenge__container .shopify-challenge__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);
  color: var(--color-text);
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  transition: all 120ms linear;
  cursor: pointer;
}

.button--underline {
  border-bottom: 2px solid;
  padding-bottom: 10px;
  background: transparent;
  padding-inline-end: 54px;
}
.button--underline .svg {
  position: absolute;
  margin-inline-start: 22px;
  width: 32px;
  overflow: hidden;
  transition: all 120ms linear;
  top: 0;
}
html[dir="rtl"] .button--underline .svg {
  transform: rotate(180deg);
}
html[dir="rtl"] .button--underline .svg {
  left: 0;
}
html[dir="ltr"] .button--underline .svg {
  right: 0;
}
.button--underline .svg path,
.button--underline .svg polygon,
.button--underline .svg rect {
  fill: var(--color-text);
  transition: all 120ms linear;
}
@media screen and (max-width: 599px) {
  .button--underline .svg {
    transform: scale(0.9);
  }
}
.button--underline svg {
  width: 50px;
  top: 1px;
  right: 18px;
  position: relative;
  transition: all 120ms linear;
}
html[dir="rtl"] .button--underline svg {
  right: 0;
}
.no-touchevents .button--underline:hover,
.button--underline:focus {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
  padding-inline-end: 68px;
}
.no-touchevents .button--underline:hover .svg,
.button--underline:focus .svg {
  width: 50px;
}
.no-touchevents .button--underline:hover .svg path,
.no-touchevents .button--underline:hover .svg polygon,
.no-touchevents .button--underline:hover .svg rect,
.button--underline:focus .svg path,
.button--underline:focus .svg polygon,
.button--underline:focus .svg rect {
  fill: var(--color-accent);
  transition: all 120ms linear;
}
.no-touchevents .button--underline:hover svg,
.button--underline:focus svg {
  right: 4px;
}

.button--border {
  border: 2px solid var(--color-text);
  line-height: 1;
  padding: 0 var(--button-padding);
  height: var(--button-height);
}
.no-touchevents .button--border:hover,
.button--border:focus {
  border-color: var(--color-accent);
  color: var(--color-accent);
  outline: none !important;
}

.button--solid,
.template- .shopify-challenge__container .shopify-challenge__button {
  background: var(--color-text);
  color: var(--color-text-foreground);
  border: none;
  padding: 0 var(--button-padding);
  height: var(--button-height);
  line-height: 1;
}
.button--solid span path,
.template- .shopify-challenge__container .shopify-challenge__button span path,
.button--solid span polygon,
.template-
  .shopify-challenge__container
  .shopify-challenge__button
  span
  polygon,
.button--solid span rect,
.template- .shopify-challenge__container .shopify-challenge__button span rect {
  fill: var(--color-text-foreground);
  transition: all 120ms linear;
}
.no-touchevents .button--solid:hover,
.no-touchevents
  .template-
  .shopify-challenge__container
  .shopify-challenge__button:hover,
.template-
  .shopify-challenge__container
  .no-touchevents
  .shopify-challenge__button:hover,
.button--solid:focus,
.template- .shopify-challenge__container .shopify-challenge__button:focus {
  background: var(--color-accent);
  color: var(--color-accent-foreground) !important;
  outline: none !important;
}
.no-touchevents .button--solid:hover .svg path,
.no-touchevents
  .template-
  .shopify-challenge__container
  .shopify-challenge__button:hover
  .svg
  path,
.template-
  .shopify-challenge__container
  .no-touchevents
  .shopify-challenge__button:hover
  .svg
  path,
.no-touchevents .button--solid:hover .svg polygon,
.no-touchevents
  .template-
  .shopify-challenge__container
  .shopify-challenge__button:hover
  .svg
  polygon,
.template-
  .shopify-challenge__container
  .no-touchevents
  .shopify-challenge__button:hover
  .svg
  polygon,
.no-touchevents .button--solid:hover .svg rect,
.no-touchevents
  .template-
  .shopify-challenge__container
  .shopify-challenge__button:hover
  .svg
  rect,
.template-
  .shopify-challenge__container
  .no-touchevents
  .shopify-challenge__button:hover
  .svg
  rect,
.button--solid:focus .svg path,
.template-
  .shopify-challenge__container
  .shopify-challenge__button:focus
  .svg
  path,
.button--solid:focus .svg polygon,
.template-
  .shopify-challenge__container
  .shopify-challenge__button:focus
  .svg
  polygon,
.button--solid:focus .svg rect,
.template-
  .shopify-challenge__container
  .shopify-challenge__button:focus
  .svg
  rect {
  fill: var(--color-accent-foreground);
  transition: all 120ms linear;
}

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

.button--align,
.template- .shopify-challenge__container .shopify-challenge__button {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button--fit,
.template- .shopify-challenge__container .shopify-challenge__button {
  width: fit-content;
  min-width: 240px;
}

.button--disabled {
  opacity: 0.16;
  pointer-events: none;
}

.button--working {
  opacity: 0.36;
  pointer-events: none;
}

.button--smallest {
  border-radius: 20px;
  font-size: calc(12px / 18 * var(--base-body-size) + 0px);
  line-height: 1;
  padding: 7px 14px;
  margin: 5px;
  border: 1px solid transparent;
}

.button--outline {
  outline: none !important;
  border-color: var(--color-text);
  color: var(--color-text);
}
.button--outline path {
  fill: var(--color-text);
}
.no-touchevents .button--outline:hover,
.button--outline:focus {
  border-color: var(--color-accent);
  color: var(--color-accent);
  outline: none !important;
}
.no-touchevents .button--outline:hover path,
.button--outline:focus path {
  fill: var(--color-accent);
}

body {
  color: var(--color-text);
  background: var(--color-background);
  -webkit-font-smoothing: antialiased;
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
}
@media screen and (min-width: 1365px) {
  body {
    font-size: calc(18px / 18 * var(--base-body-size) + 0px);
    line-height: 1.4;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  body {
    font-size: calc(18px / 18 * var(--base-body-size) + 0px);
    line-height: 1.4;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  body {
    font-size: calc(18px / 18 * var(--base-body-size) + 0px);
    line-height: 1.4;
  }
}
@media screen and (max-width: 599px) {
  body {
    font-size: calc(16px / 18 * var(--base-body-size) + 0px);
    line-height: 1.4;
  }
}

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

@media screen and (min-width: 1365px) {
  .rte h1,
  .h1 {
    font-size: calc(80px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.05;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .rte h1,
  .h1 {
    font-size: calc(60px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.05;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .rte h1,
  .h1 {
    font-size: calc(40px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.05;
  }
}
@media screen and (max-width: 599px) {
  .rte h1,
  .h1 {
    font-size: calc(30px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.05;
  }
}

@media screen and (min-width: 1365px) {
  .rte h2,
  .h2 {
    font-size: calc(50px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .rte h2,
  .h2 {
    font-size: calc(50px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .rte h2,
  .h2 {
    font-size: calc(38px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.2;
  }
}
@media screen and (max-width: 599px) {
  .rte h2,
  .h2 {
    font-size: calc(30px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.2;
  }
}

@media screen and (min-width: 1365px) {
  .rte h3,
  .h3 {
    font-size: calc(36px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .rte h3,
  .h3 {
    font-size: calc(36px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .rte h3,
  .h3 {
    font-size: calc(28px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}
@media screen and (max-width: 599px) {
  .rte h3,
  .h3 {
    font-size: calc(28px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}

@media screen and (min-width: 1365px) {
  .rte h4,
  .h4 {
    font-size: calc(24px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .rte h4,
  .h4 {
    font-size: calc(22px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .rte h4,
  .h4 {
    font-size: calc(20px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}
@media screen and (max-width: 599px) {
  .rte h4,
  .h4 {
    font-size: calc(18px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}

@media screen and (min-width: 1365px) {
  .rte h5,
  .h5 {
    font-size: calc(20px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.16;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .rte h5,
  .h5 {
    font-size: calc(20px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.16;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .rte h5,
  .h5 {
    font-size: calc(20px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.16;
  }
}
@media screen and (max-width: 599px) {
  .rte h5,
  .h5 {
    font-size: calc(16px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.16;
  }
}

@media screen and (min-width: 1365px) {
  .rte h6,
  .h6 {
    font-size: calc(16px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .rte h6,
  .h6 {
    font-size: calc(16px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .rte h6,
  .h6 {
    font-size: calc(16px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}
@media screen and (max-width: 599px) {
  .rte h6,
  .h6 {
    font-size: calc(14px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.28;
  }
}

.rte h4,
.rte h5,
.rte h6 {
  font-weight: var(--font-weight-headings-bold);
  margin-bottom: 1.4em;
}

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

em {
  font-style: italic;
}

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

.remove-end-margin > *:last-child,
.rte > *:last-child {
  margin-bottom: 0;
}

.rte ul,
.rte ol {
  margin-top: 0.25em;
  margin-bottom: 1em;
  margin-inline-start: 2em;
}
.rte ul li:not(:first-child),
.rte ol li:not(:first-child) {
  margin-top: 0.25em;
}
.rte ul ul,
.rte ul ol,
.rte ol ul,
.rte ol ol {
  margin-inline-start: 2em;
}
.rte ul {
  list-style: disc outside;
}
.rte ul ul {
  list-style: circle outside;
}
.rte ul ul ul {
  list-style: square outside;
}
.rte ol {
  list-style: decimal outside;
}

.text-color--lighter {
  color: rgba(var(--color-text-rgb), 0.66);
}

table {
  width: 100%;
  border: 1px solid rgba(var(--color-text-rgb), 0.12);
}
table:not(:last-child) {
  margin-bottom: 2em;
}
html[dir="rtl"] table {
  text-align: right;
}
html[dir="ltr"] table {
  text-align: left;
}

table thead h4 {
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 0;
}

table tr {
  border-top: 1px solid rgba(var(--color-text-rgb), 0.12);
}

table thead tr {
  border-top: none;
}

table th,
table td {
  min-height: 41px;
  padding: 10px 14px 8px;
}
html[dir="rtl"] table th,
html[dir="rtl"] table td {
  border-left: 1px solid rgba(var(--color-text-rgb), 0.12);
}
html[dir="ltr"] table th,
html[dir="ltr"] table td {
  border-right: 1px solid rgba(var(--color-text-rgb), 0.12);
}

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

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

a {
  color: var(--color-text);
  text-decoration: none;
}
.rte a:not(.button),
a.text-link {
  border-bottom: 1px solid;
  transition: all 120ms linear;
}
.no-touchevents .rte a:not(.button):hover,
.rte a:not(.button):focus,
.no-touchevents a.text-link:hover,
a.text-link:focus {
  color: var(--color-accent);
}

.underline-animation {
  background-image: linear-gradient(
    to right,
    var(--color-accent),
    var(--color-accent)
  );
  background-size: 0% 1px;
  background-repeat: no-repeat;
  display: inline;
  padding-bottom: 3px;
  transition: all 150ms linear;
}
html[dir="rtl"] .underline-animation {
  background-position: right calc(1em + 4px);
}
html[dir="ltr"] .underline-animation {
  background-position: left calc(1em + 4px);
}
@media screen and (min-width: 1024px) {
  .no-touchevents a:hover .underline-animation,
  a:focus .underline-animation {
    background-size: 100% 1px;
    color: var(--color-accent);
  }
}
a.selected .underline-animation {
  background-size: 100% 1px;
  color: var(--color-accent);
}

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

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

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

input,
textarea {
  background: var(--color-background);
  color: var(--color-text);
  border: 1px solid rgba(var(--color-text-rgb), var(--color-borders-opacity));
  width: 100%;
  margin-bottom: calc(var(--button-height) / 1.2);
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  padding: 0 calc(var(--button-height) / 3);
  height: var(--button-height);
  transition: all 150ms linear;
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
}
@media screen and (min-width: 1365px) {
  input,
  textarea {
    font-size: calc(20px / 18 * var(--base-body-size) + 0px);
    line-height: 1.16;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  input,
  textarea {
    font-size: calc(20px / 18 * var(--base-body-size) + 0px);
    line-height: 1.16;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  input,
  textarea {
    font-size: calc(18px / 18 * var(--base-body-size) + 0px);
    line-height: 1.16;
  }
}
@media screen and (max-width: 599px) {
  input,
  textarea {
    font-size: calc(16px / 18 * var(--base-body-size) + 0px);
    line-height: 1.16;
  }
}
input::placeholder,
textarea::placeholder {
  color: var(--color-text);
  opacity: 1;
}
input:-webkit-autofill,
textarea:-webkit-autofill {
  box-shadow: 0 0 0 40px var(--color-background) inset !important;
  -webkit-text-fill-color: var(--color-text) !important;
}
input:hover,
textarea:hover {
  border-color: rgba(var(--color-text-rgb), 0.68);
}
input:focus,
textarea:focus {
  border-color: rgba(var(--color-text-rgb), 1);
}

textarea {
  height: 150px;
  resize: none;
  align-items: flex-start;
  padding-top: calc(var(--button-height) / 3);
}

select {
  color: var(--color-text);
  border: 1px solid rgba(var(--color-text-rgb), var(--color-borders-opacity));
  background-color: var(--color-background);
  background-repeat: no-repeat;
  background-position: calc(100% - 17px) calc(50% - 2px);
  background-size: 13px 12px;
  height: var(--button-height);
  padding: 0;
  padding-inline-end: 24px;
  padding-inline-start: calc(var(--button-height) / 3);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
}
@media screen and (min-width: 1365px) {
  select {
    font-size: calc(20px / 18 * var(--base-body-size) + 0px);
    line-height: 1.16;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  select {
    font-size: calc(20px / 18 * var(--base-body-size) + 0px);
    line-height: 1.16;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  select {
    font-size: calc(18px / 18 * var(--base-body-size) + 0px);
    line-height: 1.16;
  }
}
@media screen and (max-width: 599px) {
  select {
    font-size: calc(16px / 18 * var(--base-body-size) + 0px);
    line-height: 1.16;
  }
}
html[dir="rtl"] select {
  background-position: 17px calc(50% - 2px);
}

.jdgm-sort-dropdown {
  background-image: none !important;
}

.modal-backdrop {
  z-index: 99999;
}

.simple-grid select {
  margin-bottom: calc(var(--button-height) / 1.2);
  width: 100%;
}

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

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

input[type="checkbox"]:not(.product-variant__input),
input[type="radio"]:not(.product-variant__input) {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  margin-inline-end: 9px !important;
  margin-bottom: 0 !important;
  margin-inline-start: 0 !important;
  border: 1px solid rgba(var(--color-text-rgb), var(--color-borders-opacity));
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
}
input[type="checkbox"]:not(.product-variant__input):checked,
input[type="radio"]:not(.product-variant__input):checked {
  background: var(--color-text);
}
input[type="checkbox"]:not(.product-variant__input) + label,
input[type="radio"]:not(.product-variant__input) + label {
  display: inline-block;
  position: relative;
  top: -5px;
}

.section-header__caption,
.section-header__button {
  margin-bottom: 0;
}
.section-header__title.h4 {
  margin-bottom: 2em;
}
.section-header__subtitle {
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  color: rgba(var(--color-text-rgb), 0.66);
  display: block;
  margin-top: 1em;
}

body:not(.sidebar-opened) {
  overflow-x: hidden;
}

.page-content {
  margin-bottom: 0;
  margin-top: var(--body-margin);
}
html[dir="rtl"] .page-content {
  transition: right 500ms ease-in-out, transform 100ms linear !important;
}
html[dir="ltr"] .page-content {
  transition: left 500ms ease-in-out, transform 100ms linear !important;
}
@media screen and (max-width: 599px) {
  html[dir="rtl"] .page-content {
    transition: right 300ms ease-in-out, transform 100ms linear !important;
  }
  html[dir="ltr"] .page-content {
    transition: left 300ms ease-in-out, transform 100ms linear !important;
  }
}

.section-w-margin {
  margin-bottom: var(--section-margin);
}

.section-w-reduced-margin + .section-w-reduced-margin {
  margin-top: calc(var(--section-margin) / -2);
}

.horizontal-left {
  justify-content: flex-start;
}
html[dir="rtl"] .horizontal-left {
  text-align: right;
}
html[dir="ltr"] .horizontal-left {
  text-align: left;
}

.horizontal-center {
  justify-content: center;
  text-align: center;
}

.horizontal-right {
  justify-content: flex-end;
}
html[dir="rtl"] .horizontal-right {
  text-align: left;
}
html[dir="ltr"] .horizontal-right {
  text-align: right;
}

.vertical-top {
  align-items: flex-start;
}

.vertical-middle {
  align-items: center;
}

.vertical-bottom {
  align-items: flex-end;
}

.page-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 300ms linear;
}

.header-holder,
.page-content,
.shopify-section-group-header-group:not(.mount-header) {
  position: relative;
}
html[dir="rtl"] .header-holder,
html[dir="rtl"] .page-content,
html[dir="rtl"] .shopify-section-group-header-group:not(.mount-header) {
  right: 0px;
}
html[dir="ltr"] .header-holder,
html[dir="ltr"] .page-content,
html[dir="ltr"] .shopify-section-group-header-group:not(.mount-header) {
  left: 0px;
}

html[dir="rtl"] .vertical-slider-headings .slide-heading,
html[dir="rtl"] .header-holder,
html[dir="rtl"] .shopify-section-group-header-group:not(.mount-header) {
  transition: right 500ms ease-in-out;
}
html[dir="ltr"] .vertical-slider-headings .slide-heading,
html[dir="ltr"] .header-holder,
html[dir="ltr"] .shopify-section-group-header-group:not(.mount-header) {
  transition: left 500ms ease-in-out;
}
@media screen and (max-width: 599px) {
  html[dir="rtl"] .vertical-slider-headings .slide-heading,
  html[dir="rtl"] .header-holder,
  html[dir="rtl"] .shopify-section-group-header-group:not(.mount-header) {
    transition: right 300ms ease-in-out;
  }
  html[dir="ltr"] .vertical-slider-headings .slide-heading,
  html[dir="ltr"] .header-holder,
  html[dir="ltr"] .shopify-section-group-header-group:not(.mount-header) {
    transition: left 300ms ease-in-out;
  }
}

body.sidebar-opened {
  overflow: hidden;
}
html[dir="rtl"]
  body.sidebar-opened.sidebar-opened--right
  .vertical-slider-headings
  .slide-heading,
html[dir="rtl"] body.sidebar-opened.sidebar-opened--right .header-holder,
html[dir="rtl"] body.sidebar-opened.sidebar-opened--right .page-content,
html[dir="rtl"]
  body.sidebar-opened.sidebar-opened--right
  .shopify-section-group-header-group:not(.mount-header) {
  right: -20vw;
}
html[dir="ltr"]
  body.sidebar-opened.sidebar-opened--right
  .vertical-slider-headings
  .slide-heading,
html[dir="ltr"] body.sidebar-opened.sidebar-opened--right .header-holder,
html[dir="ltr"] body.sidebar-opened.sidebar-opened--right .page-content,
html[dir="ltr"]
  body.sidebar-opened.sidebar-opened--right
  .shopify-section-group-header-group:not(.mount-header) {
  left: -20vw;
}
html[dir="rtl"]
  body.sidebar-opened.sidebar-opened--left
  .vertical-slider-headings
  .slide-heading,
html[dir="rtl"] body.sidebar-opened.sidebar-opened--left .header-holder,
html[dir="rtl"] body.sidebar-opened.sidebar-opened--left .page-content,
html[dir="rtl"]
  body.sidebar-opened.sidebar-opened--left
  .shopify-section-group-header-group:not(.mount-header) {
  right: 20vw;
}
html[dir="ltr"]
  body.sidebar-opened.sidebar-opened--left
  .vertical-slider-headings
  .slide-heading,
html[dir="ltr"] body.sidebar-opened.sidebar-opened--left .header-holder,
html[dir="ltr"] body.sidebar-opened.sidebar-opened--left .page-content,
html[dir="ltr"]
  body.sidebar-opened.sidebar-opened--left
  .shopify-section-group-header-group:not(.mount-header) {
  left: 20vw;
}
body.sidebar-opened .page-overlay {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}

@media screen and (max-width: 1023px) {
  [data-scroll-speed][data-scroll-disable-on-lap] {
    transform: none !important;
  }
}
@media screen and (max-width: 599px) {
  [data-scroll-speed]:not([data-scroll-mobile]) {
    transform: none !important;
  }
}
.no-touchevents [data-scroll-speed] {
  will-change: transform;
}

[data-scroll-kill] {
  transform: none !important;
}

.template-search .collection--regular,
.template-search .blog {
  margin-top: calc(var(--product-item-margin-regular) / 2);
}
.template-search .pagination {
  margin: var(--product-item-margin-regular) 0;
}
@media screen and (max-width: 599px) {
  .template-search .pagination {
    margin: calc(var(--product-item-margin-regular) * 2) 0;
  }
}
.template-search .blog .blog-item__meta {
  color: rgba(var(--color-text-rgb), 0.66);
}
.template-search .collection--regular + .search-description {
  margin-top: var(--product-item-margin-regular);
}
.template-search .search-description {
  display: flex;
  justify-content: space-between;
}
.template-search .search-description__count {
  color: rgba(var(--color-text-rgb), 0.66);
}
@media screen and (max-width: 599px) {
  .template-search .search-description {
    flex-direction: column-reverse;
  }
  .template-search .search-description__count {
    margin: -1em 0 2em;
  }
}

.template-404 .search-form {
  display: block;
  margin-top: 2em;
  width: 100%;
}

.simple-grid {
  width: calc(100% + var(--grid-width) / 12 * 0.5);
  margin-inline-start: calc(var(--grid-width) / 12 * -0.25);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.simple-grid > div,
.simple-grid .simple-grid-item {
  padding: 0 calc(var(--grid-width) / 12 * 0.25);
  position: relative;
}
.simple-grid .one-half {
  width: 50%;
}
@media screen and (max-width: 599px) {
  .simple-grid .one-half {
    width: 100%;
  }
}
.simple-grid .one-whole {
  width: 100%;
}
.simple-grid label {
  display: block;
  margin-bottom: 1em;
}
.simple-grid button path,
.simple-grid button polygon,
.simple-grid button rect {
  fill: var(--color-text-foreground);
  transition: all 120ms linear;
}
.no-touchevents .simple-grid button:hover path,
.no-touchevents .simple-grid button:hover polygon,
.no-touchevents .simple-grid button:hover rect,
.simple-grid button:focus path,
.simple-grid button:focus polygon,
.simple-grid button:focus rect {
  fill: var(--color-accent-foreground);
  transition: all 120ms linear;
}
.simple-grid .info {
  display: block;
  color: rgba(var(--color-text-rgb), 0.66);
  margin-top: calc(var(--button-height) / -3);
  margin-bottom: calc(var(--button-height) / 2);
}

.template- .page-content {
  margin-bottom: var(--section-margin);
}
.template- .shopify-challenge__container .shopify-challenge__button {
  margin-top: 1em;
  margin-bottom: var(--section-margin);
}
.template- .shopify-policy__container {
  max-width: none;
  width: 100%;
  padding: 0;
  margin-inline-start: calc(var(--grid-width) / 12 * 1);
  margin-bottom: var(--section-margin);
  width: calc(var(--grid-width) / 12 * 10);
}
@media screen and (max-width: 1023px) {
  .template- .shopify-policy__container {
    margin-inline-start: var(--grid-padding);
    width: calc(100% - var(--grid-padding) * 2);
  }
}
.template- .shopify-policy__title {
  display: block;
  margin-bottom: 1em;
  font-family: var(--font-stack-headings);
  font-weight: var(--font-weight-headings);
  font-style: var(--font-style-headings);
}
@media screen and (min-width: 1365px) {
  .template- .shopify-policy__title {
    font-size: calc(80px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.05;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .template- .shopify-policy__title {
    font-size: calc(60px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.05;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .template- .shopify-policy__title {
    font-size: calc(40px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.05;
  }
}
@media screen and (max-width: 599px) {
  .template- .shopify-policy__title {
    font-size: calc(30px / 36 * var(--base-headings-size) + 0px);
    line-height: 1.05;
  }
}
html[dir="rtl"] .template- .shopify-policy__title {
  text-align: right;
}
html[dir="ltr"] .template- .shopify-policy__title {
  text-align: left;
}

.shopify-policy__body h1,
.shopify-policy__body h2,
.shopify-policy__body h3,
.shopify-policy__body h4 {
  transform: scale(0.75);
  transform-origin: left;
  margin-bottom: 0.5em;
}

.shopify-challenge__container {
  margin: 0 !important;
  margin-inline-start: calc(var(--grid-width) / 12 * 1) !important;
}
@media screen and (max-width: 1023px) {
  .shopify-challenge__container {
    margin-inline-start: var(--grid-padding) !important;
  }
}
.shopify-challenge__container form {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.shopify-challenge__container input[type="submit"] {
  margin-inline-start: 0;
}

html[dir="rtl"] .shopify-challenge__container .shopify-challenge__message,
html[dir="rtl"] .shopify-challenge__container .shopify-challenge__errors {
  text-align: right !important;
}
html[dir="ltr"] .shopify-challenge__container .shopify-challenge__message,
html[dir="ltr"] .shopify-challenge__container .shopify-challenge__errors {
  text-align: left !important;
}

.shopify-challenge__error {
  border-bottom: 1px solid;
  display: inline-block;
}

.template-page #main .rte {
  overflow-x: auto;
}

.account-logout-title {
  margin-bottom: 3em;
  margin-top: -1em;
  display: block;
}
.account-logout-title a {
  color: rgba(var(--color-text-rgb), 0.66);
}

.template-order .text-size--smaller,
.template-account .text-size--smaller,
.template-addresses .text-size--smaller {
  line-height: 1.3;
}
.template-order .pagination,
.template-account .pagination,
.template-addresses .pagination {
  margin-bottom: 0;
  margin-top: 3em;
  align-items: flex-start;
  justify-content: flex-start;
  transform: scale(0.8);
  transform-origin: top left;
}

.no-address {
  display: flex;
  flex-direction: column-reverse;
}
.no-address p:last-child {
  margin-bottom: 1em;
}

.order-table {
  border: none !important;
  margin-top: -1.25em;
}
.order-table th,
.order-table td,
.order-table tr {
  border: none !important;
}
.order-table thead {
  font-weight: var(--font-weight-body-bold);
  border-bottom: 1px solid var(--color-text);
}
.order-table tbody tr {
  border-bottom: 1px solid rgba(var(--color-text-rgb), 0.12);
}
.order-table td,
.order-table th {
  padding: 1.25em 0;
}
html[dir="rtl"] .order-table td:not(:first-child),
html[dir="rtl"] .order-table th:not(:first-child) {
  padding-right: 1em;
}
html[dir="ltr"] .order-table td:not(:first-child),
html[dir="ltr"] .order-table th:not(:first-child) {
  padding-left: 1em;
}
.order-table .note {
  margin-top: 1em;
  color: rgba(var(--color-text-rgb), 0.66);
}
.order-table .note a {
  color: rgba(var(--color-text-rgb), 0.66);
}
.order-table del {
  text-decoration: line-through;
  color: rgba(var(--color-text-rgb), 0.66);
  margin-inline-start: 4px;
}
html[dir="rtl"] .order-table--order thead th:last-child,
html[dir="rtl"] .order-table--order tbody td:last-child {
  text-align: left;
}
html[dir="ltr"] .order-table--order thead th:last-child,
html[dir="ltr"] .order-table--order tbody td:last-child {
  text-align: right;
}
html[dir="rtl"] .order-table tfoot {
  text-align: left;
}
html[dir="ltr"] .order-table tfoot {
  text-align: right;
}
.order-table tfoot ul {
  margin-top: 1em;
  list-style: none;
}
.order-table tfoot ul li {
  margin-bottom: 1em;
}
.order-table tfoot ul li .value {
  font-weight: var(--font-weight-body-bold);
}
@media screen and (max-width: 599px) {
  .order-table {
    display: block;
  }
  .order-table tbody,
  .order-table tfoot,
  .order-table tr,
  .order-table td {
    display: block;
  }
  .order-table tbody tr {
    margin-bottom: 2em;
  }
  .order-table tbody td {
    position: relative;
    padding: 0 0 0 40% !important;
    margin-bottom: 1em;
    min-height: 0;
  }
  html[dir="rtl"] .order-table tbody td {
    text-align: left;
  }
  html[dir="ltr"] .order-table tbody td {
    text-align: right;
  }
  .order-table tbody .label {
    width: 40%;
    position: absolute;
    top: 0;
  }
  html[dir="rtl"] .order-table tbody .label {
    right: 0;
  }
  html[dir="ltr"] .order-table tbody .label {
    left: 0;
  }
  html[dir="rtl"] .order-table tbody .label {
    text-align: right;
  }
  html[dir="ltr"] .order-table tbody .label {
    text-align: left;
  }
  .order-table--order td {
    padding-top: 0;
  }
}

.address-title {
  display: block;
  padding-bottom: 1.25em;
  border-bottom: 1px solid var(--color-text);
  font-weight: var(--font-weight-body-bold);
  margin-bottom: 1.25em;
}

.address {
  line-height: 2;
}

.address-note {
  color: rgba(var(--color-text-rgb), 0.66);
}

.address-holder {
  margin-top: calc(var(--section-margin) / 2.5);
}

.hide-sku {
  display: table-column;
}

#open_address_new svg {
  position: relative;
  top: 2px;
  width: 17px;
  margin-inline-end: 8px;
}
#open_address_new path {
  fill: var(--color-text);
}
#open_address_new span {
  border-bottom: 1px solid;
}
.no-touchevents #open_address_new:hover {
  color: var(--color-accent);
}
.no-touchevents #open_address_new:hover path {
  fill: var(--color-accent);
}

.address-popup {
  width: 80vw;
  max-width: 780px;
  margin: 50px auto;
  background: var(--color-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 .basicLightboxClose {
  color: var(--color-text);
  opacity: 1;
  top: 5px;
  transition: all 100ms linear;
}
html[dir="rtl"] .address-popup .basicLightboxClose {
  left: 5px;
}
html[dir="ltr"] .address-popup .basicLightboxClose {
  right: 5px;
}
.address-popup .basicLightboxClose:hover,
.address-popup .basicLightboxClose:focus {
  color: var(--color-accent);
}
@media screen and (max-width: 1023px) {
  .address-popup {
    width: 90vw;
    padding: 50px 30px;
  }
}

.css-slider {
  display: flex;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: hidden;
  overflow-x: auto;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  margin-bottom: -20px;
  padding-bottom: 20px;
  cursor: grab;
}
.css-slider::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.css-slider .css-slides-container {
  flex-wrap: nowrap;
}
.css-slider .css-slides-container:after {
  content: "";
  display: flex;
  flex-shrink: 0;
  height: 1px;
  width: calc(var(--grid-width) / 12 * 1);
}
@media screen and (max-width: 1023px) {
  .css-slider .css-slides-container:after {
    width: var(--grid-padding);
  }
}
.css-slider .css-slide {
  flex-shrink: 0;
}
.css-slider .css-slide--snap {
  scroll-snap-align: start;
}
.css-slider--snapping {
  scroll-snap-type: x mandatory;
}
html[dir="rtl"] .css-slider--snapping {
  scroll-padding-right: calc(var(--grid-width) / 12 * 1);
}
html[dir="ltr"] .css-slider--snapping {
  scroll-padding-left: calc(var(--grid-width) / 12 * 1);
}
@media screen and (max-width: 1023px) {
  html[dir="rtl"] .css-slider--snapping {
    scroll-padding-right: var(--grid-padding);
  }
  html[dir="ltr"] .css-slider--snapping {
    scroll-padding-left: var(--grid-padding);
  }
}
.css-slider--singular {
  cursor: default;
  overflow: visible;
}
.css-slider--empty {
  display: none;
}
.css-slider.mouse-down {
  cursor: grabbing;
}
.css-slider.dragging *,
.css-slider.pointer-events-off * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.css-slider.mouse-fallback,
.css-slider.disable-snapping {
  scroll-behavior: unset;
  scroll-snap-type: none;
}
.css-slider--no-drag {
  cursor: default !important;
}
.css-slider:focus {
  outline: none !important;
}
.css-slider.focus {
  background: var(--color-background-secondary);
}
.css-slider-navigation {
  margin-top: 3em;
  position: relative;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .css-slider-navigation {
    margin-top: 2em;
  }
}
.css-slider-navigation .simple-arrow--left {
  top: 0;
  margin-inline-end: 0;
}
html[dir="rtl"] .css-slider-navigation .simple-arrow--left {
  left: 55px;
}
html[dir="ltr"] .css-slider-navigation .simple-arrow--left {
  right: 55px;
}
.css-slider-navigation .simple-arrow--right {
  top: 0;
}
html[dir="rtl"] .css-slider-navigation .simple-arrow--right {
  left: 0;
}
html[dir="ltr"] .css-slider-navigation .simple-arrow--right {
  right: 0;
}
.css-slider-viewport {
  overflow: hidden;
  transition: height 400ms linear;
}
.css-slider h3,
.css-slider .h3 {
  word-break: break-word;
}

.onboarding-svg {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.onboarding-svg svg {
  width: 100%;
  height: 100%;
  background: rgba(var(--color-text-rgb), 0.24);
}
.onboarding-svg[style] {
  height: 0;
  position: relative;
}
.onboarding-svg[style] svg {
  top: 0;
  position: absolute;
}
html[dir="rtl"] .onboarding-svg[style] svg {
  right: 0;
}
html[dir="ltr"] .onboarding-svg[style] svg {
  left: 0;
}

.simple-arrow {
  position: absolute;
  top: 50%;
  height: 32px;
  overflow: hidden;
  transition: all 100ms linear;
  margin-top: 10px;
  width: 32px;
}
html[dir="rtl"] .simple-arrow {
  left: 0;
}
html[dir="ltr"] .simple-arrow {
  right: 0;
}
.simple-arrow svg {
  width: 50px;
  display: block;
  position: absolute;
  top: 10px;
  transition: all 100ms linear;
}
html[dir="rtl"] .simple-arrow svg {
  right: 0;
}
.simple-arrow svg path,
.simple-arrow svg polygon,
.simple-arrow svg rect {
  fill: var(--color-text);
  transition: all 120ms linear;
}
.no-touchevents .simple-arrow:hover,
.no-touchevents .simple-arrow:not(.disabled).focus {
  width: 50px;
}
.no-touchevents .simple-arrow:hover path,
.no-touchevents .simple-arrow:hover polygon,
.no-touchevents .simple-arrow:hover rect,
.no-touchevents .simple-arrow:not(.disabled).focus path,
.no-touchevents .simple-arrow:not(.disabled).focus polygon,
.no-touchevents .simple-arrow:not(.disabled).focus rect {
  fill: var(--color-accent);
  transition: all 120ms linear;
}
.simple-arrow--left {
  transform: translate3d(-20px, -50%, 0);
  margin-inline-end: 50px;
}
.simple-arrow--left svg {
  transform: rotate(180deg);
}
html[dir="rtl"] .simple-arrow--left svg {
  transform: rotate(0deg);
}
html[dir="rtl"] .simple-arrow--left {
  transform: translate3d(20px, -50%, 0);
}
.no-touchevents .simple-arrow--left:hover,
.simple-arrow--left:not(.disabled).focus {
  transform: translate3d(-15px, -50%, 0) !important;
}
html[dir="rtl"] .no-touchevents .simple-arrow--left:hover,
html[dir="rtl"] .simple-arrow--left:not(.disabled).focus {
  transform: translate3d(15px, -50%, 0) !important;
}
html[dir="rtl"] .simple-arrow--left svg {
  right: 0;
}
html[dir="ltr"] .simple-arrow--left svg {
  left: 0;
}
.simple-arrow--right {
  transform: translate3d(20px, -50%, 0) rotate(0deg);
  margin-inline-end: 20px;
}
html[dir="rtl"] .simple-arrow--right {
  transform: translate3d(-20px, -50%, 0) rotate(180deg);
}
.no-touchevents .simple-arrow--right:hover,
.no-touchevents .simple-arrow--right:not(.disabled).focus {
  transform: translate3d(35px, -50%, 0) rotate(0deg) !important;
}
html[dir="rtl"] .no-touchevents .simple-arrow--right:hover,
html[dir="rtl"] .no-touchevents .simple-arrow--right:not(.disabled).focus {
  transform: translate3d(-35px, -50%, 0) rotate(180deg) !important;
}
html[dir="rtl"] .simple-arrow--right svg {
  left: 0;
}
html[dir="ltr"] .simple-arrow--right svg {
  right: 0;
}
.simple-arrow:not(.disabled) {
  cursor: pointer;
}
.simple-arrow.disabled {
  opacity: 0.36;
  pointer-events: none;
}
.simple-arrow:focus {
  outline: none !important;
}

.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;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

.button.disabled:not(.product__add-to-cart) {
  opacity: 0.16;
  pointer-events: none;
}

.buttons-holder {
  margin-top: calc(var(--cart-margin) / 1.5);
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + 20px);
  margin-inline-start: -10px;
}
.buttons-holder > * {
  flex: auto;
  width: auto;
  min-width: 190px;
  margin: 0 10px 20px;
  position: relative;
}

.main-go-top {
  position: fixed;
  bottom: 20px;
  display: flex;
  width: calc(var(--button-height) * 0.8);
  height: calc(var(--button-height) * 0.8);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--color-text);
  cursor: pointer;
  z-index: 9999;
  transform: translateY(200%);
  transition: 250ms linear transform;
}
html[dir="rtl"] .main-go-top {
  left: 20px;
}
html[dir="ltr"] .main-go-top {
  right: 20px;
}
.main-go-top__icon svg {
  transform: scaleY(-1) rotate(90deg);
}
.main-go-top__icon path {
  fill: var(--color-text-foreground);
}
.main-go-top.show {
  transform: translateY(0);
}

shopify-accelerated-checkout,
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-block-size: var(--button-height);
  --shopify-accelerated-checkout-button-border-radius: 0;
  --shopify-accelerated-checkout-skeleton-background-color: var(--color-text);
}

.template-cart #CheckOut {
  margin-bottom: 0;
}

.alert {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5em;
}
.alert strong {
  text-transform: capitalize;
}
.sidebar .alert {
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 90%;
}
.sidebar .alert:before {
  top: -4px;
  width: 28px;
  height: 28px;
}
.alert--error:before {
  background-color: #ffe03d;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgcm9sZT0icHJlc2VudGF0aW9uIiB3aWR0aD0iNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDUgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNjY0MDYgMi42ODU1NUM0LjY2NDA2IDIuOTUyNDcgNC42MTUyMyAzLjMwNzI5IDQuNTE3NTggMy43NUM0LjQyNjQzIDQuMTg2MiA0LjMwOTI0IDQuNzAwNTIgNC4xNjYwMiA1LjI5Mjk3QzQuMDI5MyA1Ljg1Mjg2IDMuODczMDUgNi41NTI3MyAzLjY5NzI3IDcuMzkyNThDMy41MjE0OCA4LjIyNTkxIDMuMzM1OTQgOS4yNTc4MSAzLjE0MDYyIDEwLjQ4ODNIMi4zODg2N0MyLjE5MzM2IDkuMjQ0NzkgMi4wMDc4MSA4LjIwOTY0IDEuODMyMDMgNy4zODI4MUMxLjY1NjI1IDYuNTU1OTkgMS41IDUuODYyNjMgMS4zNjMyOCA1LjMwMjczQzEuMjM5NTggNC43ODg0MSAxLjEyNTY1IDQuMjg3MTEgMS4wMjE0OCAzLjc5ODgzQzAuOTE3MzE4IDMuMzA0MDQgMC44NjUyMzQgMi45MzI5NCAwLjg2NTIzNCAyLjY4NTU1QzAuODY1MjM0IDIuMTg0MjQgMS4wNTA3OCAxLjc1NzgxIDEuNDIxODggMS40MDYyNUMxLjc5Mjk3IDEuMDQ4MTggMi4yMzg5MyAwLjg2OTE0MSAyLjc1OTc3IDAuODY5MTQxQzMuMjc0MDkgMC44NjkxNDEgMy43MjAwNSAxLjA0ODE4IDQuMDk3NjYgMS40MDYyNUM0LjQ3NTI2IDEuNzU3ODEgNC42NjQwNiAyLjE4NDI0IDQuNjY0MDYgMi42ODU1NVpNNC42NDQ1MyAxMy40NzY2QzQuNjQ0NTMgMTMuOTcxNCA0LjQ1NTczIDE0LjM5NzggNC4wNzgxMiAxNC43NTU5QzMuNzA3MDMgMTUuMTA3NCAzLjI3MDgzIDE1LjI4MzIgMi43Njk1MyAxNS4yODMyQzIuMjYxNzIgMTUuMjgzMiAxLjgxOTAxIDE1LjEwNzQgMS40NDE0MSAxNC43NTU5QzEuMDcwMzEgMTQuMzk3OCAwLjg4NDc2NiAxMy45NzE0IDAuODg0NzY2IDEzLjQ3NjZDMC44ODQ3NjYgMTIuOTgxOCAxLjA3MDMxIDEyLjU1NTMgMS40NDE0MSAxMi4xOTczQzEuODE5MDEgMTEuODMyNyAyLjI2MTcyIDExLjY1MDQgMi43Njk1MyAxMS42NTA0QzMuMjcwODMgMTEuNjUwNCAzLjcwNzAzIDExLjgzMjcgNC4wNzgxMiAxMi4xOTczQzQuNDU1NzMgMTIuNTU1MyA0LjY0NDUzIDEyLjk4MTggNC42NDQ1MyAxMy40NzY2WiIgZmlsbD0iYmxhY2siPjwvcGF0aD48L3N2Zz4=");
}
.alert--success:before {
  background-color: #79db83;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgcm9sZT0icHJlc2VudGF0aW9uIiB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMC40NjA5MzggNS4yMzIyNEwxLjg3NTE1IDMuODE4MDNMNi44MjQ5IDguNzY3NzdMNS40MTA2OSAxMC4xODJMMC40NjA5MzggNS4yMzIyNFoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTEyLjUwMzEgMC4yNjQ2NDhMMTMuOTE3MyAxLjY3ODg2TDUuNDE0MiAxMC4xODJMMy45OTk5OSA4Ljc2Nzc3TDEyLjUwMzEgMC4yNjQ2NDhaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==");
}
.alert:before {
  content: "";
  width: 30px;
  height: 30px;
  margin-inline-end: 12px;
  border-radius: 100%;
  position: relative;
  top: -2px;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.contact-form__row label {
  padding-bottom: 0.25rem;
  display: inline-block;
}

.contact-form__row input:not([type="checkbox"]) {
  width: 100%;
  margin-bottom: 20px;
}

.contact-form__row textarea {
  width: 100%;
  height: 14.25rem;
  margin-bottom: 20px;
}

.contact-form__row--checkbox {
  display: flex;
  align-items: center;
  padding-bottom: 0.9375rem;
  gap: 0.3125rem;
}
.contact-form__row--checkbox label {
  padding-bottom: 0;
  padding-top: 2px;
}
.contact-form__row--checkbox:first-child:last-child {
  padding-bottom: 0;
}

.mount-header {
  z-index: 9;
}
.mount-header.is-sticky {
  position: sticky;
  top: 0;
  z-index: 999;
}
.mount-header.is-sticky:not(.is-sticky-always) .header {
  max-height: 40px;
  min-height: 0;
}
.mount-header.is-sticky:not(.is-sticky-always) .header .logo-img {
  height: auto !important;
}
.mount-header.is-animating {
  transform: translateY(-100%);
  animation: translate-in 150ms linear forwards;
}
.mount-header.is-colorful .header-holder {
  background: var(--color-background);
  border-bottom: 1px solid rgba(var(--color-text-rgb), 0.12);
}
.kill-overflow .mount-header {
  pointer-events: none;
}
.kill-overflow .mount-header .site-nav.style--sidebar {
  pointer-events: all;
}

@keyframes translate-in {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.header-holder {
  margin: 0;
  position: relative;
  top: 0;
  display: block;
  width: 100%;
  z-index: 999 !important;
  pointer-events: none;
  overflow: hidden;
}
html[dir="rtl"] .header-holder {
  right: 0;
}
html[dir="ltr"] .header-holder {
  left: 0;
}
.header-holder a,
.header-holder .menu-opener,
.header-holder .logo {
  pointer-events: all;
}
@media screen and (max-width: 1023px) {
  .header-holder {
    padding: 0;
    border-bottom: 1px solid rgba(var(--color-text-rgb), 0.12);
  }
  html[dir="rtl"] .header-holder {
    transition: right 300ms ease-in-out, transform 100ms linear !important;
  }
  html[dir="ltr"] .header-holder {
    transition: left 300ms ease-in-out, transform 100ms linear !important;
  }
}
html[dir="rtl"] .header-holder {
  transition: right 500ms ease-in-out, transform 100ms linear !important;
}
html[dir="ltr"] .header-holder {
  transition: left 500ms ease-in-out, transform 100ms linear !important;
}

.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9;
  min-height: var(--header-logo);
  transition: height 150ms linear;
}
@media screen and (max-width: 1023px) {
  .header {
    min-height: 0;
    max-height: 40px;
  }
  .header .logo-img {
    height: auto !important;
  }
}
.header-holder {
  padding: 25px 0;
}
@media screen and (max-width: 1023px) {
  .header-holder {
    padding: 15px 0;
  }
}
@media screen and (max-width: 835px) {
  .header-holder {
    padding: 10px 0;
  }
}
.header .menu-opener {
  order: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: var(--color-text);
}
.header
  .menu-opener:not(.opening-animation):hover
  .menu-opener__icon
  .line:nth-child(1) {
  animation: menu-opener--hover-1 0.5s;
}
.header
  .menu-opener:not(.opening-animation):hover
  .menu-opener__icon
  .line:nth-child(2) {
  animation: menu-opener--hover-2 0.5s 0.1s;
}
.header
  .menu-opener:not(.opening-animation):hover
  .menu-opener__icon
  .line:nth-child(3) {
  animation: menu-opener--hover-3 0.5s;
}
.header .menu-opener.opened .menu-opener__icon .line:nth-child(1) {
  top: 11px;
  width: 24px;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.header .menu-opener.opened .menu-opener__icon .line:nth-child(2) {
  width: 24px;
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header .menu-opener.opened .menu-opener__icon .line:nth-child(3) {
  top: 11px;
  width: 24px;
  transform: rotate(135deg);
  transition: top 0.1s ease-out,
    transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header .menu-opener__text {
  position: relative;
  top: 2px;
  font-size: calc(16px / 18 * var(--base-body-size) + 0px);
  line-height: 1;
}
.header .menu-opener__icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  overflow: hidden;
  top: 2px;
  margin-inline-end: 20px;
}
.header .menu-opener__icon .line {
  width: 20px;
  height: 2px;
  position: absolute;
  display: block;
  background: var(--color-text);
  border-radius: 2px;
}
html[dir="rtl"] .header .menu-opener__icon .line {
  right: 0;
}
html[dir="ltr"] .header .menu-opener__icon .line {
  left: 0;
}
.header .menu-opener__icon .line:nth-child(1) {
  top: 5px;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s 0.2s ease-in;
}
.header .menu-opener__icon .line:nth-child(2) {
  top: 11px;
  width: 24px;
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.header .menu-opener__icon .line:nth-child(3) {
  top: 17px;
  width: 16px;
  transition: width 0.1s 0.25s linear, top 0.1s 0.25s ease-in,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.header .logo {
  order: 2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 0;
  text-align: center;
  max-width: 25vw;
}
.header .logo img {
  height: 100%;
  max-width: unset;
  width: auto;
}
.header .logo-txt {
  margin: 0;
  word-break: break-all;
}
.header .logo-txt {
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
}
@media screen and (min-width: 1365px) {
  .header .logo-txt {
    font-size: calc(24px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .header .logo-txt {
    font-size: calc(24px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}
@media screen and (min-width: 599px) and (max-width: 1023px) {
  .header .logo-txt {
    font-size: calc(22px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}
@media screen and (max-width: 599px) {
  .header .logo-txt {
    font-size: calc(20px / 18 * var(--base-body-size) + 0px);
    line-height: 1.11;
  }
}
.header--wout-icon-labels .header .logo {
  max-width: 70vw;
}
.header h1 {
  margin-bottom: 0;
}
.header .menu-meta {
  order: 3;
  font-size: calc(16px / 18 * var(--base-body-size) + 0px);
  line-height: 1;
}
.header .menu-meta ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
}
.header .menu-meta li {
  display: flex;
}
.header .menu-meta li:not(:last-child) {
  margin-inline-end: 80px;
}
@media screen and (max-width: 1023px) {
  .header .menu-meta li:not(:last-child) {
    margin-inline-end: 0;
  }
}
.header .menu-meta__icon {
  margin-inline-end: 15px;
  display: inline-block;
  position: relative;
}
.header .menu-meta__icon svg {
  width: 22px;
}
.header .menu-meta__count {
  position: absolute;
  top: 11px;
  width: 22px;
  display: flex;
  justify-content: center;
  font-size: 10px;
  font-weight: var(--font-weight-body-bold);
}
.header .menu-meta__link {
  display: flex;
  align-items: center;
}

.menu-meta__text,
.close-sidebar__text {
  background-image: linear-gradient(
    to right,
    var(--color-text),
    var(--color-text)
  );
  background-size: 0% 1px;
  background-repeat: no-repeat;
  display: inline;
  padding-bottom: 3px;
  transition: all 150ms linear;
}
html[dir="rtl"] .menu-meta__text,
html[dir="rtl"] .close-sidebar__text {
  background-position: right calc(1em + 1px);
}
html[dir="ltr"] .menu-meta__text,
html[dir="ltr"] .close-sidebar__text {
  background-position: left calc(1em + 1px);
}
@media screen and (min-width: 1024px) {
  .no-touchevents a:hover .menu-meta__text,
  a:focus .menu-meta__text,
  .no-touchevents a:hover .close-sidebar__text,
  a:focus .close-sidebar__text {
    background-size: 100% 1px;
    color: var(--color-text);
  }
}
a.selected .menu-meta__text,
a.selected .close-sidebar__text {
  background-size: 100% 1px;
  color: var(--color-text);
}

@media screen and (min-width: 1024px) {
  .no-touchevents .close-sidebar:hover .close-sidebar__text,
  .no-touchevents .navigate-back:hover .close-sidebar__text,
  .no-touchevents .menu-opener:hover .menu-meta__text,
  .menu-opener.focus .menu-meta__text {
    background-size: 100% 1px;
  }
}
.sidebar {
  position: fixed;
  top: 0;
  height: 100vh;
  width: 500px;
  background: var(--color-background);
  padding: 0 50px 80px;
  z-index: 9999;
  overflow-y: auto;
  transition: transform 500ms ease-in-out;
  display: none;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sidebar#site-cart-sidebar {
  padding-bottom: 40px;
}
.sidebar::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.sidebar:focus {
  outline: none !important;
}
.header-holder.fix ~ .sidebar {
  padding-top: 0 !important;
}
.sidebar__close {
  padding: 0;
  background: var(--color-background);
  position: sticky;
  top: 0;
  height: 90px;
  z-index: 9;
  display: flex;
  align-items: center;
}
.sidebar__close button {
  display: flex;
  align-items: center;
  color: var(--color-text);
}
.sidebar__close button svg path {
  fill: var(--color-text);
}
.sidebar__close button span:first-child {
  position: relative;
  top: 1px;
  margin-inline-end: 20px;
}
.sidebar__close button span {
  pointer-events: none;
}
.sidebar__close:after {
  content: "";
  position: absolute;
  background: var(--color-background);
  width: calc(100% + 100px);
  height: 100%;
  z-index: -1;
}
html[dir="rtl"] .sidebar__close:after {
  right: -50px;
}
html[dir="ltr"] .sidebar__close:after {
  left: -50px;
}
.sidebar__close .close-sidebar__text {
  top: 1px;
  position: relative;
  margin-inline-start: -4px;
}
.sidebar__caption {
  display: block;
  margin-top: 0;
  text-transform: uppercase;
  color: rgba(var(--color-text-rgb), 0.66);
}
@media screen and (max-width: 1023px) {
  .sidebar {
    padding: 0 30px 60px;
  }
  .sidebar__close {
    height: 76px;
  }
  .sidebar__close:after {
    width: calc(100% + 60px);
  }
  html[dir="rtl"] .sidebar__close:after {
    right: -30px;
  }
  html[dir="ltr"] .sidebar__close:after {
    left: -30px;
  }
  .sidebar#site-cart-sidebar {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .sidebar {
    width: 100%;
    padding: 0 20px 50px;
    max-width: 360px;
    height: 68px;
  }
  .sidebar__close:after {
    width: calc(100% + 40px);
  }
  html[dir="rtl"] .sidebar__close:after {
    right: -20px;
  }
  html[dir="ltr"] .sidebar__close:after {
    left: -20px;
  }
}
.sidebar--right {
  transform: translateX(100%);
}
html[dir="rtl"] .sidebar--right {
  left: 0;
}
html[dir="ltr"] .sidebar--right {
  right: 0;
}
html[dir="rtl"] .sidebar--right {
  transform: translateX(-100%);
}
.sidebar--left {
  transform: translateX(-100%);
}
html[dir="rtl"] .sidebar--left {
  right: 0;
}
html[dir="ltr"] .sidebar--left {
  left: 0;
}
html[dir="rtl"] .sidebar--left {
  transform: translateX(100%);
}
.sidebar.sidebar--opened {
  transform: translateX(0);
}
html[dir="rtl"] .sidebar.sidebar--opened {
  transform: translateX(0);
}

.skip-to-content:focus {
  clip-path: none;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: var(--color-text);
  background-color: var(--color-background);
  position: fixed;
  padding: 10px;
  opacity: 1;
  z-index: 10000;
  transition: none;
  top: 0;
}
html[dir="rtl"] .skip-to-content:focus {
  right: 0;
}
html[dir="ltr"] .skip-to-content:focus {
  left: 0;
}

@media screen and (max-width: 1023px) {
  .header .menu-meta {
    margin-inline-end: -5px;
  }
  .header .menu-meta__link {
    position: relative;
  }
  html[dir="rtl"] .header .menu-meta__link {
    right: 6px;
  }
  html[dir="ltr"] .header .menu-meta__link {
    left: 6px;
  }
  .header .menu-meta__link {
    margin-inline-end: 0;
    height: 44px;
    width: 44px;
  }
  .header .menu-opener {
    margin-inline-start: -10px;
    height: 44px;
  }
  html[dir="rtl"] .header .menu-opener__icon,
  html[dir="rtl"] .header .menu-meta__icon {
    right: 10px;
  }
  html[dir="ltr"] .header .menu-opener__icon,
  html[dir="ltr"] .header .menu-meta__icon {
    left: 10px;
  }
  .header .logo {
    max-width: 70vw;
  }
}
.header--wout-icon-labels .menu-meta__text {
  display: none;
}
.header--wout-icon-labels .menu-meta {
  margin-inline-end: -5px;
}
.header--wout-icon-labels .menu-meta__link {
  position: relative;
}
html[dir="rtl"] .header--wout-icon-labels .menu-meta__link {
  right: 6px;
}
html[dir="ltr"] .header--wout-icon-labels .menu-meta__link {
  left: 6px;
}
.header--wout-icon-labels .menu-meta__link {
  margin-inline-end: 0;
  height: 44px;
  width: 44px;
}
.header--wout-icon-labels .menu-opener {
  margin-inline-start: -10px;
  height: 44px;
}
html[dir="rtl"] .header--wout-icon-labels .menu-opener__icon,
html[dir="rtl"] .header--wout-icon-labels .menu-meta__icon {
  right: 10px;
}
html[dir="ltr"] .header--wout-icon-labels .menu-opener__icon,
html[dir="ltr"] .header--wout-icon-labels .menu-meta__icon {
  left: 10px;
}
.header--wout-icon-labels .menu-meta li:not(:last-child) {
  margin-inline-end: 0;
}

.mount-header [tabindex]:focus:not(.focus) {
  outline: none !important;
}

.lazy-image {
  transition: background 200ms linear;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.lazy-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: opacity 150ms linear;
  vertical-align: bottom;
  transform: translateX(-20px);
  opacity: 0;
}
.lazy-image img.lazyloaded {
  opacity: 1;
  animation: lazyanimation 1s linear forwards;
}
@media screen and (max-width: 599px) {
  .lazy-image img {
    clip-path: none !important;
    -webkit-clip-path: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 0;
  }
  .lazy-image img.lazyloaded {
    opacity: 1;
  }
}
.lazy-image.lazy-image--background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 0;
  padding-top: 0 !important;
  transition: background 200ms linear;
}
.lazy-image.lazy-image--background img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: opacity 150ms linear;
}
.lazy-image[data-ratio] {
  height: 0;
}
.lazy-image[data-ratio] img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.lazy-image[data-ratio]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--color-background-secondary);
  z-index: -1;
}

.svg-placeholder {
  display: block;
  font-size: 0;
  position: relative;
}
.svg-placeholder svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: text-rgb;
  width: 80%;
  height: 80%;
}
.svg-placeholder.svg-placeholder--background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
html[dir="rtl"] .svg-placeholder.svg-placeholder--background {
  right: 0;
}
html[dir="ltr"] .svg-placeholder.svg-placeholder--background {
  left: 0;
}
.svg-placeholder--foreground {
  background: rgba(var(--color-text-rgb), 0.24);
}

.lazy-image--hover {
  overflow: hidden;
}
.lazy-image--hover .lazy-image--background {
  -webkit-backface-visibility: hidden;
  transform: scale(1);
  overflow: hidden;
  transition: background 200ms linear, transform 300ms linear;
}
.no-touchevents .lazy-image--hover .lazy-image--background {
  will-change: transform;
}
.no-touchevents .lazy-image--hover:hover .lazy-image--background {
  transform: scale(1.1);
}

.lazy-image--transparent:after {
  display: none !important;
}

@keyframes lazyanimation {
  0% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transform: translateX(-20px);
  }
  30% {
    clip-path: polygon(0 0, 20% 0, 5% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 20% 0, 5% 100%, 0 100%);
    transform: translateX(-20px);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transform: translateX(0);
  }
}
.pagination {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
html[dir="rtl"] .pagination {
  padding-right: 0;
}
html[dir="ltr"] .pagination {
  padding-left: 0;
}
.pagination li {
  cursor: default;
  display: flex;
  width: 60px;
  height: 60px;
  border: 1px solid rgba(var(--color-text-rgb), 0.12);
  transition: all 100ms linear;
  margin-inline-end: -1px;
}
.pagination li:not(:last-child) {
  border-right: none;
}
.pagination li > a,
.pagination li > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--color-text);
  transition: all 100ms linear;
  position: relative;
}
.pagination li.active {
  z-index: 1;
  border: 1px solid var(--color-text);
}
.pagination li.arrow.disabled {
  pointer-events: none;
}
.pagination li.arrow.disabled span {
  opacity: 0.28;
}
.pagination path {
  fill: var(--color-text);
  transition: all 100ms linear;
}

.site-sharing {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-inline-start: -7px;
}
.site-sharing a {
  position: relative;
  text-decoration: none;
  padding: 10px 0px;
  border: none !important;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.site-sharing a:first-child {
  margin-top: -10px;
}
.site-sharing a:last-child {
  margin-bottom: -10px;
}
.site-sharing a span {
  display: flex;
  align-items: center;
  margin: 0 7px;
}
.site-sharing a svg {
  width: 24px;
  height: 24px;
}
.site-sharing a svg path {
  fill: var(--color-text);
}
.no-touchevents .site-sharing a:hover svg path,
.site-sharing a:focus svg path {
  fill: var(--color-accent);
}

.images-with-text-slider__title {
  align-items: flex-end;
  display: flex;
}
.images-with-text-slider__description {
  margin-top: 2em;
}
.images-with-text-slider .onboarding-svg {
  height: auto;
}

.social-icons {
  height: 40px;
  margin-top: -10px;
  margin-inline-start: -9px;
  display: flex;
}
.social-icons a {
  display: inline-flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
}
.social-icons a .icon {
  display: block;
  width: 23px;
  height: 23px;
}
.social-icons a svg {
  width: 100% !important;
  height: 100% !important;
}
.social-icons a svg * {
  fill: var(--color-text);
  transition: fill 150ms linear;
}
.social-icons a img {
  width: 100% !important;
  height: 100% !important;
}
.social-icons a:hover svg * {
  fill: var(--color-accent);
}

/*
 *   ADDONS
*/
.mount-header {
  overflow: hidden;
}

.hide {
  display: none;
}

@media screen and (max-width: 1023px) {
  .lap--hide {
    display: none;
  }
  .lap--show-inline {
    display: inline-block;
  }
  .lap--show-block {
    display: block;
  }
  .lap--show-flex {
    display: flex;
  }
}
@media screen and (max-width: 835px) {
  .smaller-lap--hide {
    display: none;
  }
  .smaller-lap--show-inline {
    display: inline-block;
  }
  .smaller-lap--show-block {
    display: block;
  }
  .smaller-lap--show-flex {
    display: flex;
  }
}
@media screen and (max-width: 599px) {
  .palm--hide {
    display: none;
  }
  .palm--show-inline {
    display: inline-block;
  }
  .palm--show-block {
    display: block;
  }
  .palm--show-flex {
    display: flex;
  }
}
.no-overflow {
  overflow: hidden;
}

@media screen and (min-width: 1023px) and (max-width: 1366px) {
  .product__subtitle,
  .product__vendor {
    margin-bottom: 2em;
  }
  product-variants:not(:first-child),
  product-form:not(:first-child) {
    margin-top: 2em;
  }
  .product__title {
    margin-bottom: 0.5em;
  }
  .product-variant__name {
    margin-bottom: 0.5em;
  }
  .product-variant:not(:first-child) {
    margin-top: 1.5em;
  }
}
@media screen and (max-width: 599px) {
  .mount-vertical-slideshow {
    margin-bottom: calc(var(--section-margin) / 2);
  }
}
.image-reveal--opacity .lazy-image img {
  clip-path: none !important;
  -webkit-clip-path: none !important;
  animation: none !important;
  transform: none !important;
}
.image-reveal--opacity .lazy-image img.lazyloaded {
  opacity: 1;
}

.custom-liquid img,
.custom-liquid iframe {
  max-width: 100%;
}

.rte iframe[src*="youtube"],
.rte iframe[src*="vimeo"] {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

@media only screen and (max-width: 835px) {
  .element--show-on-mobile-only {
    display: block;
  }
  .element--show-on-desktop-only {
    display: none;
  }
}
@media only screen and (min-width: 836px) {
  .element--show-on-mobile-only {
    display: none;
  }
  .element--show-on-desktop-only {
    display: block;
  }