@charset "UTF-8";
@import"https://fast.fonts.net/lt/1.css?apiType=css&c=e565fd56-a761-4cf5-9d1b-f47c2dc43473&fontids=5967702,5967724";

@font-face {
    font-family: 'Swiss';
    src: url('/assets/195b0c1b-165f-4bd1-b23f-cbb6a9a3aa24.woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Swiss';
    src: url('/assets/60a6c625-19b1-4df2-8635-49ba40161273.woff2') format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Rektorat Heavy';
    src: url('/assets/NNRektoratWeb-Heavy.woff2') format("woff2");
    font-weight: normal;
    font-style: normal;
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

*,
*:before,
*:after {
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #653232;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: .25em
}

select {
    width: 100%;
    border-radius: .25em
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    border-radius: .25em;
    background: transparent;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto
}

.row:before,
.row:after {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.row .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row.gutter-small>.column,
.row.gutter-small>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.row.gutter-medium>.column,
.row.gutter-medium>.columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.column,
.columns {
    width: 100%;
    float: left;
    padding-right: .625rem;
    padding-left: .625rem
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
    float: left
}

.column.row.row,
.row.row.columns {
    float: none
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    width: 8.3333333333%
}

.small-push-1 {
    position: relative;
    left: 8.3333333333%
}

.small-pull-1 {
    position: relative;
    left: -8.3333333333%
}

.small-offset-0 {
    margin-left: 0%
}

.small-2 {
    width: 16.6666666667%
}

.small-push-2 {
    position: relative;
    left: 16.6666666667%
}

.small-pull-2 {
    position: relative;
    left: -16.6666666667%
}

.small-offset-1 {
    margin-left: 8.3333333333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.6666666667%
}

.small-4 {
    width: 33.3333333333%
}

.small-push-4 {
    position: relative;
    left: 33.3333333333%
}

.small-pull-4 {
    position: relative;
    left: -33.3333333333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.6666666667%
}

.small-push-5 {
    position: relative;
    left: 41.6666666667%
}

.small-pull-5 {
    position: relative;
    left: -41.6666666667%
}

.small-offset-4 {
    margin-left: 33.3333333333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.6666666667%
}

.small-7 {
    width: 58.3333333333%
}

.small-push-7 {
    position: relative;
    left: 58.3333333333%
}

.small-pull-7 {
    position: relative;
    left: -58.3333333333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.6666666667%
}

.small-push-8 {
    position: relative;
    left: 66.6666666667%
}

.small-pull-8 {
    position: relative;
    left: -66.6666666667%
}

.small-offset-7 {
    margin-left: 58.3333333333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.6666666667%
}

.small-10 {
    width: 83.3333333333%
}

.small-push-10 {
    position: relative;
    left: 83.3333333333%
}

.small-pull-10 {
    position: relative;
    left: -83.3333333333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.6666666667%
}

.small-push-11 {
    position: relative;
    left: 91.6666666667%
}

.small-pull-11 {
    position: relative;
    left: -91.6666666667%
}

.small-offset-10 {
    margin-left: 83.3333333333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.6666666667%
}

.small-up-1>.column,
.small-up-1>.columns {
    float: left;
    width: 100%
}

.small-up-1>.column:nth-of-type(n),
.small-up-1>.columns:nth-of-type(n) {
    clear: none
}

.small-up-1>.column:nth-of-type(n+1),
.small-up-1>.columns:nth-of-type(n+1) {
    clear: both
}

.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
    float: left
}

.small-up-2>.column,
.small-up-2>.columns {
    float: left;
    width: 50%
}

.small-up-2>.column:nth-of-type(n),
.small-up-2>.columns:nth-of-type(n) {
    clear: none
}

.small-up-2>.column:nth-of-type(odd),
.small-up-2>.columns:nth-of-type(odd) {
    clear: both
}

.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
    float: left
}

.small-up-3>.column,
.small-up-3>.columns {
    float: left;
    width: 33.3333333333%
}

.small-up-3>.column:nth-of-type(n),
.small-up-3>.columns:nth-of-type(n) {
    clear: none
}

.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
    float: left
}

.small-up-4>.column,
.small-up-4>.columns {
    float: left;
    width: 25%
}

.small-up-4>.column:nth-of-type(n),
.small-up-4>.columns:nth-of-type(n) {
    clear: none
}

.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
    float: left
}

.small-up-5>.column,
.small-up-5>.columns {
    float: left;
    width: 20%
}

.small-up-5>.column:nth-of-type(n),
.small-up-5>.columns:nth-of-type(n) {
    clear: none
}

.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
    float: left
}

.small-up-6>.column,
.small-up-6>.columns {
    float: left;
    width: 16.6666666667%
}

.small-up-6>.column:nth-of-type(n),
.small-up-6>.columns:nth-of-type(n) {
    clear: none
}

.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
    float: left
}

.small-up-7>.column,
.small-up-7>.columns {
    float: left;
    width: 14.2857142857%
}

.small-up-7>.column:nth-of-type(n),
.small-up-7>.columns:nth-of-type(n) {
    clear: none
}

.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
    float: left
}

.small-up-8>.column,
.small-up-8>.columns {
    float: left;
    width: 12.5%
}

.small-up-8>.column:nth-of-type(n),
.small-up-8>.columns:nth-of-type(n) {
    clear: none
}

.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
    float: left
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.small-collapse .row,
.expanded.row .small-collapse.row {
    margin-right: 0;
    margin-left: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.small-centered {
    margin-right: auto;
    margin-left: auto
}

.small-centered,
.small-centered:last-child:not(:first-child) {
    float: none;
    clear: both
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}

.column-block {
    margin-bottom: 1.25rem
}

.column-block>:last-child {
    margin-bottom: 0
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1em;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: .8125em;
    line-height: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-style: normal;
    font-weight: 700;
    color: inherit;
    text-rendering: optimizeLegibility
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 0;
    color: #dddedc
}

h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h2 {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h3 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

a {
    line-height: inherit;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

a:hover,
a:focus {
    color: inherit
}

a img {
    border: 0
}

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: .0625rem solid #dddedc;
    border-left: 0
}

ul,
ol,
dl {
    margin-bottom: 1em;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.25em;
    list-style-type: disc
}

ol {
    margin-left: 1.25em
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin-left: 1.25em;
    margin-bottom: 0
}

dl {
    margin-bottom: 1em
}

dl dt {
    margin-bottom: .3em;
    font-weight: 700
}

blockquote {
    margin: 0 0 1em;
    padding: .5625em 1.25em 0 1.1875em;
    border-left: .0625rem solid #a3a3a3
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #a3a3a3
}

cite {
    display: block;
    font-size: .8125em;
    color: #a3a3a3
}

cite:before {
    content: "\2014  "
}

abbr {
    border-bottom: .0625rem dotted #222222;
    color: #653232;
    cursor: help
}

figure {
    margin: 0
}

code {
    padding: .125em .3125em .0625em;
    border: .0625rem solid #dddedc;
    background-color: #f3ecee;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    font-weight: 400;
    color: #222
}

kbd {
    margin: 0;
    padding: .125em .25em 0;
    background-color: #f3ecee;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    color: #222;
    border-radius: .25em
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #a3a3a3
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.show-for-print {
    display: none !important
}

[type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=number],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=color],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: .125rem solid #dddedc;
    border-radius: .25em;
    background-color: #fff;
    box-shadow: none;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #653232;
    transition: border-color .25s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

[type=text]:focus,
[type=password]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=week]:focus,
[type=email]:focus,
[type=number]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=url]:focus,
[type=color]:focus,
textarea:focus {
    outline: none;
    border: .125rem solid #a3a3a3;
    background-color: #fff;
    box-shadow: none;
    transition: border-color .25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input::placeholder,
textarea::placeholder {
    color: #bfbebe
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #f3ecee;
    cursor: not-allowed
}

[type=submit],
[type=button] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: .25em
}

input[type=search] {
    box-sizing: border-box
}

[type=file],
[type=checkbox],
[type=radio] {
    margin: 0 0 1rem
}

[type=checkbox]+label,
[type=radio]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

[type=checkbox]+label[for],
[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],
label>[type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #653232
}

label.middle {
    margin: 0 0 1rem;
    padding: .625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #222
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group>:first-child {
    border-radius: .25em 0 0 .25em
}

.input-group>:last-child>* {
    border-radius: 0 .25em .25em 0
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label,
.input-group-button,
.input-group-field,
.input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #dddedc;
    background: #f3ecee;
    color: #222;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

.input-group .input-group-button {
    display: table-cell
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: .0625rem solid #dddedc
}

.fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem;
    background: #fff
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    appearance: none;
    border: .125rem solid #dddedc;
    border-radius: .25em;
    background-color: #fff;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 1rem;
    line-height: normal;
    color: #653232;
    transition: border-color .25s ease-in-out
}

select:focus {
    outline: none;
    border: .125rem solid #a3a3a3;
    background-color: #fff;
    box-shadow: none;
    transition: border-color .25s ease-in-out
}

select:disabled {
    background-color: #f3ecee;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: .25em
}

thead,
tbody,
tfoot {
    border: 1px solid #dddedc;
    background-color: #fff
}

caption {
    padding: .5rem .625rem .625rem;
    font-weight: 700
}

thead,
tfoot {
    background: #f3ecee;
    color: #653232
}

thead tr,
tfoot tr {
    background: transparent
}

thead th,
thead td,
tfoot th,
tfoot td {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

tbody th,
tbody td {
    padding: .5rem .625rem .625rem
}

tbody tr:nth-child(2n) {
    border-bottom: 0;
    background-color: #f3ecee
}

table.unstriped tbody {
    background-color: #fff
}

table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #dddedc;
    background-color: #fff
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover,
table.hover tfoot tr:hover {
    background-color: #dddedc
}

table.hover tbody tr:hover {
    background-color: #f3ecee
}

table.hover:not(.unstriped) tr:nth-of-type(2n):hover {
    background-color: #dddedc
}

.table-scroll {
    overflow-x: auto
}

.table-scroll table {
    width: auto
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

select {
    box-sizing: border-box;
    padding-right: 1.25rem;
    background-size: 1.25rem .475rem;
    background-position: right center;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml,%3Csvg%20viewBox=%220%200%2072%2027%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M18%200h36L36%2027z%22%20style=%22fill:%20%23a3a3a3;%20fill:%20;%22%20fill-rule=%22evenodd%22%20/%3E%3C/svg%3E)
}

input:required:valid {
    border-color: #129134
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(360deg)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: #00000040;
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

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

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

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

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

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

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

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

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

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

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

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

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

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    transition: opacity .2s;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(//www.rhodeskin.com/cdn/shop/t/1074/assets/photoswipe.png?v=115405504031309184941761066855) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: #0000004d;
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: #00000080;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px #00000040;
    transform: translateY(6px);
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(//www.rhodeskin.com/cdn/shop/t/1074/assets/photoswipe-preloader.gif?v=77008736554601496081761066855) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@keyframes clockwise {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    to {
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__top-bar,
.pswp__caption {
    background-color: #00000080
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: #0000004d
}

.pswp__ui--idle .pswp__top-bar,
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

.u-hide {
    display: none !important
}

.u-vhide {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

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

.o-row {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    padding: 0
}

.o-container {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 .75rem
}

.o-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    margin: 0 0 1.25em;
    padding: .9375em 2em;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .0625em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #e81818;
    color: #fff;
    border: .125em solid #e81818;
    border-radius: .25em;
    transition: background-color .25s ease-out, border-color .25s ease-in-out
}

.o-button:hover,
.o-button:focus {
    outline: none;
    border-color: #cf000f;
    background-color: #cf000f;
    color: #fff
}

.o-button:disabled {
    background-color: #a3a3a3;
    border-color: #a3a3a3
}

.o-button:disabled:hover,
.o-button:disabled:focus {
    background-color: #a3a3a3;
    border-color: #a3a3a3
}

.o-button--transparent {
    background-color: transparent;
    border-color: transparent;
    color: #653232
}

.o-button--transparent:hover,
.o-button--transparent:focus {
    background-color: transparent;
    border-color: transparent;
    color: #653232
}

.o-button--transparent:focus {
    border-color: #dddedc
}

.o-button--transparent:disabled {
    background-color: transparent;
    border-color: transparent;
    color: #a3a3a3;
    cursor: not-allowed
}

.o-button--transparent:disabled:hover,
.o-button--transparent:disabled:focus {
    background-color: transparent;
    border-color: transparent;
    color: #a3a3a3
}

.o-button--hollow {
    background-color: transparent;
    border-color: #e81818;
    color: #e81818
}

.o-button--hollow:hover,
.o-button--hollow:focus {
    background-color: transparent;
    border-color: #cf000f;
    color: #cf000f
}

.o-button--hollow:disabled {
    background-color: transparent;
    border-color: #a3a3a3;
    color: #a3a3a3;
    cursor: not-allowed
}

.o-button--hollow:disabled:hover,
.o-button--hollow:disabled:focus {
    background-color: transparent;
    border-color: #a3a3a3;
    color: #a3a3a3
}

.o-pageTitle {
    text-transform: uppercase;
    text-align: center
}

.o-pageSubtext {
    margin: 1.5625rem auto;
    font-size: 1.25rem;
    text-align: center
}

.o-Section {
    margin: 2.44140625rem 0
}

.o-Section:empty {
    display: none
}

.o-Section--flush {
    margin: 0
}

.o-sectionHeading {
    margin: 0 0 1.5625rem;
    font-size: 1.25rem;
    text-transform: uppercase;
    text-align: center
}

.o-sectionSubhead {
    max-width: 50rem;
    margin: 0 auto 1.5625rem;
    font-size: 1rem;
    text-align: center
}

.o-sectionHeading+.o-sectionSubhead {
    margin-top: -1.25rem
}

.o-placeholder {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0 0 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity .3s ease-out .15s
}

.o-placeholder.lazyload {
    opacity: 0
}

.o-placeholder.lazyloaded {
    opacity: 1
}

.o-placeholder.has-icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml,%3Csvg%20viewBox=%220%200%201024%201024%22%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M872,192%20L152,192%20C129.88,192%20112,209.88%20112,232%20L112,792%20C112,814.08%20129.88,832%20152,832%20L872,832%20C894.12,832%20912,814.08%20912,792%20L912,232%20C912,209.92%20894.12,192%20872,192%20L872,192%20L872,192%20Z%20M832,752%20L192,752%20L192,272%20L832,272%20L832,752%20L832,752%20L832,752%20Z%20M684.6,547.08%20L555.36,611.28%20L404.56,367.24%20L272,672%20L752,672%20L684.6,547.08%20L684.6,547.08%20L684.6,547.08%20Z%20M642,472%20C669.6,472%20692,449.6%20692,422%20C692,394.4%20669.6,372%20642,372%20C614.4,372%20592,394.4%20592,422%20C592,449.6%20614.4,472%20642,472%20L642,472%20L642,472%20Z%22%20style=%22fill:%20%23efefef;%20fill:%20;%22%3E%3C/path%3E%3C/svg%3E);
    opacity: 0;
    transition: opacity .15s ease-out
}

.o-placeholder.has-icon.lazyload:before,
.o-placeholder.has-icon.lazyloading:before,
.o-placeholder.has-icon.lazyloaded.has-noImages:before {
    opacity: 1
}

.o-placeholder>svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #653232;
    pointer-events: none
}

.o-placeholderSvg {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0 0 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f3ecee;
    border: .125rem solid #bfbebe;
    fill: #a3a3a3;
    pointer-events: none
}

.o-formErrors {
    max-width: 30rem;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: .875rem;
    text-align: left;
    margin: 10px 0
}

.o-formErrors ul {
    color: #c63931;
    list-style: none;
    margin: 0
}

.o-formErrors ul li,
.o-formErrors ul a {
    font-size: .875rem
}

.o-formSuccess {
    max-width: 18rem;
    margin: 1.25rem auto;
    padding: 1rem;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: .875rem;
    color: #653232;
    text-align: center
}

.o-formSuccess p {
    font-size: .875rem
}

.o-flexVideo {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.o-flexVideo iframe,
.o-flexVideo object,
.o-flexVideo embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.o-rte {
    overflow: hidden
}

.o-rte:before,
.o-rte:after {
    display: table;
    content: " "
}

.o-rte:after {
    clear: both
}

.o-rte h1 {
    position: relative;
    margin: .5em 0 .25em;
    padding: 0;
    font-size: 1.4em;
    text-transform: uppercase
}

.o-rte h2 {
    position: relative;
    margin: .5em 0 .25em;
    padding: 0;
    font-size: 1.25em;
    text-transform: uppercase
}

.o-rte h3,
.o-rte h4,
.o-rte h5,
.o-rte h6 {
    position: relative;
    margin: .5em 0 .25em;
    padding: 0;
    font-size: 1em;
    text-transform: uppercase
}

.o-rte img {
    max-width: 100%
}

.o-rte p {
    font-size: 1em
}

.o-rte p:last-child {
    margin-bottom: 0
}

.o-rte p+p {
    margin-top: -.25em
}

.o-rte ul,
.o-rte ol,
.o-rte dl {
    font-size: 1em
}

.o-rte ul {
    list-style: disc outside none;
    padding-left: 1.8em;
    margin: 0 0 1em
}

.o-rte ul ul {
    list-style: circle outside none
}

.o-rte ul li {
    list-style: inherit
}

.o-rte ul li p+p {
    margin-top: -1em
}

.o-rte ol {
    list-style: decimal outside none;
    padding-left: 1.8em;
    margin: 0 0 1em
}

.o-rte ol ol {
    list-style: decimal outside none
}

.o-rte ol li {
    list-style: inherit
}

.o-rte ol li p+p {
    margin-top: -1em
}

.o-rte blockquote h1,
.o-rte blockquote h2,
.o-rte blockquote h3,
.o-rte blockquote h4,
.o-rte blockquote h5,
.o-rte blockquote h6 {
    line-height: 1.4
}

.o-rte a:not(.o-button) {
    border-bottom: .0625rem solid inherit
}

.o-rte a:not(.o-button):hover,
.o-rte a:not(.o-button):focus {
    border-bottom-color: inherit
}

.o-rte iframe,
.o-rte object {
    max-width: 100%
}

.o-rte figure {
    text-align: center;
    margin: 1em 2.5em
}

.o-rte figcaption {
    margin: 1em 0;
    font-size: .8em;
    font-style: italic
}

.o-rte .figure {
    text-align: center;
    margin: 1em 2.5em
}

.o-rte .figure>.caption {
    margin: 1em 0;
    font-size: .8em;
    font-style: italic
}

.Button {
    --base-color: #fff;
    --label-color: #fff;
    --base-spacing: .3rem 1.9rem .2rem;
    font-size: max(.875rem + .2vw, .925vw) !important;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding: var(--base-spacing);
    border-radius: 40px;
    color: var(--label-color);
    box-shadow: inset 0 0 0 1px #fff;
    text-decoration: none;
    border: none;
    line-height: 150%;
    background: transparent;
    position: relative
}

.Button:not(.Button__text-only-underline) {
    outline: none !important
}

.Button:disabled,
.Button.disabled {
    pointer-events: none;
    opacity: .8;
    cursor: not-allowed
}

.Button[data-mode=wave] {
    transition: color 1.25s ease
}

.Button[data-mode=wave]:hover {
    color: #653232
}

.Button__dark__whiteOnActive {
    --base-color: #653232;
    color: var(--base-color);
    box-shadow: inset 0 0 0 1px var(--base-color)
}

.Button__dark__whiteOnActive.active {
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--base-color)
}

.Button__dark {
    --base-color: #653232;
    color: var(--base-color);
    box-shadow: inset 0 0 0 1px var(--base-color)
}

.Button__dark[data-mode=wave] {
    box-shadow: none
}

.Button__dark[data-mode=wave]:hover {
    color: var(--base-color)
}

.Button__dark.active {
    --base-color: #653232;
    background: var(--base-color);
    color: #fff;
    box-shadow: inset 0 0 0 1px var(--base-color)
}

.Button__transparent {
    --base-color: #84827e;
    color: var(--base-color);
    box-shadow: inset 0 0 0 1px var(--base-color);
    background: transparent
}

.Button__transparent[data-mode=wave]:hover {
    color: #fff
}

.Button__white {
    --base-color: #653232;
    color: var(--base-color);
    box-shadow: inset 0 0 0 1px var(--base-color);
    background: #fff
}

.Button__white[data-mode=wave]:hover {
    color: #fff
}

.Button__large {
    --base-spacing: .8rem 1.9rem .7rem
}

.Button__large .Button-hover-content {
    background-color: var(--base-color);
    color: var(--label-color)
}

.Button__gray-backgroung .Button-hover-content {
    background-color: #84827e;
    color: var(--label-color)
}

.Button__filled.Button__dark {
    background-color: #653232;
    color: #fff
}

.Button__filled.Button__dark .Button-hover-content {
    background-color: var(--label-color);
    color: var(--base-color)
}

.Button__small {
    font-size: .75rem !important;
    padding: .375rem .4375rem .25rem .625rem !important;
    min-width: 4.5rem;
    box-sizing: content-box
}

.Button__mini {
    font-size: .75rem !important;
    line-height: 120% !important;
    padding: .4375rem 0 .44875rem !important;
    box-sizing: content-box;
    display: block
}

.Button__mini:focus *,
.Button__mini:hover * {
    line-height: inherit !important
}

.Button__mini .Button-hover-content {
    padding: .4375rem 0 .44875rem !important
}

.Button__fullWidth {
    width: 100%;
    white-space: nowrap;
    text-align: center
}

.Button__noSpacing {
    padding-left: 0;
    padding-right: 0
}

.Button-Container {
    overflow: hidden
}

.Button:hover {
    text-decoration: none;
    box-shadow: inset 0 0 0 1px var(--base-color)
}

/* Hide base text when hover content is visible to prevent overlay/strikethrough effect */
.Button:has(.Button-hover-helper:hover) {
    color: transparent !important;
}

/* Fallback: Ensure hover content fully covers button and hides base text */
.Button-hover-helper:hover~.Button-hover-content {
    opacity: 1 !important;
    background: #3D1F2A !important;
}

/* Make hover content fully opaque with solid background to hide base text */
.Button-hover-content {
    background: #f3ecee;
    opacity: 1;
}

/* For filled buttons, use the matching background color */
.Button__filled .Button-hover-content {
    background: inherit;
}

.Button__link {
    box-shadow: none;
    text-decoration: underline
}

.Button__link:hover,
.Button__link:focus {
    text-decoration: underline;
    box-shadow: none
}

.Button__link .Button-hover-helper,
.Button__link .Button-hover-content {
    display: none
}

.Button__text-only {
    --base-color: #653232;
    color: var(--base-color);
    box-shadow: none;
    text-decoration: none;
    border: none !important
}

.Button__text-only:hover,
.Button__text-only:focus {
    text-decoration: underline !important;
    box-shadow: none
}

.Button__text-only .Button-hover-helper,
.Button__text-only .Button-hover-content {
    display: none
}

.Button__text-only-underline {
    --base-color: #653232;
    color: var(--base-color);
    box-shadow: none;
    text-decoration: underline
}

.Button__text-only-underline:hover,
.Button__text-only-underline:focus {
    text-decoration: underline;
    box-shadow: none
}

.Button__text-only-underline .Button-hover-helper,
.Button__text-only-underline .Button-hover-content {
    display: none
}

.Button-hover-content {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    clip-path: var(--clip);
    background: #f3ecee;
    /* Solid background to hide base text on hover */
    box-shadow: inset 0 0 0 1px var(--base-color);
    color: #653232;
    /* Darker color for better readability */
    left: 50%;
    position: absolute;
    top: 50%;
    transition: clip-path .25s ease;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    text-align: center;
    padding: var(--base-spacing);
    border: none
}

.Button-hover-content[data-index="1"] {
    --clip: inset(0 0 100% 0)
}

.Button-hover-content[data-index="2"] {
    --clip: inset(0 0 0 100%)
}

.Button-hover-content[data-index="3"] {
    --clip: inset(100% 0 0 0)
}

.Button-hover-content[data-index="4"] {
    --clip: inset(0 100% 0 0)
}

.Button-hover-content[data-mode=wave] {
    display: none
}


.Button-hover-helper {
    border-radius: 40px;
    clip-path: var(--clip);
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    border: 0;
    box-shadow: inset 0 0 0 1px var(--base-color)
}

.Button-hover-helper[data-index="1"]:hover,
.Button-hover-helper[data-index="2"]:hover,
.Button-hover-helper[data-index="3"]:hover,
.Button-hover-helper[data-index="4"]:hover {
    --clip: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    z-index: 2
}

.Button-hover-helper[data-index="1"]:hover~.Button-hover-content[data-index="1"],
.Button-hover-helper[data-index="2"]:hover~.Button-hover-content[data-index="2"],
.Button-hover-helper[data-index="3"]:hover~.Button-hover-content[data-index="3"],
.Button-hover-helper[data-index="4"]:hover~.Button-hover-content[data-index="4"] {
    --clip: inset(0 0 0 0);
    z-index: 0;
    line-height: 1.4rem
}

.Button-background-content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 200%;
    transition: all 2s ease;
    z-index: -1;
    max-height: 175%;
    display: grid;
    grid-template-rows: 1fr 1fr;
    overflow: hidden
}

.Button-background-content div {
    background-color: var(--base-color);
    height: 100%;
    position: relative
}

.Button-background-content div:after {
    content: "";
    background-color: var(--base-color);
    position: absolute;
    height: 110%;
    width: 110%;
    left: -5%;
    top: -5%
}

.Button-background-content svg path {
    fill: var(--base-color)
}

.Button-background-content[data-index="1"] {
    transform: rotate(180deg);
    top: auto;
    bottom: 100%
}

.Button-background-content[data-index="2"] {
    top: 0;
    width: 150%;
    height: auto;
    left: auto;
    grid-template-rows: 1fr;
    grid-template-columns: 55px 1fr;
    right: 0;
    transform: translate(100%) translateY(-10%)
}

.Button-background-content[data-index="2"] svg {
    transform: rotate(180deg)
}

.Button-background-content[data-index="4"] {
    top: 0;
    width: 150%;
    height: auto;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 55px;
    transform: translate(-100%) translateY(-10%)
}

.Button:focus .Button-hover-content[data-index="4"] {
    --clip: inset(0 0 0 0);
    z-index: 0;
    line-height: 1.4rem
}

.Button-hover-helper[data-index="1"] {
    --clip: polygon(0 0, 100% 0, 50% 50%, 50% 50%)
}

.Button-hover-helper[data-index="2"] {
    --clip: polygon(100% 0, 100% 100%, 50% 50%)
}

.Button-hover-helper[data-index="3"] {
    --clip: polygon(0 100%, 100% 100%, 50% 50%)
}

.Button-hover-helper[data-index="4"] {
    --clip: polygon(0 0, 0 100%, 50% 50%)
}

.Product-card .Button {
    padding-left: .55rem;
    padding-right: .55rem
}

.Button__fullWidth .Button-background-content {
    transition: all 3s ease
}

.Button__fullWidth .Button-background-content[data-index="1"],
.Button__fullWidth .Button-background-content[data-index="3"] {
    height: auto;
    max-height: none;
    width: 200%
}

.Button__dark .Button-background-content div {
    background-color: var(--label-color);
    height: 100%
}

.Button__dark .Button-background-content div:after {
    background-color: var(--label-color)
}

.Button__dark .Button-background-content svg path {
    fill: var(--label-color)
}

.Input {
    --text-color: #653232;
    --border-radius: $border-radius;
    --padding: 18px 20px;
    color: var(--text-color);
    border-radius: var(--border-radius);
    padding: var(--padding);
    height: 48px;
    border: 0
}

.Input:focus {
    border: 0
}

.Input::placeholder {
    color: #653232
}

.Checkbox {
    display: flex;
    align-items: center;
    cursor: pointer
}

.Checkbox input {
    -webkit-appearance: none;
    -o-appearance: none;
    padding: 0;
    margin: -2px 0 0
}

.Checkbox input:before {
    content: "";
    font-size: 15px;
    color: transparent !important;
    border-radius: 3px;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 7px;
    background-color: #fff
}

.Checkbox input:checked:before {
    background-size: 14px;
    background: url(check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff
}

.Checkbox--Round__input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute
}

.Checkbox--Round__input:checked+.Checkbox--Round__label:before {
    content: "";
    color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #67645f;
    background-image: url(check-white.svg)
}

.Checkbox--Round__label {
    display: flex !important;
    text-align: left;
    font-size: .75rem;
    line-height: 120%;
    margin: 0 !important;
    margin-bottom: 1rem !important;
    gap: .5rem;
    align-items: center
}

.Checkbox--Round__label:before {
    display: block;
    content: "";
    border: 1px solid #67645f;
    width: 1.5rem;
    height: 1.5rem;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100px;
    min-width: 1.5rem;
    position: relative
}

.Pagination {
    overflow: hidden
}

.Pagination-items {
    margin: 0;
    padding: 0;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap
}

.Pagination-item {
    display: none;
    vertical-align: middle;
    margin: 0;
    padding: 0
}

.Pagination-item.is-current,
.Pagination-item.is-dimmed,
.Pagination-item.is-prev,
.Pagination-item.is-next {
    display: inline-block
}

.Pagination-itemLink {
    display: block;
    padding: .5rem;
    font-size: 1rem;
    color: #65323285
}

.Pagination-itemLink:hover,
.Pagination-itemLink:focus {
    background-color: #f3ecee;
    color: #e6dcdf;
    border-color: #bfbebe;
    outline: none;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.Pagination-itemLink[aria-hidden] {
    min-width: 0;
    padding: .25rem;
    background-color: #fff;
    color: #bfbebe;
    border-color: transparent;
    cursor: default
}

.Pagination-itemLink[aria-hidden]:hover,
.Pagination-itemLink[aria-hidden]:focus {
    color: #bfbebe
}

.Pagination-itemLink[aria-disabled] {
    color: rgb(101, 50, 50) pointer-events: none
}

.Pagination-itemLink[aria-disabled]:hover,
.Pagination-itemLink[aria-disabled]:focus {
    color: #f3ecee
}

.Pagination-itemLink[aria-disabled] .u-vhide,
.Pagination-itemLink[aria-disabled] span {
    pointer-events: none
}

.Pagination-arrow {
    display: inline-block;
    vertical-align: middle
}

.Pagination-arrowLink {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 100%;
    background-color: #653232
}

.Pagination-arrowLink .o-placeholder>svg {
    height: 11px;
    margin: 8px auto 0;
    width: 100%
}

.MobileTabBar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    overflow: hidden;
    border-top: .0625rem solid #f3ecee
}

.MobileTabBar-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .95
}

.MobileTabBar-items {
    display: block;
    position: relative;
    width: 100%;
    max-width: 20rem;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.MobileTabBar-item {
    display: inline-block;
    vertical-align: top;
    width: 4rem;
    margin: 0;
    padding: .5rem 0
}

.MobileTabBar-itemLink {
    display: block;
    color: #653232
}

.MobileTabBar-itemLink:hover,
.MobileTabBar-itemLink:focus {
    color: #653232
}

.MobileTabBar-itemIcon {
    position: relative;
    padding: 0 1rem
}

.MobileTabBar-itemIcon svg {
    fill: #3c3b3b
}

.MobileTabBar-itemText {
    padding: .5em 0 0;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: .625rem;
    text-transform: uppercase
}

.MobileTabBar-cartItemCount {
    display: block;
    position: absolute;
    top: -.25rem;
    right: .75rem;
    width: .5rem;
    height: .5rem;
    background-color: #e81818;
    border-radius: 1rem
}

.MobileTabBar-cartItemCount[data-item-count="0"] {
    display: none
}

.Breadcrumbs {
    padding: 1em 0;
    font-size: .75rem;
    text-transform: uppercase;
    border-top: .0625rem solid #f3ecee
}

.Breadcrumbs-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.Breadcrumbs-item {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 1.25em 0 0;
    line-height: 1.8;
    text-overflow: ellipsis
}

.Breadcrumbs-item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateZ(0);
    width: 1em;
    height: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cpath%20d=%22M13.25%2010L6.109%202.58a.697.697%200%200%201%200-.979.68.68%200%200%201%20.969%200l7.83%207.908a.697.697%200%200%201%200%20.979l-7.83%207.908a.68.68%200%200%201-.969%200%20.697.697%200%200%201%200-.979L13.25%2010z%22%20style=%22fill:%20%23a3a3a3;%20fill:%20;%22%20/%3E%3C/svg%3E)
}

.Breadcrumbs-items .Breadcrumbs-item:last-child {
    padding: 0;
    color: #a3a3a3
}

.Breadcrumbs-items .Breadcrumbs-item:last-child:after {
    display: none
}

.Breadcrumbs-item>a {
    color: #653232;
    border-bottom: .0625rem solid transparent;
    transition: border-color .2s ease-in-out
}

.Breadcrumbs-item>a:hover,
.Breadcrumbs-item>a:focus {
    color: #653232;
    border-bottom-color: #a3a3a3
}

* {
    z-index: 1;
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

button {
    font-family: inherit
}

a {
    text-decoration: none;
    color: inherit
}

a:hover {
    text-decoration: underline
}

body:not(.template-index) main>.shopify-section:first-child {
    margin-top: calc(34px + .5vw + 2rem)
}

body:not(.template-index) main>.shopify-section:first-child .Full-image,
body:not(.template-index) main>.shopify-section:first-child .Hero,
body:not(.template-index) main>.shopify-section:first-child .ImageWithContent,
body:not(.template-index) main>.shopify-section:first-child .Full-video {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

#skip-to-content {
    transition: none;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

#skip-to-content:focus {
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    padding: 5px min(2rem, 3vw);
    outline: none;
    text-decoration: underline
}

.ap-modal-overlay {
    z-index: 1 !important
}

afterpay-placement {
    display: block !important
}

.afterpay-close {
    z-index: 10
}

div#afterpay-modal-modal,
div.afterpay_modal_wrapper * {
    background-color: #fff !important
}

div#afterpay-modal-modal .grid-container .row-0,
div.afterpay_modal_wrapper * .grid-container .row-0 {
    background-color: transparent !important
}

div#afterpay-modal-modal .grid-container a,
div.afterpay_modal_wrapper * .grid-container a {
    font-size: inherit !important
}

.cover {
    display: flex;
    flex-flow: column nowrap;
    justify-content: stretch;
    align-items: stretch;
    min-height: 100vh;
    padding: 0;
    padding: 1rem
}

.cover-small {
    padding-top: .9375rem !important
}

.header,
.footer {
    flex: 0 0 auto
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.swiper {
    width: 100%;
    height: 100%
}

.is-frozen {
    overflow: hidden !important;
    overflow-y: hidden !important;
    width: 100%;
    touch-action: none;
    -ms-touch-action: none
}

.swiper--auto-width .swiper-slide {
    width: auto !important
}

.shopify-section:not(.EarlyAccess-section)+.shopify-section,
main+.shopify-section {
    margin-top: 1.25rem
}

.u-white {
    color: #fff
}

.u-fontSwiss {
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
}

.u-fontRektorat {
    text-transform: lowercase;
    font-family: Rektorat Heavy, Swiss Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    letter-spacing: -.04em !important;
    font-weight: 400 !important
}

main {
    color: #653232;
    position: relative
}

.main {
    z-index: 0 !important
}

.u-overflowHidden {
    overflow: hidden
}

.u-hSize {
    font-size: calc(1.6rem + .2vw);
    line-height: 120%;
    font-weight: 400;
    margin: 1.5rem 0 .75rem
}

.u-hSize--Small,
.u-hSize--Medium {
    font-size: min(2.5rem, 12vw);
    line-height: 120%
}

.u-hSize--Large {
    font-size: max(4.5rem, 12vw);
    line-height: 120%
}

.u-hSize p {
    font-size: inherit;
    line-height: inherit
}

.u-bold {
    font-weight: 700
}

.u-transform-inherit {
    text-transform: inherit
}

.u-faded {
    opacity: .5
}

.u-pSize,
p,
a {
    font-size: max(.825rem + .2vw, .925vw);
    line-height: 150%;
    letter-spacing: .02em
}

.u-pSize__Small,
p__Small,
a__Small {
    font-size: calc(.75rem + .2vw)
}

.u-pSize__Medium,
p__Medium,
a__Medium {
    font-size: max(1rem + .2vw, 1.3vw)
}

.u-pSize__Large,
p__Large,
a__Large {
    font-size: calc(1.25rem + .2vw);
    line-height: 150%
}

.u-pSize p,
p p,
a p {
    font-size: inherit;
    line-height: inherit
}

.klaviyo-form a {
    font-size: inherit !important
}

.bg-full-height {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.u-showMd,
.u-showMd__flex,
.u-showMd__grid,
.u-showMd__inline,
.u-showMd__contents {
    display: none !important
}

.u-hideMd {
    display: block !important
}

.u-hideMd__flex {
    display: flex !important
}

.u-hideMd__inline {
    display: inline-block !important
}

.u-hideMd__contents {
    display: contents !important
}

.u-showMobile,
.u-showMobile__flex,
.u-showMobile__grid,
.u-showMobile__inline {
    display: none !important
}

.u-hideMobile {
    display: block !important
}

.u-hideMobile__flex {
    display: flex !important
}

.u-showLg,
.u-showLg__flex {
    display: none !important
}

.u-hideLg {
    display: block !important
}

.u-hidden {
    visibility: hidden;
    opacity: 0
}

.u-noMargin,
.u-noMargin p {
    margin: 0
}

.u-animate-underline:hover {
    text-decoration: underline
}

.Form {
    position: relative;
    display: flex;
    flex-flow: column
}

.Form .Input {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: none;
    border: none;
    margin-bottom: 1rem
}

.Form .Input:last-of-type {
    margin-bottom: 1.5rem
}

.Form__single-field {
    flex-flow: row
}

.Form__single-field .Input {
    border-radius: 12px 0 0 12px;
    margin-bottom: 0;
    font-size: max(.91rem + .2vw, .925vw);
    height: auto
}

.Form__single-field .Input:last-of-type {
    margin-bottom: 0
}

.splitting .word,
.splitting .char {
    display: inline-block
}

.splitting .char {
    position: relative
}

.splitting .char:before,
.splitting .char:after {
    content: attr(data-char);
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    transition: inherit;
    -webkit-user-select: none;
    user-select: none
}

.splitting {
    --word-center: calc((var(--word-total) - 1) / 2);
    --char-center: calc((var(--char-total) - 1) / 2);
    --line-center: calc((var(--line-total) - 1) / 2)
}

.splitting .word {
    will-change: transform;
    --word-percent: calc(var(--word-index) / var(--word-total));
    --line-percent: calc(var(--line-index) / var(--line-total))
}

.splitting .char {
    --char-percent: calc(var(--char-index) / var(--char-total));
    --char-offset: calc(var(--char-index) - var(--char-center));
    --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
    --distance-sine: calc(var(--char-offset) / var(--char-center));
    --distance-percent: calc((var(--distance) / var(--char-center)))
}

.swiper-pagination-bullets {
    position: absolute;
    bottom: 3rem !important;
    left: 50% !important;
    transform: translate(-50%);
    z-index: 100;
    border-radius: 50%;
    display: flex;
    align-items: center;
    width: auto !important
}

.swiper-pagination-bullet {
    cursor: pointer;
    background-color: #fff;
    display: inline-block;
    width: .5rem;
    height: .5rem;
    z-index: 100;
    border-radius: 50%;
    margin-right: 1rem;
    opacity: .5;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.swiper-pagination-bullet.active {
    opacity: 1;
    height: .75rem;
    width: .75rem
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    top: 0;
    margin-top: 0;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
    font-size: 16px;
    font-weight: 700;
    color: #653232
}

.swiper .swiper-button-next.swiper-button-disabled,
.swiper .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.swiper .swiper-button-next {
    top: 45%;
    right: 10px;
    width: 50px;
    height: 50px;
    background: #ffffff80;
    border-radius: 50%;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.swiper .swiper-button-next:hover {
    background: #653232;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.swiper .swiper-button-next:hover:after {
    color: #fff
}

.swiper .swiper-button-prev {
    display: flex;
    left: 10px;
    top: 45%;
    width: 50px;
    height: 50px;
    background: #ffffff80;
    border-radius: 50%;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.swiper .swiper-button-prev:disabled {
    display: none
}

.swiper .swiper-button-prev:hover {
    background: #653232;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.swiper .swiper-button-prev:hover:after {
    color: #fff
}

.hidden-text {
    color: transparent;
    font-size: 0px
}

.Header-mega-menu-productsSwiper .swiper-wrapper {
    z-index: 0
}

.IndexSection {
    margin: 0 0 3.125rem
}

.Header+.IndexSection {
    margin-top: -1.953125rem
}

.IndexSection--flush+.IndexSection--flush {
    margin-top: -3.125rem
}

.IndexSection.BannerGrid {
    margin: 0 0 1.25rem
}

.IndexSection.BannerGrid+.IndexSection.BannerGrid {
    margin-top: -1.25rem
}

.IndexBlog-items {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.IndexBlog-item {
    width: 100%;
    max-width: 20rem;
    margin: 0 auto 1rem;
    text-align: left
}

.IndexBlog-itemLink {
    display: block;
    background-color: #dadada;
    color: #fff
}

.IndexBlog-itemLink:hover,
.IndexBlog-itemLink:focus {
    color: #fff
}

.IndexBlog-itemImage {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0 0 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.IndexBlog-itemDimmer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    opacity: .4;
    transition: opacity .3s ease-in-out
}

.IndexBlog-itemLink:hover .IndexBlog-itemDimmer,
.IndexBlog-itemLink:focus .IndexBlog-itemDimmer {
    opacity: .5
}

.IndexBlog-itemCaption {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateZ(0);
    width: 100%;
    padding: 0 1rem
}

.IndexBlog-itemInfo {
    position: absolute;
    bottom: 100%;
    left: 1rem;
    margin: 0 0 .5rem;
    font-size: .8rem
}

.IndexBlog-itemTitle {
    overflow: hidden;
    margin: 0;
    line-height: 1.3
}

.Hero {
    position: relative;
    height: calc(100vh - 2rem);
    border-radius: 12px;
    overflow: hidden
}

.Hero.mobile_hide {
    display: none
}

.Hero .u-hideMd,
.Hero .u-showMd {
    height: 100%
}

.Hero--light {
    background-color: #84827e;
    color: #fff
}

.Hero .slide--light {
    color: #fff
}

.Hero .swiper .swiper-pagination {
    display: block
}

.Hero .swiper .swiper-slide {
    border-radius: 12px
}

.Hero .swiper .swiper-slide .BackgroundShadow {
    -webkit-transform: translateZ(0)
}

.Hero .swiper .swiper-slide * :not(.Button-container *) {
    -webkit-transform: translateZ(0)
}

.Hero iframe {
    width: 100vw;
    min-height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 80vw;
    min-width: 125vh
}

.Hero img {
    border-radius: 12px;
    object-fit: cover
}

.Hero video {
    position: absolute;
    width: 100%;
    top: -1px;
    height: 100%;
    object-fit: cover;
    border-radius: 12px
}

.Hero-content {
    position: absolute;
    display: flex;
    width: 100%;
    align-items: flex-start;
    left: 0;
    bottom: 0;
    padding: .75rem;
    z-index: 2
}

.Hero-content-wrapper {
    margin: 1.5rem 0 0;
    display: flex;
    flex-flow: column;
    align-items: flex-end
}

.Hero-content-wrapper.TEXT__LEFT {
    text-align: left
}

.Hero-content-wrapper.TEXT__RIGHT {
    text-align: right
}

.Hero-content-wrapper.TEXT__CENTER {
    text-align: center
}

.Hero-content-wrapper.BUTTON__LEFT {
    align-items: flex-start
}

.Hero-content-wrapper.BUTTON__RIGHT {
    align-items: flex-end
}

.Hero-content-wrapper.BUTTON__CENTER {
    align-items: center
}

.Hero-content .Button-container a {
    max-width: 89vw;
    text-overflow: ellipsis
}

.Hero-content h1 {
    font-size: min(11rem, 22vw);
    line-height: 120%;
    margin: 0
}

.Hero-content p {
    margin: 0 0 1.2rem;
    overflow: hidden;
    align-items: flex-end;
    font-size: calc(1.8rem + .2vw);
    line-height: 120%;
    margin-bottom: max(.75rem, .75vw);
    letter-spacing: -.02em
}

.Hero-content a {
    margin-bottom: 0
}

.Hero-content.TOP_CENTER {
    bottom: 60%;
    justify-content: center;
    align-items: center;
    width: 100%
}

.Hero-content.TOP_CENTER[data-first-section=true] {
    bottom: 60%
}

.Hero-content.TOP_LEFT {
    bottom: 70%;
    justify-content: space-between
}

.Hero-content.TOP_LEFT[data-first-section=true] {
    bottom: 60%
}

.Hero-content.TOP_RIGHT {
    bottom: 70%;
    justify-content: flex-end
}

.Hero-content.TOP_RIGHT[data-first-section=true] {
    bottom: 60%
}

.Hero-content.CENTER {
    bottom: 50%;
    transform: translateY(50%);
    justify-content: center;
    align-items: center;
    width: 100%
}

.Hero-content.CENTER_LEFT {
    bottom: 50%;
    transform: translateY(50%);
    justify-content: space-between
}

.Hero-content.CENTER_RIGHT {
    bottom: 50%;
    transform: translateY(50%);
    justify-content: flex-end
}

.Hero-content.BOTTOM_CENTER {
    justify-content: center
}

.Hero-content.BOTTOM_LEFT {
    justify-content: space-between
}

.Hero-content.BOTTOM_RIGHT {
    justify-content: flex-end
}

.Hero .video-play-pause {
    position: absolute;
    bottom: 12px;
    color: #fff;
    cursor: pointer;
    z-index: 3
}

.Hero .video-play-pause svg {
    cursor: pointer
}

.Hero .video-play-pause .hidden {
    display: none
}

.Hero .video-play-pause[data-mobile-alignment=left] {
    left: .75rem
}

.Hero .video-play-pause[data-mobile-alignment=right] {
    right: .75rem
}

.Hero .hidden {
    display: none
}

.Hero>.Collection-slider-mobile>.swiper-pagination-bullets {
    bottom: .1rem !important
}

.HeroLogo {
    position: relative;
    height: calc(100vh - 2rem);
    border-radius: 12px;
    overflow: hidden
}

.HeroLogo.mobile_hide {
    display: none
}

.HeroLogo .u-hideMd,
.HeroLogo .u-showMd {
    height: 100%
}

.HeroLogo--light {
    background-color: #84827e;
    color: #fff
}

.HeroLogo-logoOverlayerMobile {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1.25rem;
    display: grid
}

.HeroLogo-logoOverlayerMobile.top {
    align-items: top
}

.HeroLogo-logoOverlayerMobile.center {
    align-items: center
}

.HeroLogo-logoOverlayerMobile.bottom {
    align-items: end
}

.HeroLogo-logoOverlayerMobile svg {
    width: 100%
}

.HeroLogo-logoOverlayDesktop {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    display: none;
    padding: 1.5625rem
}

.HeroLogo-logoOverlayDesktop.left {
    justify-content: left
}

.HeroLogo-logoOverlayDesktop.right {
    justify-content: right
}

.HeroLogo-logoOverlayDesktop svg {
    height: 100%
}

.HeroLogo iframe {
    width: 100vw;
    min-height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 80vw;
    min-width: 125vh
}

.HeroLogo img {
    border-radius: 12px;
    object-fit: cover
}

.HeroLogo video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px
}

.HeroLogo-content {
    position: absolute;
    padding: 2rem 1rem;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    z-index: 3;
    font-weight: 400
}

.HeroLogo-content-position-mobile--TOP {
    justify-content: flex-start
}

.HeroLogo-content-position-mobile--CENTER {
    justify-content: center
}

.HeroLogo-content-position-mobile--BOTTOM {
    justify-content: flex-end
}

.HeroLogo-content-align-mobile--LEFT {
    align-items: flex-start;
    text-align: left
}

.HeroLogo-content-align-mobile--CENTER {
    align-items: center;
    text-align: center
}

.HeroLogo-content-align-mobile--RIGHT {
    align-items: flex-end;
    text-align: right
}

.HeroLogo-content h1,
.HeroLogo-content h2,
.HeroLogo-content h3,
.HeroLogo-content h4,
.HeroLogo-content h5,
.HeroLogo-content h6 {
    font-weight: 400;
    margin: 0 0 .375rem
}

.HeroLogo-content p {
    margin: 0 0 .375rem;
    overflow: hidden;
    align-items: flex-end;
    font-size: calc(1.8rem + .2vw);
    line-height: 120%;
    letter-spacing: -.02em
}

.HeroLogo .video-play-pause {
    position: absolute;
    bottom: 12px;
    right: 15px;
    color: #fff;
    cursor: pointer;
    z-index: 3
}

.HeroLogo .video-play-pause svg {
    cursor: pointer
}

.HeroLogo .video-play-pause .hidden {
    display: none
}

.HeroVertical {
    position: relative;
    height: calc(100vh - 13rem);
    border-radius: 12px;
    overflow: hidden
}

.HeroVertical.mobile_hide {
    display: none
}

.HeroVertical-copy {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 1.4375rem 1.5625rem
}

.HeroVertical-copy p {
    font-weight: 400;
    margin-bottom: 0
}

.HeroVertical-copy-wrapper {
    max-width: 10.9375rem
}

.HeroVertical-textVertical {
    position: absolute;
    transform: rotate(90deg);
    text-align: center;
    font-family: Rektorat Heavy, Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    width: 0;
    white-space: nowrap;
    letter-spacing: -.1875rem
}

.HeroVertical .u-hideMd,
.HeroVertical .u-showMd {
    height: 100%
}

.HeroVertical--light {
    background-color: #84827e;
    color: #fff
}

.HeroVertical iframe {
    width: 100vw;
    min-height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 80vw;
    min-width: 125vh
}

.HeroVertical img {
    border-radius: 12px;
    object-fit: cover
}

.HeroVertical video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px
}

.HeroVertical-content {
    position: absolute;
    display: flex;
    width: 100%;
    align-items: flex-start;
    left: 0;
    bottom: 0;
    padding: .75rem;
    z-index: 2
}

.HeroVertical-content.has-button.BOTTOM_RIGHT {
    justify-content: flex-end;
    padding-bottom: 3.75rem
}

.HeroVertical-content-wrapper {
    margin: 1.5rem 0 0;
    display: flex;
    flex-flow: column;
    align-items: flex-end
}

.HeroVertical-content-wrapper.TEXT__LEFT {
    text-align: left
}

.HeroVertical-content-wrapper.TEXT__RIGHT {
    text-align: right
}

.HeroVertical-content-wrapper.TEXT__CENTER {
    text-align: center
}

.HeroVertical-content-wrapper.BUTTON__LEFT {
    align-items: flex-start
}

.HeroVertical-content-wrapper.BUTTON__RIGHT {
    align-items: flex-end
}

.HeroVertical-content-wrapper.BUTTON__CENTER {
    align-items: center
}

.HeroVertical-content h1 {
    font-size: min(11rem, 22vw);
    line-height: 120%;
    margin: 0
}

.HeroVertical-content p {
    margin: 0 0 1.2rem;
    overflow: hidden;
    align-items: flex-end;
    font-size: calc(1.8rem + .2vw);
    line-height: 120%;
    margin-bottom: max(.75rem, .75vw);
    letter-spacing: -.02em
}

.HeroVertical-content a {
    margin-bottom: 0
}

.HeroVertical-content.TOP_CENTER {
    bottom: 60%;
    justify-content: center;
    align-items: center;
    width: 100%
}

.HeroVertical-content.TOP_LEFT {
    bottom: 70%;
    justify-content: space-between
}

.HeroVertical-content.TOP_RIGHT {
    bottom: 70%;
    justify-content: flex-end
}

.HeroVertical-content.CENTER {
    bottom: 50%;
    transform: translateY(50%);
    justify-content: center;
    align-items: center;
    width: 100%
}

.HeroVertical-content.CENTER_LEFT {
    bottom: 50%;
    transform: translateY(50%);
    justify-content: space-between
}

.HeroVertical-content.CENTER_RIGHT {
    bottom: 50%;
    transform: translateY(50%);
    justify-content: flex-end
}

.HeroVertical-content.BOTTOM_CENTER {
    justify-content: center
}

.HeroVertical-content.BOTTOM_LEFT {
    justify-content: space-between
}

.HeroVertical-content.BOTTOM_RIGHT {
    justify-content: flex-end
}

.HeroVertical .video-play-pause {
    position: absolute;
    bottom: 12px;
    right: 15px;
    color: #fff;
    cursor: pointer;
    z-index: 3
}

.HeroVertical .video-play-pause svg {
    cursor: pointer
}

.HeroVertical .video-play-pause .hidden {
    display: none
}

.BackgroundShadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 2
}

.Custom-cursor {
    pointer-events: none;
    left: 0;
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #ffffff80;
    box-shadow: 0 0 100px #00000040;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    transform: translate(-60px, -60px);
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s, visibility .5s, transform .5s
}

.Custom-cursor__visible {
    opacity: 1;
    visibility: visible;
    display: flex
}

.Custom-cursor-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5
}

.Custom-cursor__disabled {
    pointer-events: none;
    transform: scale(.8) translate(-60px, -60px);
    transform-origin: left;
    visibility: hidden !important;
    opacity: 0 !important
}

.Custom-cursor-wrapper {
    position: relative
}

.ImageWithContent {
    position: relative;
    z-index: 0;
    overflow: hidden;
    color: #653232;
    display: grid;
    grid-template-areas: "image" "content"
}

.ImageWithContent-spacing--true {
    grid-gap: 1rem
}

.ImageWithContent-spacing--true>div {
    border-radius: 12px;
    overflow: hidden;
    background: #f3ecee
}

.ImageWithContent-spacing--false {
    background: #f3ecee;
    border-radius: 12px
}

.ImageWithContent-content-title {
    margin-bottom: 1rem;
    margin-top: 0
}

.ImageWithContent-content-title p {
    margin-bottom: 0
}

.ImageWithContent-newsletter {
    margin: 1.1875rem 0 .75rem;
    width: 100%;
    max-width: 27.46875rem
}

.ImageWithContent-newsletter .Input {
    padding: .890625rem 0 .890625rem 1.4425rem;
    font-size: 1rem;
    line-height: 150%
}

.ImageWithContent-newsletter-submit {
    overflow: auto;
    min-width: 6rem;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    box-shadow: none;
    font-size: .90625rem !important;
    border-radius: 0 12px 12px 0;
    background: #fff;
    border: 0 solid;
    border-left: 1px solid #653232
}

.ImageWithContent-newsletter-submit span {
    border-radius: 0 12px 12px 0;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.ImageWithContent-newsletter-submit-container {
    margin: 0 !important;
    overflow: visible
}

.ImageWithContent-newsletter-success {
    font-size: .625rem !important;
    margin-top: .625rem
}

.ImageWithContent-newsletter-privacy-policy {
    margin: 1.21375rem 0 0 !important;
    font-size: .625rem !important;
    font-weight: 400;
    color: #653232
}

.ImageWithContent-newsletter-privacy-policy a {
    text-decoration: underline;
    font-size: .625rem !important
}

.Content-wrapper .Button-container {
    margin-top: max(1.5rem, 1.5vw)
}

.Content-wrapper.align--LEFT,
.Content-wrapper .Content-container.align--LEFT {
    text-align: left
}

.Content-wrapper.align--RIGHT,
.Content-wrapper .Content-container.align--RIGHT {
    text-align: right
}

.Content-wrapper.align--CENTER,
.Content-wrapper .Content-container.align--CENTER {
    text-align: center
}

.Content-wrapper.align--CENTER .Content-image-description,
.Content-wrapper .Content-container.align--CENTER .Content-image-description {
    margin: auto
}

.Content-wrapper.align--CENTER p,
.Content-wrapper .Content-container.align--CENTER p {
    margin: 0 auto
}

.Content-wrapper .Content-container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.Content-wrapper .Content-container.content-position--CENTER {
    align-items: center;
    justify-content: center
}

.Content-wrapper .Content-container.content-position--CENTER_LEFT {
    align-items: flex-start;
    justify-content: center
}

.Content-wrapper .Content-container.content-position--CENTER_LEFT .Content-image {
    margin-left: 0
}

.Content-wrapper .Content-container.content-position--CENTER_RIGHT {
    align-items: flex-end;
    justify-content: center
}

.Content-wrapper .Content-container.content-position--CENTER_RIGHT .Content-image {
    margin-right: 0
}

.Content-wrapper .Content-container.content-position--BOTTOM_CENTER {
    align-items: center;
    justify-content: flex-end
}

.Content-wrapper .Content-container.content-position--BOTTOM_LEFT {
    align-items: flex-start;
    justify-content: flex-end
}

.Content-wrapper .Content-container.content-position--BOTTOM_LEFT .Content-image {
    margin-left: 0
}

.Content-wrapper .Content-container.content-position--BOTTOM_RIGHT {
    align-items: flex-end;
    justify-content: flex-end
}

.Content-wrapper .Content-container.content-position--BOTTOM_RIGHT .Content-image {
    margin-right: 0
}

.Content-wrapper .Content-container.content-position--TOP_CENTER {
    align-items: center;
    justify-content: flex-start
}

.Content-wrapper .Content-container.content-position--TOP_LEFT {
    align-items: flex-start;
    justify-content: flex-start
}

.Content-wrapper .Content-container.content-position--TOP_LEFT .Content-image {
    margin-left: 0
}

.Content-wrapper .Content-container.content-position--TOP_RIGHT {
    align-items: flex-end;
    justify-content: flex-start
}

.Content-wrapper .Content-container.content-position--TOP_RIGHT .Content-image {
    margin-right: 0
}

.Content-wrapper .Content-container .Content-image {
    width: 40%;
    border-radius: 12px;
    overflow: hidden;
    margin: auto
}

.Content-wrapper .Content-container .Content-image-with-background {
    background: radial-gradient(116.69% 129.41% at 5.22% -15.34%, #84827e, #f3ecee);
    border-radius: 12px
}

.Content-wrapper .Content-container .Content-image-description p {
    margin-bottom: 0
}

.Content-wrapper .Content-container.cta-align--LEFT .Button-container {
    display: flex;
    justify-content: flex-start
}

.Content-wrapper .Content-container.cta-align--RIGHT .Button-container {
    display: flex;
    justify-content: flex-end
}

.Content-wrapper .Content-container.cta-align--CENTER .Button-container {
    display: flex;
    justify-content: center
}

.Marquee {
    position: absolute;
    bottom: 1.2rem;
    left: 0;
    width: 100%
}

.Marquee-container {
    display: flex;
    flex-wrap: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.Marquee-container>div {
    display: flex;
    align-items: center
}

.Marquee-container>div span {
    white-space: nowrap
}

.Marquee-container>div>svg {
    position: relative;
    top: .3rem;
    width: 2rem;
    margin: 0 .7rem 0 .5rem
}

.Image-with-faq {
    display: flex;
    flex-flow: column-reverse
}

.Image-with-faq-title,
.Image-with-faq-title p {
    margin-bottom: 0
}

.Image-with-faq-wrapper {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #f3ecee;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    position: relative;
    color: #653232;
    padding: 0 1rem 1.5rem
}

.Image-with-faq-wrapper .Button-container {
    margin-top: min(max(.75rem, 4.1666666667vw), 6.75rem)
}

.Image-with-faq-container {
    background-color: #f3ecee;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 2rem 1rem;
    opacity: 0;
    transition: opacity .5s
}

.Image-with-faq-image-container {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    z-index: 0;
    position: relative
}

.Image-with-faq-image-container>div {
    height: 100%;
    width: 100%
}

.CardCarousel {
    z-index: 0;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
    padding-top: 10vw;
    background: #f3ecee;
    margin-bottom: 1.25rem
}

.CardCarousel-pillars {
    width: 100%;
    text-align: center
}

.CardCarousel-card {
    width: 430px;
    text-align: center;
    border-radius: 12px
}

.CardCarousel-card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 4vw -1.875rem -3vw;
    opacity: 0;
    transition: 1s ease
}

.CardCarousel .u-showLg .CardCarousel-card-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 5vw;
    left: 0;
    right: 0
}

.CardCarousel-title {
    max-width: 300px
}

.CardCarousel-title p {
    margin-bottom: .5em
}

.CardCarousel-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 100%;
    max-height: 420px;
    min-height: 320px;
    border-radius: 12px;
    overflow: hidden;
    transform: scale(1) !important
}

.CardCarousel .swiper-button-next,
.CardCarousel .swiper-button-prev {
    top: 0;
    margin-top: 0;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.CardCarousel .swiper-button-next:after,
.CardCarousel .swiper-button-prev:after {
    font-size: 16px;
    font-weight: 700;
    color: #653232
}

.CardCarousel .swiper-button-next.swiper-button-disabled,
.CardCarousel .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.CardCarousel .swiper-button-next {
    top: 45%;
    right: 4px;
    width: 50px;
    height: 50px;
    background: #ffffff80;
    border-radius: 50%;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.CardCarousel .swiper-button-next:hover {
    background: #653232;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.CardCarousel .swiper-button-next:hover:after {
    color: #fff
}

.CardCarousel .swiper-button-prev {
    display: flex;
    left: 4px;
    top: 45%;
    width: 50px;
    height: 50px;
    background: #ffffff80;
    border-radius: 50%;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.CardCarousel .swiper-button-prev:disabled {
    display: none
}

.CardCarousel .swiper-button-prev:hover {
    background: #653232;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.CardCarousel .swiper-button-prev:hover:after {
    color: #fff
}

.swiper-slide-active .CardCarousel-card-content {
    opacity: 1
}

.Full-image {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 128%
}

.Full-image.horizontal {
    padding-bottom: 65%
}

.Full-image.hide-mobile {
    display: none
}

.Full-image-container {
    height: 100%;
    position: absolute;
    width: 100%;
    background: #f3ecee;
    text-align: center
}

.Full-image-container h2 {
    font-size: 2.5vw;
    font-weight: 400
}

.Full-image-container>div {
    height: 100%
}

.Full-image-container .Button-container {
    display: flex;
    margin-top: 0
}

.Full-image-container .u-hSize {
    margin: 0
}

.Full-image-content {
    position: absolute;
    padding: 2rem 1rem;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    z-index: 3;
    font-weight: 400
}

.Full-image-content-position-mobile--TOP {
    justify-content: flex-start
}

.Full-image-content-position-mobile--CENTER {
    justify-content: center
}

.Full-image-content-position-mobile--BOTTOM {
    justify-content: flex-end
}

.Full-image-content-align-mobile--LEFT {
    align-items: flex-start;
    text-align: left
}

.Full-image-content-align-mobile--CENTER {
    align-items: center;
    text-align: center
}

.Full-image-content-align-mobile--RIGHT {
    align-items: flex-end;
    text-align: right
}

.Full-image-content h1,
.Full-image-content h2,
.Full-image-content h3,
.Full-image-content h4,
.Full-image-content h5,
.Full-image-content h6 {
    font-weight: 400;
    margin: 0 0 .375rem
}

.Full-image-content p {
    margin: 0 0 .375rem;
    overflow: hidden;
    align-items: flex-end;
    font-size: calc(1.8rem + .2vw);
    line-height: 120%;
    letter-spacing: -.02em
}

.Content-hero {
    position: relative;
    background-color: #f3ecee;
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden
}

.Content-hero .Button-container {
    display: block
}

.Content-hero.mobile_hide {
    display: none
}

.Content-hero-cta-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem .5rem
}

.Content-hero-cta-wrapper .Button__link {
    font-size: max(.825rem + .2vw, .925vw) !important
}

.Content-hero-content {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    left: 0;
    bottom: 0;
    padding: clamp(2.5rem, 10.25vw, 10.5rem) .75rem
}

.Content-hero-content-wrapper {
    margin: 1.5rem 0 0;
    max-width: 40rem
}

.Content-hero-content .Image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    z-index: -1
}

.Content-hero-content-title {
    font-size: 4.5rem;
    line-height: 4.5rem;
    margin: 0;
    position: relative
}

.Content-hero-content-title__smaller {
    font-size: 3.25rem;
    line-height: 3.25rem
}

.Content-hero-content-title>span {
    height: 200% !important;
    top: -80% !important
}

.Content-hero-content p {
    margin: 0 0 1.2rem
}

.Full-video {
    border-radius: 12px;
    overflow: hidden;
    position: relative
}

.Full-video-container {
    color: #fff;
    background: #f3ecee;
    z-index: 0
}

.Full-video-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 5
}

.Full-video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none
}

.Full-video-content {
    cursor: pointer;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    transition: all .5s;
    padding: 5rem 5rem 10rem;
    font-weight: 400
}

.Full-video-content>div {
    position: relative
}

.Full-video-content-position--TOP {
    justify-content: flex-start
}

.Full-video-content-position--CENTER {
    justify-content: center
}

.Full-video-content-position--BOTTOM {
    justify-content: flex-end
}

.Full-video-content-align--LEFT {
    align-items: flex-start
}

.Full-video-content-align--CENTER {
    align-items: center
}

.Full-video-content-align--RIGHT {
    align-items: flex-end
}

.Full-video-content__hidden {
    opacity: 0;
    transform: translateY(5rem)
}

.Full-video .bg-full-height {
    min-height: 24rem
}

.Full-video .Play-cursor {
    border-radius: 50%;
    background: #ffffff80;
    box-shadow: 0 0 100px #00000040;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width: 4.5rem;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.Full-video-w-button {
    border-radius: 12px;
    overflow: hidden;
    position: relative
}

.Full-video-w-button-container {
    color: #fff;
    background: #f3ecee;
    max-height: 90vh;
    z-index: 0
}

.Full-video-w-button-videoContainer {
    display: flex;
    align-items: center;
    justify-content: center
}

.Full-video-w-button-videoContainer video {
    width: 100%
}

.Full-video-w-button-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 5
}

.Full-video-w-button-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none
}

.Full-video-w-button-content {
    position: absolute;
    top: 15%;
    right: 1.25rem;
    left: 1.25rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 80%;
    margin: 0 auto
}

.Full-video-w-button-content__hidden {
    opacity: 0;
    transform: translateY(5rem)
}

.Full-video-w-button-secondary-content {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 1.875rem;
    align-items: end;
    flex-direction: column;
    gap: .625rem;
    margin-top: -.625rem
}

.Full-video-w-button-secondary-content p {
    margin-bottom: 0
}

.Full-video-w-button .bg-full-height {
    min-height: 24rem
}

.Full-video-w-button .VideoPlay-button {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    background: #ffffff80;
    box-shadow: 0 0 6.25rem #00000040;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    cursor: pointer
}

.Full-video-w-button .u-hSize {
    font-size: min(1.5rem, 12vw)
}

.Featured-product {
    border-radius: 12px;
    overflow: hidden;
    transform: translateZ(0)
}

.Featured-product.mobile_hide {
    display: none
}

.Featured-product-container {
    position: relative;
    background: #f3ecee;
    text-align: center;
    max-height: max(48rem, 87vh)
}

.Featured-product-container>div>span {
    border-radius: 12px;
    overflow: hidden
}

.Featured-product-content {
    position: absolute;
    text-align: left;
    padding: 1.75rem 1rem 1rem;
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    top: 0;
    left: 0
}

.Featured-product-content-title {
    display: flex;
    justify-content: center
}

.Featured-product-content-title.TEXT_MOBILE__LEFT {
    text-align: left;
    align-items: flex-start
}

.Featured-product-content-title.TEXT_MOBILE__RIGHT {
    text-align: right;
    align-items: flex-end
}

.Featured-product-content-title.TEXT_MOBILE__CENTER {
    text-align: center;
    align-items: center
}

.Featured-product-content-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-flow: column
}

.Featured-product-content-wrapper p,
.Featured-product-product-content {
    width: 100%
}

.Featured-product-price-container {
    display: flex;
    justify-content: space-between
}

.Featured-product-CTA {
    width: 100%;
    margin-top: .75rem
}

#content {
    z-index: 2
}

.List-content {
    display: flex;
    flex-flow: column-reverse
}

.List-content-wrapper {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #f3ecee;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    position: relative;
    color: #653232;
    padding: 0 1rem .5rem
}

.List-content-container {
    background-color: #f3ecee;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 2rem 1rem;
    opacity: 0;
    transition: opacity .5s
}

.List-content-list-item {
    padding: 1rem 0;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    align-items: flex-start
}

.List-content-list-item+.List-content-list-item {
    border-top: 1px solid #c4c4c4
}

.List-content-image-container {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    z-index: 0;
    position: relative
}

.Highlights {
    display: flex;
    flex-flow: column;
    border-radius: 12px;
    overflow: hidden;
    transform: translateZ(0)
}

.Highlights-wrapper {
    background-color: #f3ecee;
    display: flex;
    flex-flow: column-reverse;
    justify-content: space-between;
    position: relative;
    align-items: center;
    text-align: center;
    color: #653232;
    padding: 2rem 1rem
}

.Highlights-ingredients-content {
    height: auto
}

.Highlights-ingredients-note {
    margin-top: 1em;
    text-transform: unset !important
}

.Highlights-ingredients-wrapper {
    opacity: 0;
    visibility: hidden;
    transition: all .7s cubic-bezier(.075, .82, .165, 1);
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: left;
    background: #f3ecee;
    top: 0;
    z-index: 11;
    overflow-y: auto;
    border-radius: 12px
}

.Highlights-ingredients-wrapper div {
    text-transform: capitalize
}

.Highlights-ingredients-wrapper div span:after {
    background: #84827e;
    bottom: 2px
}

.Highlights-ingredients-wrapper-toggle {
    border-radius: 50%;
    background: #84827e;
    width: max(1.5rem, 2vw);
    height: max(1.5rem, 2vw);
    opacity: 1;
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    min-width: 1.125rem;
    margin-left: 1rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 2
}

.Highlights-ingredients-wrapper-toggle span {
    width: 55%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Highlights-ingredients-wrapper-toggle span+span {
    transform: translate(-50%, -50%) rotate(315deg)
}

.Highlights-ingredients-wrapper__active {
    visibility: visible;
    opacity: 1
}

.Highlights-ingredient-content {
    height: auto;
    overflow: auto
}

.Highlights-ingredient-container {
    transition: all .7s cubic-bezier(.075, .82, .165, 1);
    opacity: 0;
    visibility: hidden;
    z-index: 11;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: fixed;
    background: #00000020;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.Highlights-ingredient-container .u-animate-underline span:after {
    background: #84827e;
    bottom: 2px
}

.Highlights-ingredient-container__active {
    visibility: visible;
    opacity: 1
}

.Highlights-ingredient-container__active .Highlights-ingredient-wrapper {
    transform: translateY(0)
}

.Highlights-ingredient-title {
    word-break: break-word
}

.Highlights-ingredient-wrapper {
    transition: all .7s cubic-bezier(.075, .82, .165, 1);
    position: relative;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    width: 100%;
    max-width: 28.75rem;
    height: auto;
    padding: 2rem;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    text-align: left;
    background: #fff
}

.Highlights-ingredient-wrapper div span:after {
    background: #84827e;
    bottom: 2px
}

.Highlights-ingredient-wrapper-toggle {
    border-radius: 50%;
    background: #84827e;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 1;
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    min-width: 1.125rem;
    margin-left: 1rem;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.Highlights-ingredient-wrapper-toggle span {
    width: 55%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Highlights-ingredient-wrapper-toggle span+span {
    transform: translate(-50%, -50%) rotate(315deg)
}

.Highlights-cta {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
    white-space: nowrap;
    margin-top: 1.5rem
}

.Highlights-container {
    display: flex;
    flex-flow: column;
    align-items: center
}

.Highlights-toggle {
    cursor: pointer;
    font-weight: 700;
    opacity: .75;
    transition: opacity .7s;
    position: relative
}

.Highlights-toggle span {
    position: relative
}

.Highlights-toggle span:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 110%;
    height: 4px;
    transform: translate(-5%, 50%) scaleX(0);
    transition: all .6s linear;
    transform-origin: left
}

.Highlights-toggle-wave {
    -webkit-text-stroke: 1px #653232
}

.Highlights-toggle-wave svg {
    position: absolute;
    width: 100% !important;
    height: 100% !important
}

.Highlights-toggle-wave clipPath {
    transform: scaleX(0);
    transition: all 1s linear
}

.Highlights-toggle-wave__secondary {
    position: absolute;
    top: 0
}

.Highlights-toggle-wave:hover clipPath,
.Highlights-toggle.Highlights-toggle__active clipPath {
    transform: scale(.00235, .10254)
}

.Highlights-toggle [data-word-size="2"] span:nth-child(1):after {
    transition-delay: .2s;
    transition-duration: .3s
}

.Highlights-toggle [data-word-size="2"] span:nth-child(2):after {
    transition-delay: 0s;
    transition-duration: .3s
}

.Highlights-toggle [data-word-size="3"] span:nth-child(1):after {
    transition-delay: .4s;
    transition-duration: .2s
}

.Highlights-toggle [data-word-size="3"] span:nth-child(2):after {
    transition-delay: .2s;
    transition-duration: .2s
}

.Highlights-toggle [data-word-size="3"] span:nth-child(3):after {
    transition-delay: 0s;
    transition-duration: .2s
}

.Highlights-toggle [data-word-size="4"] span:nth-child(1):after {
    transition-delay: .6s;
    transition-duration: .15s
}

.Highlights-toggle [data-word-size="4"] span:nth-child(2):after {
    transition-delay: .4s;
    transition-duration: .15s
}

.Highlights-toggle [data-word-size="4"] span:nth-child(3):after {
    transition-delay: .2s;
    transition-duration: .15s
}

.Highlights-toggle [data-word-size="4"] span:nth-child(4):after {
    transition-delay: 0s;
    transition-duration: .15s
}

.Highlights-toggle>h3 {
    margin-bottom: 0;
    padding: .75rem;
    line-height: 95%
}

.Highlights-toggle:first-of-type>h3 {
    margin-top: .5rem
}

.Highlights-toggle__active {
    opacity: 1
}

.Highlights-toggle__active[data-highlight-type=line] span:after {
    transform: translate(-5%, 50%) scale(1)
}

.Highlights-toggle__active[data-highlight-type=line] span:nth-child(1):after {
    transition-delay: 0s
}

.Highlights-toggle__active[data-highlight-type=line] span:nth-child(2):after {
    transition-delay: .2s
}

.Highlights-toggle__active[data-highlight-type=line] span:nth-child(3):after {
    transition-delay: .4s
}

.Highlights-toggle__active[data-highlight-type=line] span:nth-child(4):after {
    transition-delay: .6s
}

.Highlights-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.Highlights-circle path {
    stroke-dashoffset: 1;
    stroke-dasharray: 1;
    animation: erase .7s linear forwards
}

.Highlights-circle__active path {
    animation: draw .7s linear forwards
}

@keyframes draw {
    0% {
        stroke-dashoffset: 1
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes erase {
    0% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 1
    }
}

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

.Highlights-background-image>div {
    background-size: contain
}

.Highlights-images-container {
    overflow: hidden;
    z-index: 0;
    position: relative
}

.Highlights-images-container .swiper-wrapper {
    max-height: 100%;
    height: 100%;
    display: flex
}

.Highlights-images-container .swiper-slide {
    flex-shrink: 0;
    display: block;
    max-height: 100%;
    height: 100% !important;
    overflow: hidden
}

.Highlights-image-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Highlights-image-dot {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all .7s cubic-bezier(.755, .05, .855, .06);
    text-align: center
}

.Highlights-image-dot>div {
    width: max(15rem, 18vw);
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.Highlights-image-dot-dot {
    display: inline-block;
    width: max(.55rem, .55vw);
    height: max(.55rem, .55vw);
    background-color: #fff;
    border-radius: 50%
}

.Highlights-image-dot__active {
    opacity: 1;
    visibility: visible
}

.Highlights-image-dot-flipped {
    transform: translateY(-100%);
    display: flex;
    flex-flow: column-reverse
}

.Highlights-cfm-label {
    text-align: right
}

.Highlights-ingredients-wrapper {
    justify-content: center;
    left: 0
}

.Results-content {
    display: flex;
    flex-flow: column-reverse
}

.Results-content-wrapper {
    min-height: 20rem;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #f3ecee;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    position: relative;
    color: #653232;
    padding: 1.5rem 1rem .5rem
}

.Results-content-container {
    background-color: #f3ecee;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 2rem 1rem;
    opacity: 0;
    transition: opacity .5s
}

.Results-content-result-item {
    padding: 1rem 0;
    display: flex;
    justify-content: space-between;
    flex-flow: column-reverse;
    align-items: flex-start
}

.Results-content-result-item+.Results-content-result-item {
    border-top: 1px solid #c4c4c4
}

.Results-content-image-container {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    z-index: 0;
    position: relative
}

.Menu-product {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem;
    max-width: 24rem
}

.Menu-product .ContentBadge.u-showMd {
    position: absolute;
    right: 0;
    top: 1.75rem
}

.Menu-product .ContentBadge.u-hideMd {
    height: max-content;
    margin-top: 0
}

.Menu-product .Badge.u-showMd {
    position: absolute;
    right: 1.75rem;
    left: auto;
    top: 1.75rem;
    max-width: max(3rem, 3vw);
    max-height: max(3rem, 3vw)
}

.Menu-product .Badge.u-showMd .Image {
    padding-bottom: 100% !important
}

.Menu-product .Badge.u-showMd img {
    object-fit: contain !important
}

.Menu-product .Badge.u-showMd svg {
    width: max(3.5rem, 3.5vw)
}

.Menu-product .Badge.u-hideMd {
    max-width: max(3rem, 3vw);
    max-height: max(3rem, 3vw);
    position: relative
}

.Menu-product .Badge.u-hideMd .Image {
    position: absolute
}

.Menu-product .Badge.u-hideMd img {
    object-fit: contain !important
}

.Menu-product .Badge.u-hideMd svg {
    width: max(3.5rem, 3.5vw)
}

.Menu-product-image {
    width: 3.25rem;
    min-width: 3.25rem;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 1rem
}

.Menu-product-image .Image {
    padding-bottom: 125% !important
}

.Menu-product-tag-container {
    display: inline-flex
}

.Menu-product-title {
    display: flex;
    align-items: center
}

.Menu-product-title p {
    font-size: .9rem
}

.Menu-product-tag {
    border: 1px solid #f2b643;
    background: #fff;
    border-radius: 3rem;
    font-size: .75rem;
    font-weight: 400;
    padding: .25rem .5rem;
    white-space: nowrap;
    margin-left: 1rem
}

.Mover {
    position: absolute;
    will-change: offset-distance;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    offset-path: url(#oval)
}

.Content-card {
    position: relative;
    min-height: 27.5rem;
    max-height: 95vh;
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.Content-card-container {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #f3ecee;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.Content-card-container>div {
    height: 100%
}

.Content-card-circular-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    transform: rotate(25deg)
}

.Content-card-circular-container svg {
    width: 100%;
    height: 100%
}

.Content-card-circular-container svg text {
    letter-spacing: 1.33px;
    font-family: inherit;
    font-size: 2rem;
    fill: #fff
}

.Content-card-content {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    padding: 1rem 2rem 1.8rem;
    margin: auto
}

.Content-card-content.POSITION__TOP {
    justify-content: flex-start
}

.Content-card-content.POSITION__CENTER {
    justify-content: center
}

.Content-card-content.POSITION__BOTTOM {
    justify-content: flex-end
}

.Content-card-content.ALIGN__LEFT {
    align-items: flex-start;
    text-align: left
}

.Content-card-content.ALIGN__CENTER {
    align-items: center;
    text-align: center
}

.Content-card-content.ALIGN__RIGHT {
    align-items: flex-end;
    text-align: right
}

.Content-card-content-title {
    margin: 1.5rem 0 0
}

.Content-card-content-title p {
    margin: 0
}

.Content-card-content-subtitle p {
    line-height: inherit;
    font-size: min(2rem, 3vw)
}

.Content-card-content-spaced {
    text-align: left;
    transform: none;
    justify-content: space-between !important;
    align-items: flex-start;
    left: 0;
    padding: 1rem
}

.Content-card-content-spaced .u-hSize {
    line-height: 90%
}

.Content-card-content-without-image {
    position: relative;
    left: auto;
    transform: none;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.Content-card-content a {
    margin-top: 1rem
}

.Tabbed-content {
    display: flex;
    flex-flow: column-reverse
}

.Tabbed-content .Tabbed-content-wrapper .swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important
}

.Tabbed-content-text {
    margin-top: max(1.5rem, 1.5vw);
    line-height: 120%;
    font-size: max(1rem, 1vw);
    max-width: max(30rem, 28vw)
}

.Tabbed-content-wrapper {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #f3ecee;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    position: relative;
    color: #653232;
    padding: 1rem
}

.Tabbed-content-container {
    background-color: #f3ecee;
    padding: 0 0 1rem
}

.Tabbed-content-container[data-tab-type=results] {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding-bottom: 0
}

.Tabbed-content-toggle {
    cursor: pointer;
    border-top: 1px solid #c4c4c4;
    font-weight: 700;
    opacity: .75;
    transition: opacity .7s;
    padding: 1rem 0
}

.Tabbed-content-toggle__active {
    opacity: 1;
    color: #653232
}

.Tabbed-content-toggle p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Tabbed-content-images-container {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    z-index: 0;
    position: relative
}

.Tabbed-content-images-container .swiper-wrapper {
    max-height: 100%;
    height: 100%;
    display: flex
}

.Tabbed-content-images-container .swiper-slide {
    flex-shrink: 0;
    display: block;
    max-height: 100%;
    height: 100% !important;
    overflow: hidden
}

.Tabbed-content-images-container__left {
    grid-row: 1
}

.Tabbed-content-image-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Tabbed-content-quote-text {
    margin: min(max(.75rem, 1.1111111111vw), 1.8rem) 0
}

.Tabbed-content-quote-text p {
    margin: 0
}

.Tabbed-content-result+.Tabbed-content-result {
    margin-top: min(max(1rem, 2.5vw), 4.05rem)
}

.Tabbed-content-result-container {
    margin: 0;
    list-style-type: none
}

.Tabbed-content-result-percentage {
    line-height: 120%;
    font-size: min(max(1.875rem, 2.5vw), 4.05rem);
    font-weight: 700
}

.Tabbed-content-result-claim {
    font-size: min(max(.75rem, 1.1111111111vw), 1.8rem);
    font-weight: 700
}

.Tabbed-content-result-disclaimer {
    margin-top: min(max(1.75rem, 1.9444444444vw), 3.15rem);
    margin-bottom: min(max(1.25rem, 1.9444444444vw), 3.15rem);
    font-size: min(max(.625rem, .8333333333vw), 1.35rem)
}

.Tabbed-content-result-disclaimer p {
    margin: 0
}

.Tabbed-content-multi {
    display: flex;
    flex-flow: column-reverse
}

.Tabbed-content-multi .Tabbed-content-multi-wrapper .swiper-slide[data-content-slide]:not(.swiper-slide-active) {
    opacity: 0 !important
}

.Tabbed-content-multi-text {
    margin-top: max(1.5rem, 1.5vw);
    line-height: 120%;
    font-size: max(1rem, 1vw);
    max-width: max(30rem, 28vw)
}

.Tabbed-content-multi-group-wrapper {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: auto !important
}

.Tabbed-content-multi-group__toggles {
    position: relative;
    display: flex;
    align-items: center;
    gap: min(max(1rem, 1.3888888889vw), 1.5rem);
    margin-bottom: min(max(1.875rem, 3.6111111111vw), 4.875rem);
    transition: all .5s ease-in-out
}

.Tabbed-content-multi-group__toggles__hidden {
    opacity: 0;
    visibility: hidden
}

.Tabbed-content-multi-group__toggles__indicator {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #653232;
    bottom: calc(min(max(.625rem, .8333333333vw), .9375rem)*-1);
    transform: translate(0);
    max-width: 0;
    opacity: 0;
    transition: all .3s ease-in-out
}

.Tabbed-content-multi-group__toggles__indicator[data-active=true] {
    opacity: 1
}

.Tabbed-content-multi-group__toggle {
    margin-bottom: 0;
    cursor: pointer;
    font-size: min(max(.8125rem, 1.1111111111vw), 1.21875rem);
    white-space: nowrap;
    color: #65323280;
    transition: all .3s ease-in-out;
    font-weight: 700
}

.Tabbed-content-multi-group__toggle[data-active=true] {
    color: #653232
}

.Tabbed-content-multi-group__toggle__divider {
    width: min(max(1.25rem, 1.3888888889vw), 1.875rem);
    height: 1px;
    background-color: #653232
}

.Tabbed-content-multi-group__toggle__divider:last-of-type {
    display: none
}

.Tabbed-content-multi-content__wrapper {
    background-color: #f3ecee
}

.Tabbed-content-multi-wrapper {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #f3ecee;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    position: relative;
    color: #653232;
    padding: 1rem
}

.Tabbed-content-multi-container {
    background-color: #f3ecee;
    padding: 0 0 1rem
}

.Tabbed-content-multi-container[data-tab-type=results] {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding-bottom: 0
}

.Tabbed-content-multi-toggle {
    cursor: pointer;
    border-top: 1px solid #c4c4c4;
    font-weight: 700;
    opacity: .75;
    transition: opacity .7s;
    padding: 1rem 0
}

.Tabbed-content-multi-toggle__active {
    opacity: 1;
    color: #653232
}

.Tabbed-content-multi-toggle p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Tabbed-content-multi-images-container {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    z-index: 0;
    position: relative
}

.Tabbed-content-multi-images-container .swiper-wrapper {
    max-height: 100%;
    height: 100%;
    display: flex
}

.Tabbed-content-multi-images-container .swiper-slide {
    flex-shrink: 0;
    display: block;
    max-height: 100%;
    height: 100% !important;
    overflow: hidden
}

.Tabbed-content-multi-images-container__left {
    grid-row: 1
}

.Tabbed-content-multi-image-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Tabbed-content-multi-quote-text {
    margin: min(max(.75rem, 1.1111111111vw), 1.8rem) 0
}

.Tabbed-content-multi-quote-text p {
    margin: 0
}

.Tabbed-content-multi-result+.Tabbed-content-multi-result {
    margin-top: min(max(1rem, 2.5vw), 4.05rem)
}

.Tabbed-content-multi-result-container {
    margin: 0;
    list-style-type: none
}

.Tabbed-content-multi-result-percentage {
    line-height: 120%;
    font-size: min(max(1.875rem, 2.5vw), 4.05rem);
    font-weight: 700
}

.Tabbed-content-multi-result-claim {
    font-size: min(max(.75rem, 1.1111111111vw), 1.8rem);
    font-weight: 700
}

.Tabbed-content-multi-result-disclaimer {
    margin-top: min(max(1.75rem, 1.9444444444vw), 3.15rem);
    margin-bottom: min(max(1.25rem, 1.9444444444vw), 3.15rem);
    font-size: min(max(.75rem, .8333333333vw), 1.35rem)
}

.Tabbed-content-multi-result-disclaimer p {
    font-size: inherit;
    margin: 0
}

.Slider-with-video-container {
    --slider-height: 38vw;
    --slider-max-height: rem-calc(600);
    --slider-max-height-mobile: rem-calc(670);
    position: relative;
    display: flex;
    flex-flow: column
}

.Slider-with-video-container .swiper-wrapper {
    max-height: 56.25vw;
    min-height: 35vw;
    height: var(--slider-height);
    max-height: var(--slider-max-height)
}

.Slider-with-video-container .swiper-slide {
    height: var(--slider-height);
    max-height: var(--slider-max-height)
}

.Slider-with-video-container .swiper-slide .Slider-with-video {
    height: var(--slider-heigh);
    max-height: var(--slider-max-height);
    height: 100%
}

.Slider-with-video-container .swiper-slide .Slider-with-video .Custom-wrapper {
    position: relative;
    height: 100%
}

.Slider-with-video {
    flex-grow: 1;
    border-radius: 12px;
    position: relative;
    z-index: 0;
    margin-bottom: 3.5vw;
    overflow: hidden;
    display: grid;
    height: 100%;
    background: #f3ecee;
    grid-template-areas: "content" "image"
}

.Slider-with-video.Image-position--with-video .Image-container {
    align-self: center;
    margin: 0 0 0 2rem;
    border-radius: 12px
}

.Slider-with-video.Image-position--LEFT.Image-position--with-video .Image-container,
.Slider-with-video.Image-position--RIGHT.Image-position--with-video .Image-container {
    align-self: center;
    margin: 0 1rem;
    border-radius: 12px
}

.Slider-with-video .Image-with-video {
    max-height: 54vw;
    min-height: 300px
}

.Slider-with-video .Image-container {
    background: transparent
}

.Slider-with-video-content-title {
    padding-top: 1vw;
    margin-bottom: 1rem
}

.Slider-with-video-backdrop {
    background: #84827e;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 12px;
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 2vw 0 0;
    z-index: -11;
    height: 100%
}

.Slider-with-video-backdrop-content .u-pSize {
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: right;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 8vw
}

.Slider-with-video-backdrop h3 {
    margin: .5rem 0;
    font-size: 2rem;
    overflow: hidden;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.Slider-with-video-backdrop-content {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    padding: 2vw .75vw 0;
    gap: .5rem
}

.Slider-with-video-image-container {
    grid-area: image;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 7vw;
    height: 100%;
    width: 53vw;
    height: 37.5rem;
    height: 37.5vw
}

.Slider-with-video-image-container>span img {
    object-fit: contain !important
}

.Slider-with-video-image-container .product-description-text {
    position: absolute;
    z-index: 2;
    width: 100%;
    max-width: 36vw
}

.Slider-with-video-image-container .product-description-text p {
    margin: 0
}

.Slider-with-video-image-container .product-description-text p.description-title {
    position: relative
}

.Slider-with-video-image-container .product-description-text p.description-title .description-title__arrow {
    position: absolute;
    top: -1.375vw;
    margin-left: -10vw;
    width: 22vw;
    height: 1px;
    background-color: #84827e
}

.Slider-with-video-image-container .product-description-text p.description-title .description-title__arrow:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background-color: #84827e;
    border-radius: 1.25vw;
    right: -.125vw;
    top: -.3rem
}

.Slider-with-video-image-container .product-description-text.product-description-text--right .description-title__arrow {
    left: -8.5vw;
    margin-left: unset
}

.Slider-with-video-image-container .product-description-text.product-description-text--right .description-title__arrow:after {
    right: unset !important
}

.Slider-with-video-content-wrapper {
    grid-area: content;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    padding: 1vw
}

.Slider-with-video-content-wrapper-content-container {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.Slider-with-video-content-wrapper-content-container p {
    max-width: 28vw
}

.Slider-with-video-button {
    position: absolute;
    top: 0;
    height: 100%;
    width: 5vw;
    right: 0;
    cursor: pointer;
    z-index: 2
}

.Slider-with-video-button.swiper-button-disabled {
    z-index: 0
}

.Slider-with-video .full-widht-and-height {
    width: 100%;
    height: 100%
}

.Banner-image {
    border-radius: 12px;
    overflow: hidden;
    transform: translateZ(0)
}

.Banner-image-container {
    position: relative;
    background: #f3ecee;
    height: 28rem
}

.Banner-image-container em {
    font-style: normal
}

.Banner-image-container>div {
    height: 100%
}

.Banner-image-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    padding: 1.25rem;
    text-align: center;
    margin: 0
}

.Banner-image-content h1 {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: .5rem;
    letter-spacing: 0;
    white-space: break-spaces
}

.Banner-image-content.TEXT_MOBILE__LEFT {
    text-align: left;
    align-items: flex-start
}

.Banner-image-content.TEXT_MOBILE__RIGHT {
    text-align: right;
    align-items: flex-end
}

.Banner-image-content.TEXT_MOBILE__CENTER {
    text-align: center;
    align-items: center
}

.Banner-image-content.CONTENT_MOBILE__TOP {
    justify-content: flex-start
}

.Banner-image-content.CONTENT_MOBILE__CENTER {
    justify-content: center
}

.Banner-image-content.CONTENT_MOBILE__BOTTOM {
    justify-content: flex-end
}

.Banner-image-content p {
    margin-bottom: .5rem;
    letter-spacing: 0
}

.BannerGrid {
    text-align: center
}

.BannerGrid-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.BannerGrid-item {
    width: 100%;
    max-width: 20rem;
    margin: 0 auto 1.875rem;
    padding: 0 .625rem
}

.BannerGrid-itemLink {
    display: block;
    color: #fff
}

.BannerGrid-itemLink:hover,
.BannerGrid-itemLink:focus {
    color: #fff;
    outline: none
}

.BannerGrid-itemDimmer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    opacity: .2;
    transition: opacity .25s ease-in-out
}

.BannerGrid-item:hover .BannerGrid-itemDimmer,
.BannerGrid-itemLink:focus .BannerGrid-itemDimmer {
    opacity: .3
}

.BannerGrid-itemPlaceholder {
    padding: 0 0 100%;
    background-size: cover
}

.BannerGrid-caption {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 1rem;
    font-size: .625rem;
    transform: translateY(-50%) translateZ(0)
}

.BannerGrid-itemHeading {
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase
}

.BannerGrid-itemSubhead {
    font-size: 1.25em
}

.BannerGrid-itemButton {
    margin: 0;
    font-size: 1em;
    background-color: transparent;
    border-color: transparent
}

.BannerGrid-itemButton:hover,
.BannerGrid-itemButton:focus {
    background-color: transparent;
    border-color: transparent
}

.BannerGrid-itemHeading+.BannerGrid-itemButton {
    margin: 1.25em 0 0
}

.BannerGrid-itemSubhead+.BannerGrid-itemButton {
    margin: 1.25em 0 0
}

.Newsletter {
    text-align: center
}

.Newsletter input[type=email] {
    max-width: 20rem;
    margin: 0 auto 1rem
}

.Newsletter [type=submit] {
    margin: 0
}

.Bundle-contents {
    position: relative;
    z-index: 1;
    color: #653232;
    display: grid;
    grid-template-areas: "image" "content";
    padding: 1rem;
    align-items: center
}

.Bundle-contents-spacing--false {
    background: #f3ecee;
    border-radius: 12px
}

.Bundle-contents-content-title {
    padding-top: 2rem;
    margin-bottom: 1.25rem;
    margin-top: 0
}

.Bundle-contents-content-title p {
    margin-bottom: 0
}

.Bundle-contents-image-container {
    grid-area: image;
    position: relative;
    overflow: hidden;
    border-radius: 12px
}

.Bundle-contents-image-container>span {
    height: auto !important;
    border-radius: 12px;
    overflow: hidden
}

.Bundle-contents-product {
    border-top: 1px solid #c4c4c4
}

.Bundle-contents-product-container {
    display: flex;
    align-items: center;
    padding: max(1rem, 1vw) 0;
    cursor: pointer
}

.Bundle-contents-product-container__active .Bundle-contents-product-toggle span {
    transform: translate(-50%, -50%) rotate(180deg)
}

.Bundle-contents-product-container__active .Bundle-contents-product-toggle span+span {
    transform: translate(-50%, -50%) rotate(360deg)
}

.Bundle-contents-product-toggle {
    border-radius: 50%;
    background: #4f6a46;
    width: max(1.125rem, 1.5vw);
    height: max(1.125rem, 1.5vw);
    flex-shrink: 0;
    position: relative;
    opacity: 1;
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    margin-left: 1rem
}

.Bundle-contents-product-toggle span {
    width: 55%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Bundle-contents-product-toggle span+span {
    transform: translate(-50%, -50%) rotate(90deg)
}

.Bundle-contents-product-content-container {
    transition: all .7s cubic-bezier(.075, .82, .165, 1)
}

.Bundle-contents-product-content-container>div {
    padding-bottom: 1rem
}

.Bundle-contents-product-content-container .Button-container {
    padding: 1.5rem 0 0
}

.Bundle-contents-content {
    grid-area: content;
    display: flex
}

.Bundle-product-modal {
    transition: all .7s cubic-bezier(.075, .82, .165, 1);
    z-index: 11;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: fixed;
    background: #00000020;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: auto;
    opacity: 0;
    visibility: hidden
}

.Bundle-product-modal__active {
    opacity: 1;
    visibility: visible
}

.Bundle-product-modal-close {
    position: absolute;
    top: max(1.75rem, 1.5vw);
    right: max(1.75rem, 1.5vw);
    height: max(1.75rem, 1.5vw);
    width: max(1.75rem, 1.5vw);
    cursor: pointer;
    z-index: 15;
    background-color: #653232;
    border-radius: 50%
}

.Bundle-product-modal-close svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 50%
}

.Bundle-product-modal .Product-tabs {
    padding-bottom: max(1rem, 1vw);
    padding-top: 0 !important
}

.Bundle-product-modal .Product-main-card,
.Bundle-product-modal .Product-slider {
    position: relative !important
}

.Bundle-product-modal .Product-slider .Product-slider-thumbnails {
    position: absolute;
    left: 1.5rem;
    top: auto;
    bottom: 1.5rem;
    width: 100%;
    display: flex;
    grid-gap: 1rem;
    z-index: 100
}

.Bundle-product-modal .Product-main-card {
    display: block;
    background: #f3ecee !important;
    bottom: auto;
    right: auto;
    transform: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-width: none !important;
    justify-content: center
}

.Bundle-product-modal .Product-main-card>div {
    display: inline-flex;
    flex-flow: column;
    height: 100%;
    justify-content: center
}

.Bundle-product-modal .Product-tab-content .Button-container {
    display: none
}

.Bundle-product-modal-content {
    position: relative;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    background: #f3ecee;
    overflow-y: auto
}

.Bundle-product-modal-content .Button-container {
    margin-bottom: max(1rem, 1vw)
}

.Image-with-text {
    position: relative;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 48rem
}

.Image-with-text .Image {
    position: absolute
}

.Image-with-text .Image-content {
    padding: 10rem 2rem 3rem
}

.ImageWithNewsletter {
    position: relative;
    z-index: 0;
    overflow: hidden;
    color: #653232;
    display: grid;
    grid-template-areas: "image" "content";
    border-radius: 12px
}

.ImageWithNewsletter-imageContainer>* {
    height: 100%
}

.ImageWithNewsletter-form {
    max-width: min(max(25rem, 27.7777777778vw), 45rem)
}

.ImageWithNewsletter-formContainer,
.ImageWithNewsletter-formSuccess {
    display: flex;
    flex-direction: column;
    align-items: center
}

.ImageWithNewsletter-formContainer p,
.ImageWithNewsletter-formSuccess p {
    font-size: .875rem
}

.ImageWithNewsletter-form__custom {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.ImageWithNewsletter-form__custom input[name=email] {
    margin: 0;
    box-sizing: border-box;
    border-radius: .5rem;
    padding: 0 0 0 1rem;
    height: 3.125rem;
    text-align: left;
    color: #653232;
    font-size: .75rem;
    letter-spacing: 0;
    background-color: #f3ecee;
    border: 1px solid #653232;
    width: 100%
}

.ImageWithNewsletter-form__custom .Button-container {
    margin: 0
}

.ImageWithNewsletter-form__custom-submit {
    width: 100%;
    min-height: 3.375rem
}

.ImageWithNewsletter-form__custom-privacy-policy {
    margin: 1.25rem 0 0;
    font-size: .75rem !important;
    color: #653232
}

.ImageWithNewsletter-form__custom-privacy-policy a {
    font-size: .75rem !important;
    text-decoration: underline
}

.ImageWithNewsletter-form__custom-success {
    margin: 1.25rem 0 0;
    font-size: .75rem !important;
    color: #653232
}

.ImageWithNewsletter-content-title {
    margin-bottom: min(max(.5rem, .5555555556vw), .9rem);
    font-size: min(max(1.25rem, 1.3888888889vw), 2.25rem);
    font-weight: 700
}

.ImageWithNewsletter-content-title-h1 {
    font-size: 1.25rem
}

.ImageWithNewsletter-content-title p {
    margin-bottom: 0
}

.ImageWithNewsletter-content-description {
    max-width: min(max(21.25rem, 23.6111111111vw), 38.25rem);
    margin: 0 auto min(max(1rem, 2.2222222222vw), 3.6rem)
}

.ImageWithNewsletter-content-description p {
    margin-bottom: 0
}

.Image-container {
    grid-area: image;
    position: relative;
    background: radial-gradient(50% 50% at 50% 50%, #f3ecee, #a3a09b .01%, #d3d3d3);
    overflow: hidden
}

.Image-container>span {
    height: 100% !important
}

.Image-content {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    left: 0;
    align-items: center;
    height: 100%;
    justify-content: center;
    flex-flow: column;
    color: #fff
}

.Image-content>*+* {
    margin-top: -1rem;
    color: #c63931
}

.Content-wrapper {
    grid-area: content;
    display: flex;
    padding: 1rem
}

.Content-wrapper .Content-container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.Content-wrapper .Content-container>div {
    width: 100%
}

.Content-slider {
    display: flex;
    flex-flow: column-reverse;
    border-radius: 12px;
    overflow: hidden;
    grid-gap: 1rem
}

.Content-slider .swiper-slide {
    height: auto
}

.Content-slider>div {
    border-radius: 12px;
    overflow: hidden;
    background: #f3ecee
}

.Content-slider-wrapper {
    background-color: #f3ecee;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    position: relative;
    align-items: center;
    text-align: center;
    color: #653232;
    padding: 1rem
}

.Content-slider-thumbnails {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
    width: 100%
}

.Content-slider-thumbnail {
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    height: 0;
    cursor: pointer;
    padding-bottom: 100%;
    position: relative
}

.Content-slider-thumbnail .Image {
    position: absolute
}

.Content-slider-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    text-align: left
}

.Content-slider-content p {
    display: inline
}

.Content-slider-content-index {
    font-size: 1.2rem
}

.Content-slider-content-container {
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 2rem 0 0;
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    display: flex;
    flex-flow: column;
    justify-content: flex-end
}

.Content-slider-content-container h3 {
    max-width: 24rem;
    margin-top: 1rem
}

.Content-slider-content-container svg {
    cursor: pointer;
    min-width: 2.1875rem;
    flex-shrink: 0
}

.Content-slider-container {
    background-color: #f3ecee;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 2rem 1rem;
    opacity: 0;
    transition: opacity .5s
}

.Content-slider-images-container {
    overflow: hidden;
    z-index: 0;
    position: relative
}

.Content-slider-images-container .swiper-wrapper {
    max-height: 100%;
    height: 100%;
    display: flex
}

.Content-slider-images-container .swiper-slide {
    flex-shrink: 0;
    display: block;
    max-height: 100%;
    height: 100% !important;
    overflow: hidden
}

.Content-slider-image-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Swiper {
    height: 100%;
    position: absolute;
    width: 100%
}

.Content-slider-with-info {
    border-radius: 12px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: min(48rem, 80vh)
}

.Content-slider-with-info-wrapper {
    background-color: #f3ecee;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    position: relative;
    align-items: center;
    text-align: center;
    color: #653232;
    padding: 2rem
}

.Content-slider-with-info-thumbnails {
    display: grid;
    grid-gap: 1rem;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.Content-slider-with-info-thumbnail {
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.Content-slider-with-info-content {
    text-align: left
}

.Content-slider-with-info-content p {
    display: inline
}

.Content-slider-with-info-content-index {
    font-size: 1.2rem;
    margin-right: .75rem
}

.Content-slider-with-info-content-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    padding: 2rem;
    opacity: 0;
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    transform: translate(-100%);
    visibility: hidden
}

.Content-slider-with-info-content-container h3 {
    max-width: 24rem;
    margin-top: 1rem
}

.Content-slider-with-info-content-container__active {
    opacity: 1;
    transform: translate(0) !important;
    visibility: visible;
    transition-delay: .35s
}

.Content-slider-with-info-container {
    background-color: #f3ecee;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 2rem;
    opacity: 0;
    transition: opacity .5s
}

.Content-slider-with-info-containerActive {
    opacity: 1;
    transition-delay: .5s
}

.Content-slider-with-info-images-container {
    overflow: hidden;
    z-index: 0;
    position: relative;
    background-color: #84827e;
    color: #fff
}

.Content-slider-with-info-images-container .swiper-wrapper {
    height: 100%;
    display: flex;
    max-height: 48rem;
    box-sizing: border-box
}

.Content-slider-with-info-images-container .swiper-slide {
    flex-shrink: 0;
    display: block;
    overflow: hidden;
    text-align: center;
    max-width: 27.1875rem;
    margin: 0 auto
}

.Content-slider-with-info-image-container {
    position: static;
    width: 100%;
    max-width: 23.75rem;
    margin: 0 auto 1.875rem;
    overflow: hidden;
    border-radius: 12px
}

.Content-slider-with-info--mobile {
    display: block;
    flex-flow: column-reverse;
    border-radius: 12px;
    overflow: hidden
}

.Content-slider-with-info--mobile-wrapper {
    background-color: #f3ecee;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    position: relative;
    align-items: center;
    text-align: center;
    color: #653232;
    padding: 1rem 1rem 0
}

.Content-slider-with-info--mobile-thumbnails {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
    width: 100%
}

.Content-slider-with-info--mobile-thumbnail {
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.Content-slider-with-info--mobile-thumbnail:nth-child(3) {
    height: 0;
    padding-bottom: 50%;
    grid-column: 1/span 2;
    position: relative
}

.Content-slider-with-info--mobile-thumbnail:nth-child(3)>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.Content-slider-with-info--mobile-content {
    text-align: center
}

.Content-slider-with-info--mobile-content p {
    display: inline
}

.Content-slider-with-info--mobile-content .u-hSize {
    font-size: calc(1.2rem + .2vw)
}

.Content-slider-with-info--mobile-content-index {
    font-size: 1.2rem;
    margin-right: .5rem
}

.Content-slider-with-info--mobile-content-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    padding: 2rem 1rem;
    opacity: 0;
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    transform: translate(-100%);
    visibility: hidden
}

.Content-slider-with-info--mobile-content-container h3 {
    max-width: 24rem;
    margin-top: 1rem
}

.Content-slider-with-info--mobile-content-container__active {
    opacity: 1;
    transform: translate(0) !important;
    visibility: visible;
    transition-delay: .35s
}

.Content-slider-with-info--mobile-container {
    background-color: #f3ecee;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 2rem 1rem;
    opacity: 0;
    transition: opacity .5s
}

.Content-slider-with-info--mobile-containerActive {
    opacity: 1;
    transition-delay: .5s
}

.Content-slider-with-info--mobile-images-container {
    overflow: hidden;
    z-index: 0;
    position: relative;
    height: 0%;
    background-color: #f3ecee;
    text-align: center
}

.Content-slider-with-info--mobile-images-container .card-info-text {
    margin: 2.1875rem -1.875rem;
    opacity: 0;
    transition: 1s ease
}

.Content-slider-with-info--mobile-images-container .swiper-wrapper {
    height: 100%;
    display: flex;
    max-height: 48.125rem;
    padding: 1rem 0;
    box-sizing: border-box
}

.Content-slider-with-info--mobile-images-container .swiper-slide {
    flex-shrink: 0;
    display: block;
    text-align: center
}

.Content-slider-with-info--mobile-image-container {
    position: static;
    width: 100%;
    max-width: 23.75rem;
    margin: 0 auto 30px;
    border-radius: 12px;
    overflow: hidden
}

.swiper-slide-active .card-info-text {
    opacity: 1
}

.Slider-with-navigation {
    display: flex;
    flex-flow: column-reverse;
    border-radius: 12px;
    overflow: hidden;
    transform: translateZ(0)
}

.Slider-with-navigation>div {
    overflow: hidden;
    background: #f3ecee
}

.Slider-with-navigation-wrapper {
    background-color: #f3ecee;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    position: relative;
    color: #653232;
    padding: 1rem
}

.Slider-with-navigation .Image--mobile {
    max-height: 180px
}

.Slider-with-navigation-content {
    display: flex;
    text-align: left;
    flex-grow: 1
}

.Slider-with-navigation-content-image>div {
    width: 100%;
    height: 100%
}

.Slider-with-navigation-content-image .Image img {
    object-fit: contain !important
}

.Slider-with-navigation-content-image-content {
    position: absolute;
    top: 38%;
    width: 50%;
    transform: translateY(-38%)
}

.Slider-with-navigation-content-image-content .divider {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    background: #653232;
    margin: .25rem 0 .4rem
}

.Slider-with-navigation-content-image-content .divider:after {
    content: "";
    position: absolute;
    width: .5rem;
    height: .5rem;
    background: #653232;
    transform: translateY(-50%);
    right: 0;
    top: 50%;
    border-radius: 50%
}

.Slider-with-navigation-content-index {
    font-size: 1.2rem;
    margin-right: .5rem
}

.Slider-with-navigation-content-navigation {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding-bottom: 1rem
}

.Slider-with-navigation-content-navigation-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    width: 2.75rem;
    border-radius: 50%;
    border: 1px solid #84827e;
    position: relative;
    font-weight: 700;
    font-size: max(1rem, 1vw);
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    outline: none !important
}

.Slider-with-navigation-content-navigation-item-label {
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    color: #84827e;
    position: absolute;
    bottom: -1.5rem;
    opacity: 0;
    font-size: max(.75rem, .75vw);
    transform: translateY(1rem)
}

.Slider-with-navigation-content-navigation-item__active {
    color: #fff
}

.Slider-with-navigation-content-navigation-item__active>.Slider-with-navigation-content-navigation-item-label {
    opacity: 1;
    transform: translateY(0)
}

.Slider-with-navigation-container {
    background-color: #f3ecee;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 2rem 1rem;
    opacity: 0;
    transition: opacity .5s
}

.Slider-with-navigation-container-active {
    opacity: 1;
    transition-delay: .5s;
    border-radius: 12px
}

.Slider-with-navigation-images-container {
    overflow: hidden;
    z-index: 0;
    position: relative
}

.Slider-with-navigation-images-container .swiper-wrapper {
    max-height: 100%;
    height: 100%;
    display: flex
}

.Slider-with-navigation-images-container .swiper-slide {
    flex-shrink: 0;
    display: block;
    max-height: 100%;
    height: 100% !important;
    overflow: hidden
}

.Slider-with-navigation-image-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Slider-with-content {
    display: flex;
    flex-flow: column;
    border-radius: 12px;
    overflow: hidden;
    transform: translateZ(0)
}

.Slider-with-content>div {
    overflow: hidden;
    background: #f3ecee
}

.Slider-with-content-wrapper {
    background-color: #f3ecee;
    display: flex;
    flex-flow: column-reverse;
    justify-content: space-between;
    position: relative;
    color: #653232;
    padding: 2rem 1rem 1rem
}

.Slider-with-content-content {
    display: flex;
    text-align: left;
    flex-grow: 1
}

.Slider-with-content-content-cta--mobile {
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: center
}

.Slider-with-content-content-list {
    list-style: none;
    margin: min(max(1.125rem, 2.0833333333vw), 3.375rem) 0 0 0
}

.Slider-with-content-content-list li {
    border-top: 1px solid #c4c4c4;
    padding-top: min(max(1.125rem, 1.25vw), 2.025rem)
}

.Slider-with-content-content-list-subtitle {
    font-weight: 700;
    font-size: min(max(.75rem, 1.1111111111vw), 1.8rem)
}

.Slider-with-content-content-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: min(max(.75rem, .8333333333vw), 1.35rem)
}

.Slider-with-content-content-title h3 {
    font-size: min(max(2.25rem, 3.0555555556vw), 4.95rem) !important;
    line-height: 1
}

.Slider-with-content-content-image .Image img {
    object-fit: contain !important
}

.Slider-with-content-content-image-content {
    position: absolute;
    top: 38%;
    width: 50%;
    transform: translateY(-38%)
}

.Slider-with-content-content-image-content .divider {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    background: #653232;
    margin: .25rem 0 .4rem
}

.Slider-with-content-content-image-content .divider:after {
    content: "";
    position: absolute;
    width: .5rem;
    height: .5rem;
    background: #653232;
    transform: translateY(-50%);
    right: 0;
    top: 50%;
    border-radius: 50%
}

.Slider-with-content-content-index {
    font-size: 1.2rem;
    margin-right: .5rem
}

.Slider-with-content-content-navigation {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.Slider-with-content-content-navigation-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100%;
    aspect-ratio: 1;
    max-width: min(max(3.75rem, 5.5555555556vw), 9rem);
    max-height: min(max(3.75rem, 5.5555555556vw), 9rem);
    border-radius: 50%;
    border: 1px solid #84827e;
    position: relative;
    font-weight: 700;
    font-size: max(1rem, 1vw);
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    outline: none !important;
    opacity: .5
}

.Slider-with-content-content-navigation-item:not(.--inside) {
    margin-bottom: 1rem
}

.Slider-with-content-content-navigation-item.--inside .Slider-with-content-content-navigation-item-label {
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: min(max(.625rem, .8333333333vw), 1.35rem);
    padding-bottom: 0
}

.Slider-with-content-content-navigation-item-label {
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    color: #84827e;
    position: absolute;
    bottom: -1.5rem;
    font-size: min(max(.875rem, 1.1111111111vw), 1.8rem);
    opacity: 1;
    transform: translateY(0)
}

.Slider-with-content-content-navigation-item__active {
    color: #fff;
    opacity: 1
}

.Slider-with-content-content-navigation-item__active.--inside .Slider-with-content-content-navigation-item-label {
    color: #fff
}

.Slider-with-content-content-navigation-item__active>.Slider-with-content-content-navigation-item-label {
    opacity: 1;
    transform: translateY(0)
}

.Slider-with-content-container {
    background-color: #f3ecee;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 2rem 1rem;
    opacity: 0;
    transition: opacity .5s
}

.Slider-with-content-container-active {
    opacity: 1;
    transition-delay: .5s;
    border-radius: 12px
}

.Slider-with-content-images-container {
    overflow: hidden;
    z-index: 0;
    position: relative
}

.Slider-with-content-images-container .swiper-wrapper {
    max-height: 100%;
    height: 100%;
    display: flex
}

.Slider-with-content-images-container .swiper-slide {
    flex-shrink: 0;
    display: block;
    max-height: 100%;
    height: 100% !important;
    overflow: hidden
}

.Slider-with-content-image-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Slider-with-content-image-container>div {
    width: 100%;
    height: 100%
}

.Instruction {
    flex-grow: 1;
    border-radius: 12px;
    position: relative;
    z-index: 0;
    margin-bottom: 3.5rem;
    overflow: hidden;
    display: grid;
    height: 100%;
    background: #f3ecee;
    grid-template-areas: "content" "image"
}

.Instruction-content-title {
    padding-top: 1rem;
    margin-bottom: 1.5rem
}

.Instruction-backdrop {
    background: #84827e;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -11;
    height: 100%;
    border-radius: 12px;
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 2rem 0 0
}

.Instruction-backdrop h3 {
    margin: .5rem 0;
    font-size: 2rem
}

.Instruction-backdrop-content {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    padding: 2rem .75rem 0
}

.Instruction-container {
    position: relative;
    display: flex;
    flex-flow: column
}

.Instruction-image-container {
    grid-area: image;
    position: relative;
    background: radial-gradient(50% 50% at 50% 50%, #f3ecee, #a3a09b .01%, #d3d3d3)
}

.Instruction-image-container>span {
    height: 100% !important
}

.Instruction-image-container .Image--desktop {
    position: absolute
}

.Instruction-content-wrapper {
    grid-area: content;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    padding: 1rem
}

.Instruction-content-wrapper-content-container {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.Instruction-content-wrapper-content-container p {
    max-width: 28rem
}

.Faq-section {
    display: flex;
    flex-flow: column;
    border-radius: 12px
}

.Faq-section-navigation h1 {
    margin-bottom: 1rem
}

.Faq-section-navigation-item {
    cursor: pointer;
    position: relative;
    display: block;
    margin: 1rem 0;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Faq-section-navigation-item a {
    text-decoration: none;
    white-space: nowrap
}

.Faq-section-navigation-item:before {
    content: "";
    position: absolute;
    background: #653232;
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    top: 50%;
    left: 0;
    transform: translate(-2rem, -50%);
    opacity: 0;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Faq-section-content-title,
.Faq-section-content-faq {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: rem
}

.Faq-section-content-title p,
.Faq-section-content-faq p {
    margin-bottom: 0
}

.Faq-section-content-faq {
    padding: 2rem 0
}

.Faq-section-content-container {
    padding-top: 4rem
}

.Faq-section-content-container:nth-child(2) {
    padding-top: 1rem
}

.Faq-tab+.Faq-tab {
    border-top: 1px solid #c4c4c4
}

.Faq-tab-content {
    padding-bottom: 1rem
}

.Faq-tab-content a {
    text-decoration: underline !important
}

.Faq-tab-content-container {
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    overflow: hidden
}

.Faq-tab-toggle {
    border-radius: 50%;
    background: #84827e;
    width: 1.1875rem;
    min-width: 1.1875rem;
    height: 1.1875rem;
    position: relative;
    opacity: 1;
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    margin-left: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.Faq-tab-toggle span {
    width: 50%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Faq-tab-toggle span+span {
    transform: rotate(90deg)
}

.Faq-tab-toggle-container {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.Faq-tab-toggle-container p {
    margin-top: 1rem
}

.Faq-tab-toggle-container__active .Faq-tab-toggle {
    opacity: .5
}

.Faq-tab-toggle-container__active .Faq-tab-toggle span {
    transform: rotate(180deg)
}

.Faq-tab-toggle-container__active .Faq-tab-toggle span+span {
    transform: rotate(360deg)
}

.NoteWithImage {
    background: #f3ecee;
    overflow: hidden;
    border-radius: 12px;
    text-align: center;
    padding: 2.8125rem .9375rem 1.875rem
}

.NoteWithImage-image {
    max-width: 9.375rem;
    margin: 0 auto
}

.NoteWithImage .u-pSize {
    max-width: max(42rem, 48vw);
    margin: 0 auto;
    color: #653232
}

.NoteWithImage .u-pSize__Small {
    margin-bottom: 1.5625rem
}

.IngredientsSlider {
    background: #f3ecee;
    padding: .9375rem .9375rem 1.25rem;
    border-radius: 12px
}

.IngredientsSlider-header {
    display: flex;
    flex-direction: column
}

.IngredientsSlider-header .u-hSize {
    width: 100%;
    font-size: min(1.5rem, 12vw);
    margin-bottom: 1rem
}

.IngredientsSlider-header .u-pSize {
    width: 100%
}

.IngredientsSlider .Ingredients-slider {
    border-radius: 12px;
    overflow: hidden;
    position: relative
}

.IngredientsSlider .Ingredients-slider-mobile {
    padding-top: 2rem
}

.IngredientsSlider .Ingredients-slider-mobile>.swiper-pagination-bullets {
    bottom: 0rem !important
}

.IngredientsSlider .Ingredients-slider-mobile>.swiper-pagination-bullets>.swiper-pagination-bullet {
    background: #000 !important;
    transition: background-color .7s cubic-bezier(.76, 0, .24, 1), opacity .7s cubic-bezier(.76, 0, .24, 1)
}

.IngredientsSlider .Ingredients-slider-mobile>.swiper-pagination-bullets>.swiper-pagination-bullet.active {
    opacity: .5
}

.IngredientsSlider .Ingredients-slider .Custom-cursor {
    pointer-events: none
}

.IngredientsSlider .Ingredients-slider .Image {
    border-radius: 12px;
    margin-bottom: .9375rem
}

.IngredientsSlider-card .u-hSize {
    font-size: 1.1rem
}

.IngredientsSlider-card .u-pSize__Custom p {
    font-size: 1.25rem;
    margin-bottom: 0;
    padding-bottom: .5rem;
    max-width: 100%;
    white-space: pre-line;
    text-wrap: wrap;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.4px
}

.Profile-cards {
    border-radius: 12px;
    text-align: center;
    padding: 1.5625rem .9375rem 1.875rem
}

.Profile-cards-heading {
    max-width: 50rem;
    margin: 0 auto
}

.Profile-cards-cards {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    align-items: center;
    padding-top: 1.875rem
}

.Profile-cards-card {
    max-width: calc(20rem + 10vw);
    width: 100%
}

.Profile-cards-image {
    margin: 0 auto 1.5rem;
    border-radius: 12px;
    overflow: hidden
}

.Profile-cards-more-info {
    font-size: .8rem
}

.okeReviews-reviewsAggregate-recommends,
.okeReviews-reviewsAggregate-mod,
.okeReviews-reviews-controls-reviewCount {
    display: none !important
}

select#okeReviews-reviews-controls-sort {
    border: 1px solid;
    border-radius: 21px;
    cursor: pointer;
    text-transform: uppercase;
    height: 32px;
    padding: 0 32px 0 1em;
    font-size: 1rem
}

.oke-w-reviews>:first-child {
    position: static !important
}

.okeReviews-reviews-controls {
    justify-content: flex-start !important
}

.okeReviews .okeReviews-filterToggle,
.okeReviews .okeReviews-filterToggle.is-okeReviews-active {
    background-color: #f3ecee !important;
    border-color: #67645f !important;
    height: 2rem;
    line-height: 1rem !important;
    font-size: 1rem;
    text-transform: uppercase;
    width: auto !important
}

button.okeReviews-reviews-showMore.okeReviews-showMore.js-okeReviews-showMore {
    border: 1px solid #653232 !important;
    position: relative;
    height: 2rem;
    border-radius: 1.875rem;
    text-transform: uppercase;
    padding: 0 1.875rem
}

.okeReviews.okeReviews--theme .okeReviews-badge--rating {
    background: transparent !important;
    color: #653232 !important;
    font-size: 24px !important;
    padding: 0;
    vertical-align: middle
}

.okeReviews-reviewsAggregate-summary {
    display: flex;
    width: 50vw;
    align-items: start;
    gap: 2vw
}

.okeReviews-reviewsAggregate-summary .okeReviews-reviewsAggregate-summary-rating {
    display: flex;
    align-items: center;
    position: relative
}

.okeReviews-reviewsAggregate-summary .okeReviews-reviewsAggregate-summary-rating:before {
    content: "AVERAGE RATING";
    position: absolute;
    top: 2.1875rem;
    font-size: 1rem;
    font-weight: 700;
    width: 12.5rem
}

.okeReviews-reviewsAggregate-summary .okeReviews-reviewsAggregate-summary-total {
    font-size: 1rem;
    font-weight: 700;
    color: #525252 !important;
    width: 6.25rem;
    padding-top: .5625rem
}

.okeReviews-reviewsAggregate-side {
    padding: 0 0 2rem !important
}

.okeReviews-review-reviewer-profile-details-inner {
    font-weight: 700;
    font-size: 1rem
}

.okeReviews-review-recommendation {
    display: none
}

.okeReviews .okeReviews-review-main-heading {
    line-height: 150% !important;
    margin-bottom: 0 !important
}

.okeReviews-review-main-content p {
    line-height: 150% !important;
    font-size: 1.25em
}

.okeReviews .okeReviews-review-response-main {
    font-size: unset !important
}

.okeReviews-review-response-main-content p,
.okeReviews-review-response-main-content a {
    font-size: 1.1rem;
    line-height: 150% !important
}

.okeReviews thead,
.okeReviews tbody,
.okeReviews tfoot {
    background-color: transparent;
    border: 0 !important
}

.okeReviews-mediaStrip-item {
    width: 100px !important;
    height: 100px !important
}

.okeReviews-mediaStrip-item-media {
    border-radius: 12px;
    overflow: hidden
}

.okeReviews-reviewsWidget-reviewsAggregate {
    margin-bottom: 0 !important
}

.okeReviews-reviewsWidget {
    background: #f3ecee;
    padding: 3.75vw 7.5vw 2vw !important;
    border-radius: 12px
}

.okeReviews-reviewsWidget-header {
    position: relative
}

.okeReviews .okeReviews-reviewsWidget-header-controls {
    position: absolute;
    width: 12.5rem;
    max-width: 13.75rem;
    top: 20px;
    right: 0;
    display: none !important
}

.okeReviews .okeReviews-reviewsWidget-header-controls a {
    border: 1px solid #653232 !important;
    border-radius: 1.875rem;
    text-transform: uppercase;
    height: 2rem;
    line-height: 1.875rem;
    padding: 0 1.875rem;
    font-size: 1rem;
    width: 100%;
    text-align: center
}

.okeReviews-filter-list {
    gap: 1rem
}

.okeReviews-filter-list-item-label {
    border-radius: 22px !important;
    margin: 0 !important;
    background: transparent !important;
    height: 2rem;
    line-height: 1rem;
    text-transform: uppercase
}

.okeReviews-filterToggle,
.okeReviews-select {
    border-radius: 22px !important
}

.okeReviews-attributeRatingsTable-row-value {
    padding: .25rem 1rem .25rem 0 !important;
    min-width: 12.5rem
}

.okeReviews-attributeRatingsTable-row-label {
    padding: .25rem 1rem .25rem 0 !important;
    width: 100%
}

.okeReviews-reviews-review {
    margin-bottom: 0 !important;
    border-top: 1px solid #653232
}

.okeReviews-attributeRatingsTable-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.okeReviews-reviews-footer.js-okeReviews-footer.js-okeReviews-reviews-footer {
    border-top: 1px solid #67645f;
    padding-top: 2rem
}

.okeReviews .okeReviews-reviews-showMore:after {
    display: none !important
}

.okeReviews-attributeRatingsTable-row-label {
    font-weight: 700 !important
}

.okeReviews .okeReviews-attributeRatingsTable-row-value {
    width: 100%;
    max-width: 20rem !important
}

.okeReviews .okeReviews-review-reviewer-product-thumbnail-image {
    display: none
}

.okeReviews .okeReviews-review-reviewer-product-thumbnail {
    padding-right: 0 !important
}

a.okeReviews-review-reviewer-product-details-link {
    font-size: 1rem;
    text-transform: uppercase;
    cursor: auto;
    pointer-events: none
}

.or-rg-bar-mrk {
    border-radius: 10px;
    height: 14px !important;
    width: 14px !important;
    transform: translate(-50%) !important;
    top: -4px !important
}

[data-oke-reviews-product-listing-rating]>.okeReviews.okeReviews--theme,
[data-oke-reviews-product-listing-rating] .okeReviews-listing-reviewCount {
    display: inline-block !important;
    vertical-align: middle !important
}

.oke-sr-count.oke-sr-count--brackets {
    font-size: 13px
}

.okeReviews.oke-w {
    padding: 1rem 1rem 2rem !important;
    max-width: 100% !important;
    border-radius: 12px;
    background-color: #f3ecee
}

.okeReviews.oke-w .oke-w-ratingAverageModule--oneLine {
    align-items: flex-start !important;
    flex-direction: column !important
}

.okeReviews.oke-w .oke-w-ratingAverageModule-rating-average {
    margin-right: 8px;
    font-size: 1.5rem
}

.okeReviews.oke-w .oke-w-ratingAverageModule-rating {
    display: flex;
    align-items: center;
    position: relative
}

.okeReviews.oke-w .oke-w-ratingAverageModule-rating:before {
    content: "AVERAGE RATING";
    position: absolute;
    top: 2.1875rem;
    font-size: 1rem;
    font-weight: 700;
    width: 12.5rem;
    text-align: left
}

.okeReviews.oke-w .oke-w-ratingAverageModule-count {
    font-size: 1rem;
    width: 100%;
    padding-top: .8rem;
    margin-top: .625rem;
    text-align: left;
    color: #653232 !important;
    font-weight: 400;
    line-height: 130%
}

.okeReviews.oke-w span.oke-w-recommendsModule-value {
    display: block
}

.okeReviews.oke-w .oke-sortSelect-label {
    display: none
}

.okeReviews.oke-w .oke-button,
.okeReviews.oke-w .oke-sortSelect-sort {
    border-radius: 40px !important;
    background: transparent;
    border: 1px solid #ccc !important;
    color: #525252;
    cursor: pointer;
    margin: 0;
    padding: .5em 1em !important;
    border-color: #67645f !important;
    height: 2rem;
    line-height: 0 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    width: auto !important;
    font-weight: 400 !important
}

.okeReviews.oke-w .oke-w-reviews-writeReview {
    display: none !important
}

.okeReviews.oke-w .oke-w-filterOption-label {
    text-transform: uppercase
}

.okeReviews.oke-w .oke-w-filter-title,
.okeReviews.oke-w .oke-product-details-name {
    font-size: 14px !important
}

.okeReviews.oke-w .oke-product-details-name {
    text-decoration: underline
}

.okeReviews.oke-w .oke-w-filter-options {
    gap: 1rem
}

.okeReviews.oke-w [type=checkbox]+label,
.okeReviews.oke-w [type=radio]+label {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.okeReviews.oke-w .oke-w-reviews-count {
    display: none !important
}

.okeReviews.oke-w .oke-w-reviews-head,
.okeReviews.oke-w .oke-w-reviews-controls {
    display: inline-flex !important
}

.okeReviews.oke-w .oke-w-reviews-head {
    margin-bottom: 20px !important
}

.okeReviews.oke-w select#oke-sortSelect--reviews {
    padding: 0 24px 0 1em !important;
    line-height: 16px !important;
    outline-offset: 0px !important
}

.okeReviews.oke-w .oke-w-reviews-footer {
    padding-top: 1.5rem !important
}

.okeReviews.oke-w .oke-is-small .oke-w-header-content-module {
    justify-content: flex-start !important;
    text-align: left !important
}

.okeReviews.oke-w button#filter-toggle {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.okeReviews.oke-w .oke-w-reviews-controls {
    width: 100% !important;
    justify-content: flex-end !important
}

.okeReviews.oke-w .oke-reviewContent-body {
    margin-top: 0 !important
}

.okeReviews.oke-w .oke-reviewContent-body p,
.okeReviews.oke-w .oke-w-reviewReply-body p,
.okeReviews.oke-w .oke-w-reviewReply-body a {
    line-height: 26px !important;
    font-size: 1rem !important
}

.okeReviews.oke-w .oke-reviewContent-title {
    font-size: 1rem !important;
    font-weight: 700 !important
}

.okeReviews.oke-w .oke-reviewContent-date span {
    color: #653232 !important;
    font-size: .75rem !important;
    font-weight: 400 !important;
    line-height: 120% !important
}

.okeReviews.oke-w .oke-w-reviewer-verified {
    font-weight: 400 !important
}

.okeReviews.oke-w .oke-product-thumbnail,
.okeReviews.oke-w .oke-w-review-recommendation {
    display: none
}

.okeReviews.oke-w .oke-is-large .oke-w-review-side,
.okeReviews.oke-w .oke-is-medium .oke-w-review-side {
    margin-right: 0 !important;
    flex-basis: 260px !important
}

.okeReviews.oke-w .oke-w-selectAttr-item-title {
    font-weight: 700 !important
}

.okeReviews.oke-w span.oke-w-selectAttr-item-value {
    color: #707070
}

.okeReviews.oke-w .oke-is-large .oke-w-reviews-list-item,
.okeReviews.oke-w div.okeReviews .oke-is-large .oke-w-reviews-list-item {
    padding: 24px 24px 24px 0
}

.okeReviews.oke-w .oke-w-reviews-list-item:first-of-type,
.okeReviews.oke-w div.okeReviews .oke-w-reviews-list-item:first-of-type {
    border-top: 1px solid #c4c4c4 !important
}

.okeReviews.oke-w .oke-w-review-main {
    padding: 0 !important
}

.okeReviews.oke-w .oke-attrBar:last-child {
    line-height: 22px !important
}

.okeReviews.oke-w .oke-helpful {
    display: flex !important;
    font-size: 12px !important
}

.okeReviews.oke-w .oke-helpful-label {
    display: inline-block !important;
    margin-top: .06rem !important
}

.okeReviews.oke-w .oke-helpful-vote {
    line-height: 1px !important
}

.okeReviews.oke-w .oke-w-review-footer {
    justify-content: flex-end !important;
    align-items: center !important
}

.okeReviews.oke-w .oke-external-provider {
    display: flex !important
}

.okeReviews.oke-w .oke-barClassic-marker-dot {
    border-radius: 40px
}

.okeReviews.oke-w span.oke-attrBar-title-text {
    font-size: 14px;
    font-weight: 700
}

.okeReviews.oke-w span.oke-attrBar-labels-label.oke-attrBar-labels-label--min,
.okeReviews.oke-w span.oke-attrBar-labels-label.oke-attrBar-labels-label--max {
    font-size: 12px !important
}

.okeReviews.oke-w .oke-w-selectAttr-item,
.okeReviews.oke-w div.okeReviews .oke-w-selectAttr-item {
    justify-content: flex-start !important;
    flex-direction: column !important
}

.okeReviews.oke-w .oke-w-barAttributes-item {
    width: 100% !important;
    max-width: 100% !important
}

.okeReviews.oke-w .oke-attrBar-body {
    max-width: 300px !important
}

.okeReviews.oke-w .oke-w-reviews-filterToggle {
    padding: 4px 19px !important;
    gap: .375rem !important
}

.okeReviews.oke-w .oke-w-reviews-filterToggle span {
    font-size: 1rem !important
}

.okeReviews.oke-w .oke-w-reviews-filterToggle .oke-icon {
    font-size: 1.2rem !important
}

.okeReviews.oke-w .oke-showMore-button {
    height: 2rem !important;
    padding: .3875rem 3.1725rem .4375rem !important
}

.okeReviews.oke-w .oke-showMore-button span {
    font-size: 14px !important;
    padding: 0 .8rem !important;
    line-height: 15px !important
}

.template-product .okeReviews.oke-w .oke-w-reviews-controls {
    position: absolute;
    right: 7.5vw;
    width: auto !important
}

.shopify-app-block .okeReviews {
    padding: 30px
}

.okendo-carousel-reviews-section {
    padding: 30px;
    border-radius: 12px;
    background-color: #f3ecee
}

.okendo-carousel-reviews-heading {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.okendo-carousel-reviews-mobileCTA {
    text-align: center
}

.oke-modal-content .oke-mediaGallery-review {
    background-color: #f3ecee
}

.oke-modal-content .oke-mediaGallery-review .oke-w-reviewer-avatar {
    display: none
}

.oke-modal-content .oke-mediaGallery-review .oke-product-details-name,
.oke-modal-content .oke-mediaGallery-review .oke-product-details-title {
    font-size: .875rem !important;
    color: #525252 !important
}

.oke-modal-content .oke-mediaGallery-review .oke-product-details-name {
    text-decoration: underline
}

.oke-modal-content .oke-mediaGallery-review .oke-reviewContent-date,
.oke-modal-content .oke-w-reviewer-name {
    color: #525252 !important
}

.oke-modal-content .oke-w-reviewer-verified {
    font-weight: 400 !important
}

.oke-modal-content .oke-helpful-label {
    color: #653232 !important
}

.oke-modal-content .oke-reviewContent-body,
.oke-modal-content .oke-reviewContent-body>p {
    line-height: 26px !important;
    font-size: 1rem !important;
    color: #525252 !important
}

.oke-modal-content .oke-reviewContent-title {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #525252 !important
}

.okeReviews {
    border-radius: 12px;
    background-color: #f3ecee
}

.okeReviews .oke-w-review-media {
    height: 7rem;
    overflow: hidden
}

.okeReviews .oke-w-review-media .oke-w-review-media-thumbnail {
    height: 100%
}

.okeReviews .oke-w-review-media .oke-w-review-media-thumbnail li {
    height: 100% !important;
    aspect-ratio: 1
}

.okeReviews .oke-w-review-media .oke-media-image {
    object-fit: cover;
    border-radius: .75rem;
    aspect-ratio: 1 !important
}

.okeReviews .oke-mediaCarousel {
    min-height: 210px;
    max-width: 100% !important
}

.okeReviews .oke-mediaCarousel-container .hooper-track {
    gap: 20px
}

.okeReviews section.oke-mediaGallery-nav-slider.hooper,
.okeReviews button.oke-mediaGallery-nav-next,
.okeReviews button.oke-mediaGallery-nav-prev {
    display: none
}

.okeReviews h2 {
    font-size: 36px !important;
    margin-bottom: 15px;
    margin-left: 15px
}

.okeReviews li.oke-mediaCarousel-slide {
    overflow: hidden;
    border-radius: 10px !important
}

.okeReviews .oke-mediaOverlay-container,
.okeReviews div.okeReviews .oke-mediaOverlay-container {
    justify-content: center !important
}

.okeReviews .oke-mediaOverlay-text,
.okeReviews div.okeReviews .oke-mediaOverlay-text {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px !important
}

.okeReviews button.oke-mediaOverlay-button {
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    font-size: 16px !important;
    border-radius: 40px !important
}

.okeReviews .oke-mediaCarousel-button-prev,
.okeReviews .oke-mediaCarousel-button-next,
.okeReviews .oke-mediaCarousel-button-prev:hover,
.okeReviews .oke-mediaCarousel-button-next:hover {
    background: transparent !important;
    border: 0 !important
}

.okeReviews .oke-mediaCarousel-button-prev:before,
.okeReviews .oke-mediaCarousel-button-prev:after,
.okeReviews .oke-mediaCarousel-button-next:before,
.okeReviews .oke-mediaCarousel-button-next:after {
    border-radius: 50px;
    background: #fff;
    font-size: 22px !important;
    padding: 8px 0
}

.okeReviews[data-oke-container] .oke-w-reviews-list-item,
div.okeReviews .oke-w-reviews-list-item {
    border-color: #c4c4c4 !important
}

.template-page .oke-w-ratingAverageModule-count {
    width: 7.1875rem !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-play-button-container {
    position: absolute !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] button {
    touch-action: manipulation
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] ._progressBarContainer_1cxil_316 {
    height: 2px
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] ._bottomControlsContainer_1cxil_299 {
    justify-content: space-between;
    align-items: center;
    gap: max(1.875rem, 2.08333vw) !important;
    padding: 0 max(1rem, 1.94444vw);
    display: flex
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-carousel-progress-bar-container {
    margin: unset !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] ._bottomArrowsContainer_1cxil_309 {
    gap: max(.5rem, .555556vw) !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-previous-button,
tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-next-button {
    display: block !important;
    background: transparent !important;
    border: 1px solid #653232;
    min-width: max(1.9375rem, 2.15278vw);
    min-height: max(1.9375rem, 2.15278vw)
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-previous-button:after,
tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-next-button:after {
    content: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6%2010.5L1%205.31481L6%200.5%22%20stroke%3D%22%2367645E%22%20stroke-linecap%3D%22round%22%3E%3C/path%3E%3C/svg%3E)
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-previous-button>svg,
tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-next-button>svg {
    display: none !important;
    height: 10px;
    width: 10px
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-previous-button>svg>path,
tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-next-button>svg>path {
    fill: #653232
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-previous-button {
    transform: rotate(0) scale(1) !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-previous-button:hover {
    transform: scale(1) !important;
    background: #fff !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-next-button {
    transform: rotate(180deg) scale(1) !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-next-button:hover {
    transform: rotate(180deg) scale(1) !important;
    background: #fff !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-carousel-container {
    width: 100% !important;
    background: #f3ecee;
    border-radius: .75rem;
    overflow: hidden;
    padding: 0 0 max(1.5rem, 2.5vw) !important;
    max-width: 100% !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-carousel-title {
    display: flex;
    justify-content: space-between;
    font-family: Swiss, Swiss721 BT, sans-serif !important;
    padding: 24px 16px 16px;
    font-size: max(1.375rem, 2.77778vw) !important;
    line-height: 1.4
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container {
    flex-wrap: wrap;
    position: relative;
    padding: 0 16px
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container>div:nth-child(1) {
    order: 2;
    margin-top: 16px
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container>div:nth-child(2) {
    order: 1;
    grid-template-columns: repeat(6, 282px) !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container>div:nth-child(3) {
    order: 3;
    margin-top: 16px;
    margin-right: max(1rem, 1.94444vw) !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container>div:nth-child(2)>div>div {
    border-radius: 10px !important;
    overflow: hidden
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container>div:nth-child(2) video,
tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container>div:nth-child(2) img {
    border-radius: inherit !important
}

tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container>div.tolstoy-carousel-arrow-button-container>.tolstoy-carousel-arrow-button>button {
    min-height: 41.33px;
    min-width: 41.33px;
    border: 1px solid #653232;
    background: transparent
}

.tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container>div:nth-child(2)>div>div>button.tolstoy-play-button-container {
    height: 60px;
    width: 60px
}

.tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container>div:nth-child(2)>div>div>button.tolstoy-play-button-container>svg {
    height: 12px;
    width: 12px
}

.tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container>div:nth-child(2)>div>div>button.tolstoy-play-button-container>svg>path {
    fill: #653232 !important
}

.tolstoy-carousel-progress-bar {
    transition: unset !important
}

._tolstoyModal_itciw_16.tolstoy-modal {
    z-index: 0 !important
}

.tolstoy-carousel-progress-bar-container {
    background: #c4c4c4 !important
}

.minimize-tolstoy-modal svg path {
    fill: #653232 !important
}

.Policy {
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #f3ecee;
    min-height: 43.75rem;
    padding: 5rem 1rem 2.5rem;
    margin-bottom: 2.25vw
}

.Policy-content {
    padding: 3.5rem 2.5rem 0;
    max-width: 50rem
}

.Policy-content h1 {
    font-size: 2.75rem
}

.Policy-content h1.small-title {
    font-size: 1.375rem
}

.Policy-content h3 {
    font-size: 1.125rem
}

.Policy-content p,
.Policy-content a {
    font-size: 1rem
}

.Policy-content a {
    text-decoration: underline !important;
    font-weight: 600
}

.Order {
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #f3ecee;
    min-height: 43.75rem;
    padding: min(6rem, 9vw) min(2rem, 3vw) 2.5rem
}

.Order-heading {
    display: flex;
    justify-content: space-between;
    padding-top: 1.5rem;
    padding-bottom: .5rem;
    flex-direction: column
}

.Order-placed .Order-canceled {
    color: #c63931
}

.Order-customer-info {
    display: flex;
    gap: 5rem
}

.Order-customer-info .Customer-address {
    margin: .5rem 0 1.5625rem
}

.Order-table {
    margin-top: 2rem;
    overflow: auto
}

.Order-table table {
    border-spacing: 0
}

.Order-table th.center,
.Order-table td.center {
    text-align: center
}

.Order-table th.uppercase,
.Order-table td.uppercase {
    text-transform: uppercase
}

.Order-table th.flex,
.Order-table td.flex {
    display: flex
}

.Order-table th.items-center,
.Order-table td.items-center {
    align-items: center
}

.Order-table thead {
    border: 0;
    background-color: #84827e;
    color: #fff
}

.Order-table thead th:first-child {
    min-width: 15.625rem
}

.Order-table thead th {
    border: 0;
    padding: 1.25rem;
    text-transform: uppercase
}

.Order-table tbody {
    background-color: transparent;
    border: 0
}

.Order-table tbody td {
    padding: 1.875rem 1.25rem 3rem;
    border-bottom: 1px solid #c4c4c4
}

.Order-table tfoot tr:nth-child(1)>td:nth-child(2) {
    padding-top: 1.25rem
}

.Order-table tfoot td {
    font-weight: 400;
    padding-left: 3rem;
    padding-bottom: 0
}

.Order-table.Order-table--mobile-summary tfoot td {
    font-weight: 400;
    padding: 0 0 .5rem
}

.Order .u-hideMd .Button-container a,
.Order .u-hideMd .Button-container button {
    font-size: .90625rem;
    padding: .4rem 2rem;
    width: 100%;
    text-align: center
}

.PageNotFound {
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #f3ecee;
    min-height: 43.75rem;
    padding: 5rem 1rem 2.5rem;
    margin-bottom: 2.25vw
}

.PageNotFound-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 35rem;
    text-align: center
}

.PageNotFound-content a {
    border-bottom: 1px solid
}

.PageNotFound-content a:hover {
    text-decoration: none
}

.o-qtyControls {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.o-qtyControls-button {
    display: inline-block;
    vertical-align: middle;
    width: 2.5rem;
    padding: .6875rem;
    border: .125rem solid #dddedc;
    border-radius: 0;
    transition: background-color .25s ease-out
}

.o-qtyControls-button:hover,
.o-qtyControls-button:focus {
    background-color: #f3ecee
}

.o-qtyControls-button[data-action=plus] {
    border-top-right-radius: .25em;
    border-bottom-right-radius: .25em
}

.o-qtyControls-button[data-action=minus] {
    border-top-left-radius: .25em;
    border-bottom-left-radius: .25em
}

.o-qtyControls-button svg {
    fill: #a3a3a3;
    transition: fill .25s ease-out
}

.o-qtyControls-button:hover svg,
.o-qtyControls-button:focus svg {
    fill: #653232
}

.o-qtyControls-indicator {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    padding: .6875rem 0;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: .875rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    color: #653232;
    border-top: .125rem solid #dddedc;
    border-bottom: .125rem solid #dddedc
}

.Product {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    overflow: hidden;
    background: radial-gradient(116.69% 129.41% at 5.22% -15.34%, #afaeb1, #acaeb2);
    position: relative;
    color: #653232
}

.Product__new {
    background: none
}

.Product[data-show-variant-desc=true] .variant-description {
    display: block !important
}

.Product-main {
    z-index: 2;
    position: relative
}

.Product-main .afterpay-logo {
    width: 5rem !important
}

.Product-slider {
    position: relative;
    width: 100%;
    height: 100%
}

.Product-slider-thumbnails {
    position: absolute;
    left: min(2rem, 3vw);
    bottom: 3.5rem;
    display: flex;
    grid-gap: max(1rem, 1vw);
    z-index: 100;
    flex-flow: column;
    width: 46vw;
    justify-content: center
}

.Product-slider-thumbnail {
    cursor: pointer;
    position: relative;
    width: max(2.8125rem, 2.8vw);
    height: max(2.1875rem, 2.1vw);
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    opacity: .5;
    border-radius: 12px;
    overflow: hidden;
    background: #dedcd9
}

.Product-slider-thumbnail-video {
    filter: blur(1px)
}

.Product-slider-thumbnail svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.Product-slider-thumbnail:hover,
.Product-slider-thumbnail__active {
    opacity: 1
}

.Product-slider__expand {
    position: absolute;
    z-index: 9;
    width: min(max(2.5rem, 2.7777777778vw), 3.75rem);
    height: min(max(2.5rem, 2.7777777778vw), 3.75rem) !important;
    bottom: min(max(1rem, 1.1111111111vw), 1.5rem);
    right: min(max(1rem, 1.1111111111vw), 1.5rem)
}

.Product-slider__modal {
    position: fixed;
    z-index: 99;
    width: 100vw;
    height: 100dvh;
    top: 0;
    left: 0;
    display: none
}

.Product-slider__modal-close {
    position: absolute;
    z-index: 9;
    top: min(max(.75rem, .8333333333vw), 1.125rem);
    right: min(max(.75rem, .8333333333vw), 1.125rem)
}

.Product-slider__modal-close,
.Product-slider__modal-close svg {
    display: flex;
    width: min(max(2.25rem, 2.5vw), 3.375rem);
    height: min(max(2.25rem, 2.5vw), 3.375rem)
}

.Product-slider__modal.--is-active {
    display: block
}

.Product-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 1rem !important
}

.Product-slider .swiper-scrollbar {
    position: absolute;
    overflow: hidden;
    border-radius: .75rem;
    z-index: 9;
    width: calc(100% - 1.5rem);
    left: 50%;
    bottom: -1.25rem;
    background: #c4c4c4;
    height: 2px;
    transform: translate(-50%)
}

.Product-slider .swiper-scrollbar-drag {
    border-radius: .75rem;
    background: #653232
}

.Product-main-card {
    text-align: left;
    padding: 1rem;
    display: flex;
    flex-flow: column;
    width: 100%;
    justify-content: space-between;
    bottom: 1rem;
    background: #f3ecee
}

.Product-main-card[data-product-variants=true] .Product-main-card-title {
    margin-bottom: min(max(.75rem, 1.3888888889vw), 1.875rem) !important
}

.Product-main-card[data-product-variants=true] .Product-main-card-subtitle-inner h2 {
    margin: 0 !important
}

.Product-main-card[data-product-variants=true] .Product-main-card-description {
    font-size: min(max(.875rem, 1.1111111111vw), 1.3125rem) !important;
    color: #6d6e70 !important
}

.Product-main-card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 100%;
    margin: 0 0 1rem
}

.Product-main-card-subtitle {
    width: 100%
}

.Product-main-card-subtitle .okeReviews {
    background-color: transparent !important
}

.Product-main-card .badge img {
    object-fit: contain !important
}

.Product-main-card-description {
    margin: 1.25rem 0
}

.Product-main-card-content-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-flow: column
}

.Product-main-card-content-price-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-flow: column;
    text-transform: uppercase
}

.Product-main-card-content-price-container .Product-review-score-short {
    margin-top: 1rem
}

.Product-main-card-content-price-container .okeReviews-lazyPoweredBy {
    display: none !important
}

.Product-main-card-content-price-container .okeReviews-ratingsBadge-holder {
    background: transparent !important
}

.Product-main-card-cta {
    width: 100%
}

.Product-main-card-cta.available-variant-button {
    margin-bottom: .4375rem
}

.Product-tabs {
    padding-top: 1rem
}

.Product-tab+.Product-tab {
    border-top: 1px solid #c4c4c4
}

.Product-tab-content {
    padding-bottom: 1rem;
    max-width: 90%
}

.Product-tab-content[data-full-width=true] {
    max-width: 100%
}

.Product-tab-content-container {
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    overflow: hidden
}

.Product-tab-content .Button-container {
    margin-top: 2vw
}

.Product-tab-content ul {
    margin-bottom: 0
}

.Product-tab-images {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    width: 110%
}

.Product-tab-images .Image {
    flex-shrink: 0;
    margin-bottom: .25rem !important;
    max-width: max(3rem, 4vw)
}

.Product-tab-images .Image+span {
    margin-top: .4rem
}

.Product-tab-images>span {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    font-size: max(.7rem, .7vw);
    line-height: 110%;
    text-align: center;
    word-spacing: 200px
}

.Product-tab-images>span+span {
    margin-left: max(.5rem, .5vw)
}

.Product-tab-images .Image img {
    object-fit: contain !important
}

.Product-tab-toggle {
    border-radius: 50%;
    background: #84827e;
    width: 1.125rem;
    height: 1.125rem;
    position: relative;
    opacity: 1;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Product-tab-toggle span {
    width: 55%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Product-tab-toggle span+span {
    transform: translate(-50%, -50%) rotate(90deg)
}

.Product-tab-toggle-container {
    z-index: 0;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0
}

.Product-tab-toggle-container p,
.Product-tab-toggle-container button {
    text-transform: uppercase;
    margin: 0;
    padding: .75rem 0
}

.Product-tab-toggle-container button {
    width: 100%;
    line-height: 150%;
    color: #6d6e70;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.Product-tab-toggle__active .Product-tab-toggle {
    opacity: .5
}

.Product-tab-toggle__active .Product-tab-toggle span {
    transform: translate(-50%, -50%) rotate(180deg)
}

.Product-tab-toggle__active .Product-tab-toggle span+span {
    transform: translate(-50%, -50%) rotate(360deg)
}

.Product-review-score-short {
    display: flex;
    align-items: center
}

.Product-review-score-short span {
    text-decoration: none
}

.Product-review-score-short svg {
    margin-right: .2rem
}

.Product-sticky-cta {
    width: 100%
}

.Product-sticky-bar {
    position: fixed;
    bottom: 0;
    z-index: 11;
    transform: translateY(120%);
    width: 100%;
    left: 0;
    transition: all .7s cubic-bezier(.76, 0, .24, 1), color 0s;
    overflow: hidden;
    padding: 0
}

.Product-sticky-bar__sticky:not(.Product-sticky-bar__hidden) {
    transform: translateY(0)
}

.Product-sticky-bar .Product-swatches-container {
    border: none;
    padding-top: 0
}

.Product-sticky-bar-swatches-container {
    display: flex;
    gap: .625rem;
    padding: 2rem 0
}

.Product-sticky-bar-swatch {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    cursor: pointer
}

.Product-sticky-bar-swatch.selected {
    outline: 1px solid #454545;
    outline-offset: 2px
}

.Product-sticky-bar .Product-swatches {
    list-style: none
}

.Product-sticky-bar-content {
    display: flex;
    align-items: center
}

.Product-sticky-bar-content-container {
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffffc4;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    height: 4.5rem;
    padding: 0 .75rem
}

.Product-sticky-bar-content .Image {
    padding-bottom: 100% !important;
    width: 5rem
}

.Product-sticky-bar-image {
    margin-right: 1rem;
    display: none
}

.Product-sticky-bar-option {
    border-radius: 2.5rem;
    border: 1px solid #6d6e70;
    cursor: pointer;
    width: 11.5625rem;
    padding: .4375rem;
    color: #6d6e70;
    text-align: center;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.28px;
    text-transform: lowercase
}

.Product-sticky-bar-option.selected {
    background: #fff
}

.Product-sticky-bar-option-container {
    display: flex;
    gap: 1.15625rem;
    margin-left: 2.34375rem
}

.Product-swatches {
    display: flex;
    margin: .935rem 0 1.5rem;
    row-gap: .75rem
}

.Product-swatches--wrap {
    flex-wrap: wrap
}

.Product-swatches--single {
    margin-right: 2.625rem
}

.Product-swatches__multiGroup {
    display: flex;
    flex-direction: column
}

.Product-swatches-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: flex-start
}

.Product-swatches-container[data-show-swatches=false] {
    padding-bottom: min(max(1.25rem, 1.5277777778vw), 1.875rem)
}

.Product-swatches-container[data-show-swatches=false] .Product-swatches-container-info {
    min-width: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden
}

.Product-swatches-container[data-show-swatches=false] .Product-swatches-container-info * {
    min-width: 0
}

.Product-swatches-container[data-show-swatches=false] .Product-swatches-container-title {
    flex-shrink: 1;
    max-width: 100%;
    white-space: nowrap;
    gap: min(max(.46875rem, .6944444444vw), .703125rem);
    overflow: hidden;
    display: flex
}

.Product-swatches-container[data-show-swatches=false] b,
.Product-swatches-container[data-show-swatches=false] .Product-swatches-popup-color {
    flex-shrink: 0 !important;
    white-space: nowrap
}

.Product-swatches-container[data-show-swatches=false] .Product-swatches-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    min-width: 0
}

.Product-swatches-container-title {
    position: relative;
    cursor: pointer
}

.Product-swatches-container-info {
    border-bottom: 1px solid #6d6e70;
    display: inline-flex;
    align-items: center;
    line-height: 135%;
    flex-wrap: nowrap
}

.Product-swatches-container-info>* {
    text-wrap: nowrap
}

.Product-swatches-container-info-display {
    transition: all .3s ease-in-out
}

.Product-swatches-container-info-display.ProductForm--error {
    color: #8f0606
}

.Product-swatches-container-info svg {
    margin-left: 7px
}

.Product-swatches-shades {
    color: #653232;
    font-size: .875rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .28px;
    text-decoration-line: underline;
    margin-top: auto;
    white-space: nowrap;
    cursor: pointer
}

.Product-swatches-popup {
    max-height: 0;
    visibility: hidden;
    position: absolute;
    width: calc(100% - 3.5rem);
    background-color: #f3eceecc;
    filter: drop-shadow(0px 4px 52px rgba(0, 0, 0, .18));
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    overflow: hidden;
    z-index: 12;
    left: 1.75rem;
    transform: translateY(-1px);
    font-size: 14.5px;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Product-swatches-popup.flex {
    top: 50%
}

.Product-swatches-popup-color {
    width: 2.5625rem;
    height: .5rem;
    border-radius: .625rem;
    margin: 0 min(max(.28125rem, .4166666667vw), .421875rem) 0 0;
    display: inline-block
}

.Product-swatches-popup-variant {
    border-radius: 8px
}

.Product-swatches-popup-variant__selected {
    background: #fffffeb3
}

.Product-swatches-popup-container[data-available=false] {
    color: #6d6e7080
}

.Product-swatches-popup-container-info {
    position: relative;
    top: -1px
}

.Product-swatches-popup-header {
    border-radius: 50%;
    background: #84827e;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 1;
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    min-width: 1.125rem;
    margin-left: 1rem;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.Product-swatches-popup-header span {
    width: 55%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Product-swatches-popup-header span+span {
    transform: translate(-50%, -50%) rotate(315deg)
}

.Product-swatches-popup-background {
    display: none;
    transition: all .3s ease-in-out;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: transparent;
    visibility: hidden;
    opacity: 0
}

.Product-swatches-popup__active {
    opacity: 1 !important;
    visibility: visible
}

.Product-swatches-popup ul {
    list-style: none;
    margin: 0;
    max-height: 70vh;
    overflow-y: auto
}

.Product-swatches-popup-image {
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: .5px solid #653232;
    border-radius: 50%
}

.Product-swatches-popup-image-wrapper {
    position: relative;
    margin-right: .46875rem;
    width: 1.5rem;
    height: .625rem
}

.Product-swatches-popup-image-wrapper.bundle-swatch-selected {
    width: 1.1875rem
}

.Product-swatches-popup-image-wrapper.bundle-swatch-selected .Product-swatches-popup-image-selected {
    width: 1.1875rem;
    height: 1.1875rem
}

.Product-swatches-popup-image-selected {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 1.5rem
}

.Product-swatches-popup li {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .625rem 0 .625rem .75rem;
    transition: all .3s ease-in-out
}

.Product-swatches-popup li:hover,
.Product-swatches-popup li:focus-visible,
.Product-swatches-popup li[data-selected=true] {
    background-color: #fffffeb3
}

.Product-swatches-popup__group__title {
    cursor: initial !important;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: min(max(.5rem, .5555555556vw), .75rem);
    padding-left: 0 !important;
    padding-right: min(max(.5rem, .5555555556vw), .75rem);
    margin-bottom: min(max(.5rem, .5555555556vw), .75rem);
    margin-left: .625rem;
    margin-right: .625rem;
    border-bottom: 1px solid #acacac
}

.Product-swatches-popup__group__title:hover,
.Product-swatches-popup__group__title[data-selected=true] {
    background-color: transparent !important
}

.Product-swatches-popup--cart-drawer {
    bottom: 0;
    z-index: 100;
    width: 100%;
    left: 0
}

.Product-swatches-popup--product-card {
    background-color: #f3ecee
}

.Product-swatches-popup--product-card button.Button__fullWidth {
    margin-bottom: .4375rem !important
}

.Product-swatches-popup--product-card .Product-swatches-popup-background {
    background-color: #fff !important
}

.Product-swatches-popup-wrapper {
    background-color: transparent !important
}

.Product-swatches-popup-wrapper .Product-swatches-popup__content {
    background-color: #f3eceecc;
    border-radius: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    overflow: hidden
}

.Product-swatches-group {
    display: flex;
    flex-direction: column;
    gap: .3125rem
}

.Product-swatches-group:not(:last-of-type) {
    margin-bottom: .6875rem
}

.Product-swatches-group-swatches {
    display: flex
}

.Product-swatches-group__mobile__header {
    border-radius: 0 !important
}

.Product-swatches-group-header {
    font-weight: 400;
    color: #653232;
    line-height: 150%;
    margin-bottom: 0 !important
}

.Product-swatches-swatch {
    width: 1.875rem;
    min-width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    margin-right: .75rem;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    position: relative;
    border: .5px solid
}

.Product-swatches-swatch[data-size=Large] {
    width: 3.75rem;
    min-width: 3.75rem;
    height: 3.75rem
}

.Product-swatches-swatch[data-size=Large]:after {
    display: none
}

.Product-swatches-swatch__hidden {
    width: 0;
    min-width: 0;
    border: 0
}

.Product-swatches-swatch__badge {
    background-color: #653232;
    color: #fff;
    border-radius: 4.125rem;
    font-size: .4166875rem;
    font-family: Rektorat Heavy, Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    line-height: 100%;
    padding: .1875rem .354375rem .1875rem .395625rem
}

.Product-swatches-swatch__badge--circle {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.Product-swatches-swatch__badge--dropdown {
    margin-left: .375rem
}

.Product-swatches-swatch__badge--radio {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -35%)
}

.Product-swatches-swatch__selected[data-size=Large] {
    border-width: 2px
}

.Product-swatches-swatch__selected:after {
    content: "";
    position: absolute;
    width: 125%;
    height: 125%;
    left: 50%;
    border: 1px solid #653232;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.Product-shippingNote {
    margin-top: .3125rem;
    font-weight: 700
}

.Product__slide__minimal {
    background: #edecebcc;
    max-width: calc(55% - min(max(1.875rem, 2.0833333333vw), 2.8125rem));
    height: 76vh;
    border-radius: .75rem;
    transition: all .3s ease-in-out;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    overflow: hidden
}

.Product__slide__mobile {
    display: block
}

.Product__slide__desktop {
    display: none !important
}

.Product__preorder__note {
    margin-top: min(max(1rem, 1.3888888889vw), 1.5rem);
    font-size: min(max(1rem, 1.1111111111vw), 1.5rem)
}

.Product__preorder__note p {
    font-size: inherit
}

.Product__preorder__note p:last-of-type {
    margin-bottom: 0
}

.Product__preorder__note a {
    text-decoration: underline
}

.Product__upsell {
    display: flex;
    align-items: center;
    gap: min(max(.5rem, .8333333333vw), .75rem);
    justify-content: space-between
}

.Product__upsell__wrapper {
    margin-bottom: 1rem;
    padding-top: .75rem;
    border-top: 1px solid rgb(196, 196, 196)
}

.Product__upsell__header {
    position: relative;
    display: flex;
    align-items: center;
    gap: min(max(.5rem, .8333333333vw), .75rem);
    margin-bottom: .75rem
}

.Product__upsell__header__indicator {
    position: absolute;
    height: 1px;
    background-color: #653232;
    transition: all .3s ease-in-out;
    bottom: 0
}

.Product__upsell__header__toggle {
    cursor: pointer;
    font-weight: 700;
    color: #65323280;
    text-transform: uppercase;
    transition: all .3s ease-in-out
}

.Product__upsell__header__toggle__active {
    color: #653232
}

.Product__upsell__header__toggle__disabled {
    pointer-events: none
}

.Product__upsell__content {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    align-items: center;
    align-items: flex-start;
    justify-content: space-between;
    gap: min(max(.75rem, .8333333333vw), 1.125rem)
}

.Product__upsell__content .Button-hover-content {
    white-space: break-spaces
}

.Product__upsell__content .Button-hover-content b {
    white-space: nowrap
}

.Product__upsell__image {
    min-width: 5rem;
    max-width: 5rem;
    height: 5rem;
    max-height: 5rem
}

.Product__upsell__image img {
    height: 100%
}

.Product__upsell__info__title {
    text-transform: uppercase
}

.Product__upsell__info__description {
    font-size: min(max(1rem, 1.1111111111vw), 1.5rem)
}

.Product__upsell__info * {
    margin-bottom: 0
}

.Product__upsell__info .Product-swatches-container {
    border: 0;
    padding-top: 0
}

.Product__upsell .Button-container {
    margin-top: 0 !important;
    position: relative;
    z-index: 0
}

.afterpay-paragraph,
afterpay-placement {
    text-align: left !important;
    font-size: .875rem !important;
    line-height: 150%
}

.BackToStock {
    position: fixed;
    z-index: 9999;
    width: calc(100% - 2rem);
    left: 50%;
    top: 50%;
    justify-content: center;
    flex-flow: column;
    max-width: 20rem;
    transform: translate(-50%, -50%);
    background: #f3ecee;
    height: auto;
    padding: 1rem;
    border-radius: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all cubic-bezier(.755, .05, .855, .06);
    display: flex;
    flex-direction: row;
    gap: 1.5rem
}

.BackToStock--left {
    width: 50%;
    overflow: hidden;
    border-radius: 16px
}

.BackToStock--left .Image {
    border-radius: 16px
}

.BackToStock--right {
    padding-top: 2rem;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.BackToStock--right .Product-card-options-toggle {
    z-index: 2;
    top: 1rem
}

.BackToStock--right .u-pSize__Small {
    margin-bottom: 1.5rem
}

.BackToStock.opened {
    opacity: 1;
    visibility: visible
}

.BackToStock-success {
    margin-top: 1rem
}

.BackToStock .Input {
    border: 1px solid;
    border-radius: 12px
}

.BackToStock .Button-container {
    width: 100%
}

.BackToStock-overlay {
    cursor: pointer;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #ffffffb8;
    left: 0;
    top: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0
}

.BackToStock-overlay.opened {
    opacity: 1;
    visibility: visible
}

.BackToStock .Input {
    background-color: transparent
}

.BackToStock .Product-card-options-toggle span {
    transform: translate(-50%, -50%) rotate(45deg)
}

.BackToStock .Product-card-options-toggle span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(135deg)
}

.BackToStock .pp-message {
    margin-top: 1rem;
    font-size: .75rem;
    text-align: left
}

.BackToStock .pp-message a {
    font-size: .75rem
}

.BackToStock .BackToStock-error {
    color: #c63939;
    margin-top: 0;
    font-size: .75rem;
    margin-bottom: 1rem
}

.BackToStock label.Checkbox--Round__label {
    display: inline-block !important;
    width: 100%
}

.BackToStock label.Checkbox--Round__label:before {
    display: inline-block
}

.BackToStock .Checkbox__text {
    display: inline-block;
    width: 15rem;
    margin-left: 3%
}

.BackToStock .BackToStock-success {
    margin: 0;
    text-align: left;
    font-weight: 700
}

.BackToStock .Checkbox--Round {
    text-align: left
}

.Product__new .Product-main-card {
    padding-top: 2rem
}

.Product__new .Product-slider-thumbnails {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: .875rem;
    width: auto
}

.Product__new .Product-slider-thumbnails .swiper {
    max-height: min(max(11.25rem, 12.5vw), 16.875rem)
}

.Product__new .Product-slider-thumbnails .Product-slider-thumbnails__arrow {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.875rem;
    background: #edeceb80;
    width: min(max(1.375rem, 1.5277777778vw), 2.0625rem);
    height: min(max(1.375rem, 1.5277777778vw), 2.0625rem)
}

.Product__new .Product-slider-thumbnails .Product-slider-thumbnails .swiper-slide {
    width: max(3.75rem, 2.8vw);
    height: max(3.25rem, 2.1vw) !important
}

.Product__new .Product-slider-thumbnails .swiper-button-disabled {
    opacity: 0
}

.Product-sticky-bar[data-bundle=true] .Button-container {
    display: flex
}

.Product-main-card[data-bundle=true] .Button-hover-content {
    white-space: break-spaces
}

[data-active-customiser=true] .Product-main-card {
    overflow: hidden !important
}

[data-active-customiser=true] .BundleBuilder {
    opacity: 1;
    visibility: visible
}

.BundleBuilder__wrapper {
    display: flex;
    flex-flow: column;
    height: 100%
}

.BundleBuilder .Button {
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.BundleBuilder__price {
    font-size: min(max(1rem, 1.1111111111vw), 1.5rem);
    font-weight: 700
}

.BundleBuilder__3d__mobile__carousel {
    width: 100%;
    height: auto
}

.BundleBuilder__3d__mobile__carousel .swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important;
    visibility: hidden
}

.BundleBuilder__3d__mobile__carousel .BundleBuilder__3d__mobile__model {
    width: 100%;
    aspect-ratio: 1
}

.BundleBuilder__3d__mobile__carousel .BundleBuilder__3d__mobile__model model-viewer {
    width: 100%;
    height: 100%
}

.BundleBuilder__customizeTrigger {
    cursor: pointer;
    background: #fff;
    border-radius: 40px;
    background: #65323299;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 18px;
    font-weight: 800;
    color: #fff;
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    font-size: min(max(.875rem, 1.1111111111vw), 1.3125rem);
    position: absolute;
    top: min(max(1.25rem, 1.3888888889vw), 1.875rem);
    right: min(max(1.5rem, 1.6666666667vw), 2.25rem)
}

.BundleBuilder__customizeTrigger:hover {
    background: #65323299
}

.BundleBuilder__customizeTrigger svg {
    margin-bottom: -6px
}

.BundleBuilder__swiper {
    overflow-y: auto
}

.BundleBuilder__section+.BundleBuilder__section {
    margin-top: min(max(.875rem, .9722222222vw), 1.3125rem);
    padding-top: min(max(.875rem, .9722222222vw), 1.3125rem);
    border-top: 1px solid
}

.BundleBuilder__section__content {
    padding-top: .125rem;
    height: auto !important
}

.BundleBuilder__section__content__wrapper {
    max-height: 0;
    overflow: hidden;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.BundleBuilder__section__toggle {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    background-color: #653232;
    width: min(max(1.125rem, 1.25vw), 1.6875rem);
    height: min(max(1.125rem, 1.25vw), 1.6875rem);
    border-radius: 50%
}

.BundleBuilder__section__toggle span {
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    width: .75rem;
    height: .125rem;
    background-color: #fff
}

.BundleBuilder__section__toggle span:nth-child(1) {
    transform: translate(-50%, -50%)
}

.BundleBuilder__section__toggle span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(90deg)
}

.BundleBuilder__section__toggle__active span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(180deg)
}

.BundleBuilder__section__toggle__active span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(360deg)
}

.BundleBuilder__section__header {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.BundleBuilder__section__title {
    font-size: min(max(1rem, 1.1111111111vw), 1.5rem);
    margin-bottom: 0
}

.BundleBuilder__button {
    cursor: pointer;
    white-space: nowrap;
    line-height: 150%;
    border-radius: 40px;
    font-size: min(max(.875rem, .9722222222vw), 1.3125rem);
    min-width: min(max(5.625rem, 8.6805555556vw), 8.4375rem);
    padding: min(max(.5rem, .5555555556vw), .75rem) min(max(1.125rem, 1.25vw), 1.6875rem);
    border: 1px solid #6d6e70;
    color: #6d6e70;
    background-color: transparent;
    transition: all .3s
}

.BundleBuilder__button:hover,
.BundleBuilder__button:focus,
.BundleBuilder__button.active {
    background-color: #fff
}

.BundleBuilder__button__soldOut {
    color: #6d6e7080
}

.BundleBuilder__sizes {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: .5rem
}

.BundleBuilder__groups {
    display: flex;
    align-items: center;
    gap: min(max(.5rem, .5555555556vw), .75rem)
}

.BundleBuilder__swatches {
    display: flex;
    align-items: center;
    gap: .625rem;
    margin-top: min(max(.875rem, .9722222222vw), 1.3125rem);
    margin-bottom: min(max(.5rem, .5555555556vw), .75rem)
}

.BundleBuilder__swatch {
    position: relative;
    cursor: pointer;
    width: min(max(2rem, 2.2222222222vw), 3rem);
    min-width: min(max(2rem, 2.2222222222vw), 3rem);
    height: min(max(2rem, 2.2222222222vw), 3rem);
    padding: min(max(.25rem, .2777777778vw), .375rem);
    border: 1px solid transparent;
    border-radius: 50%;
    transition: all .3s ease-in-out
}

.BundleBuilder__swatch__soldOut {
    position: absolute;
    width: min(max(1.375rem, 1.5277777778vw), 2.0625rem);
    height: 1px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg)
}

.BundleBuilder__swatch img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.BundleBuilder__swatch div {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.BundleBuilder__swatch__selected {
    border-color: #653232
}

.BundleBuilder__models__slider {
    background: #f3ecee;
    opacity: 0;
    visibility: hidden;
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.BundleBuilder__models__slider model-viewer {
    width: 100%;
    height: 100%;
    background: #f3ecee
}

.BundleBuilder__models__slider .swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important
}

.js-bundle-builder-close {
    display: none !important
}

.Product-slider {
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

[data-active-customiser=true] .Product-main-card {
    right: 0
}

[data-active-customiser=true] .BundleBuilder__models__slider {
    opacity: 1;
    visibility: visible
}

[data-active-customiser=true] .Product-sticky-bar {
    transform: translateY(120%) !important
}

model-viewer {
    --poster-color: transparent !important
}

.ProductGallery {
    margin: 0 0 1.953125rem
}

.ProductGallery-images {
    position: relative
}

.ProductGallery-imageCarouselPlaceholder {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0 0 80%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.ProductGallery-image {
    position: relative
}

.ProductGallery-imageLink {
    display: block
}

.ProductGallery-imageLink:focus {
    outline: none
}

.ProductGallery-imagePlaceholder {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0 0 80%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.ProductRadioButtons {
    padding-top: 1.25rem;
    border-top: 1px solid #acacac
}

.ProductRadioButtons-group {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.ProductRadioButtons-groupItems {
    display: flex;
    flex-direction: row;
    gap: max(.5rem, .9027777778vw)
}

.ProductRadioButtons-groupLegend {
    color: #6d6e70;
    font-size: .875rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .28px
}

.ProductRadioButtons-groupTitle {
    margin: 0 0 .5em;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase
}

.ProductRadioButtons-groupTitle--focused {
    text-decoration: underline
}

.ProductRadioButtons-item {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    width: 100%
}

.ProductRadioButtons-group .ProductRadioButtons-item:last-child {
    margin-right: 0
}

.ProductRadioButtons-item:focus-visible {
    outline: none
}

.ProductRadioButtons-item:focus-visible .ProductRadioButtons-itemLabel {
    outline: solid 3px Highlight;
    outline: solid 3px -webkit-focus-ring-color
}

.ProductRadioButtons-itemRadio {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.ProductRadioButtons-itemLabel {
    position: relative;
    text-align: center;
    color: #6d6e70;
    cursor: pointer;
    border-radius: 2.5rem;
    border: .0625rem solid #6d6e70;
    background-color: transparent;
    height: 2.875rem;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 !important;
    font-size: .875rem !important;
    font-weight: 700 !important;
    line-height: 120% !important;
    letter-spacing: -.28px !important;
    text-transform: lowercase
}

.ProductRadioButtons-itemLabel--disabled {
    color: #bfbebe;
    cursor: default
}

.ProductRadioButtons-itemLabel--checked {
    background-color: #fff
}

.ProductRadioButtons-itemDescription {
    color: #6d6e70 !important;
    font-size: .75rem !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    letter-spacing: .24px !important;
    margin: 0 !important;
    display: none
}

.ProductDropdowns-group {
    max-width: 18.75rem
}

.ProductDropdowns-groupTitle {
    margin: 0 0 .5em;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase
}

.ProductDropdowns-dropdown:focus {
    outline: none;
    border-color: #a3a3a3
}

.Product-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    max-height: 95vh;
    min-height: 27.5rem;
    outline: none;
    z-index: unset
}

.Product-card .okeReviews {
    background-color: transparent !important
}

.Product-card>a>div {
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Product-card-alt {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.Product-card-initial {
    height: 100%
}

.Product-card-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 1rem .75rem;
    z-index: 2;
    text-decoration: none !important;
    pointer-events: none
}

.Product-card-content-alt .Product-card-cta {
    display: block
}

.Product-card-content-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    gap: .6rem
}

.Product-card-content-title-wrapper h2 {
    opacity: .99
}

.Product-card-content-badges {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .5625rem;
    height: 100%
}

.Product-card-details {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    justify-content: space-between;
    z-index: 10;
    pointer-events: all
}

.Product-card-details>div {
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Product-card-details__small {
    display: none
}

.Product-card-title {
    justify-content: space-between;
    display: flex;
    text-transform: uppercase
}

.Product-card-cta {
    margin-top: 1rem;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Product-card-cta__small {
    display: none
}

.Product-card-options {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #ffffffe6;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 20px 20px 12px 12px;
    height: auto;
    color: #653232;
    left: 0;
    padding: 2rem 1rem 1rem;
    z-index: 2;
    transition: all .7s;
    transform: translateY(120%);
    visibility: hidden
}

.Product-card-options-toggle {
    position: absolute;
    right: 1rem;
    top: 2rem;
    cursor: pointer;
    border-radius: 50%;
    background: #653232;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 1;
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    min-width: 1.5rem;
    margin-left: 1rem
}

.Product-card-options-toggle span {
    width: 55%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Product-card-options__active {
    transform: translateY(0);
    visibility: visible
}

.Product-card-options .Button-container {
    margin-top: 1.75rem
}

.Product-card-options .Button-container button {
    padding-left: 0;
    padding-right: 0
}

.Product-card .Product-card-option-header {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    margin-right: 2.1875rem
}

.Product-card .Product-card-option-image {
    width: 100%;
    max-width: max(75px, 25%);
    border-radius: 12px;
    margin-right: 1rem
}

.Product-card .Product-card-option-link {
    padding: .75rem 0 .55rem;
    margin-bottom: .75rem;
    border-bottom: 1px solid rgba(103, 100, 94, .2)
}

.Product-card .Product-card-option-link.no-border {
    border-bottom: none
}

.Product-card .Product-card-option-variants {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: .5rem
}

.Product-card .Product-card-option-variant {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    background-size: cover;
    background-position: center;
    border: .5px solid
}

.Product-card .Product-card-option-variant[data-size=Large] {
    width: 3.75rem;
    min-width: 3.75rem;
    height: 3.75rem
}

.Product-card .Product-card-option-variant[data-size=Large]:after {
    display: none
}

.Product-card .Product-card-option-variant__selected[data-size=Large] {
    border-width: 2px
}

.Product-card .Product-card-option-variant__selected:after {
    content: "";
    position: absolute;
    width: 125%;
    height: 125%;
    left: 50%;
    border: 1px solid #653232;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.Product-card-price__range {
    white-space: nowrap;
    margin-left: .3125rem
}

.Product-card__noStack {
    z-index: unset
}

.Product-card .Product-card-with-variants-select {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(103, 100, 94, .2);
    cursor: pointer;
    width: 100%
}

.Product-card .Product-card-with-variants-label {
    width: 100%;
    display: flex;
    align-items: center
}

.Badge {
    position: relative;
    width: max(3rem, 3vw);
    height: max(3rem, 3vw);
    bottom: 0
}

.Badge svg {
    width: max(4rem, 4vw);
    height: auto
}

.Badge img {
    object-fit: contain !important;
    object-position: bottom
}

.ContentBadge {
    position: relative;
    margin: calc(clamp(1.3125rem, 2.7083333333vw, 2.4375rem) - clamp(1rem, 1.9444444444vw, 1.75rem)) calc(clamp(1rem, 1.4583333333vw, 1.3125rem) - clamp(.75rem, 1.9444444444vw, 1.75rem)) auto auto;
    text-align: center;
    border-radius: .625rem;
    font-size: clamp(.625rem, .7638888889vw, .8125rem);
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.14px;
    text-transform: lowercase;
    padding: .25rem .5rem;
    display: inline-block;
    width: max-content
}

.Grid {
    text-align: center
}

.Grid--alignLeft {
    text-align: left
}

.Grid--alignRight {
    text-align: right
}

.Grid-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    min-width: 12.5rem;
    max-width: 20rem;
    padding: .5rem .5rem 1.953125rem
}

.Grid--itemsPerRow-small-1 .Grid-item {
    width: 100%
}

.Grid--itemsPerRow-small-2 .Grid-item {
    width: 50%
}

.Grid--itemsPerRow-small-3 .Grid-item {
    width: 33.3333333333%
}

.Grid--itemsPerRow-small-4 .Grid-item {
    width: 25%
}

.Grid--itemsPerRow-small-5 .Grid-item {
    width: 20%
}

.Grid--itemsPerRow-small-6 .Grid-item {
    width: 16.6666666667%
}

.GridItem {
    position: relative;
    max-width: 30rem;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    border: .125rem solid transparent;
    border-radius: .25em;
    transition: border-color .25s ease-in-out
}

.GridItem:hover,
.GridItem:focus {
    border-color: #f3ecee
}

.GridItem-link {
    display: block;
    position: relative;
    color: #653232
}

.GridItem-link:hover,
.GridItem-link:focus {
    color: #653232
}

.GridItem-imageContainer {
    position: relative;
    margin: 1.25rem 0;
    padding: 0 1.25rem
}

.GridItem-imagePlaceholder.has-secondImage.lazyloaded {
    transition-delay: 0ms
}

.GridItem:hover .GridItem-imagePlaceholder.has-secondImage {
    opacity: 0
}

.GridItem-secondImagePlaceholder {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0
}

.GridItem-secondImagePlaceholder.lazyloaded {
    opacity: 0;
    transition-delay: 0ms
}

.GridItem:hover .GridItem-secondImagePlaceholder {
    opacity: 1
}

.GridItem-details {
    margin: 1.25rem 0;
    padding: 0 1.25rem;
    text-align: center
}

.GridItem-title {
    margin: 0 0 .5em;
    padding: 0;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.GridItem-title:only-child {
    margin: 0
}

.GridItem-titleLink {
    color: #653232
}

.GridItem-titleLink:hover,
.GridItem-titleLink:focus {
    color: #653232
}

.GridItem-price {
    font-weight: 700
}

.GridItem-price>del {
    color: #a3a3a3
}

.GridItem-productsCount {
    font-size: .8125rem
}

.GridItem-thumbs {
    display: block;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: visibility 0s ease-in-out .4s, opacity .4s ease-in-out
}

.GridItem-thumbs:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .95
}

.GridItem:hover .GridItem-thumbs {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s, 0s, 0s
}

.GridItem-thumb {
    display: inline-block;
    position: relative;
    z-index: 5;
    vertical-align: middle;
    width: 25%;
    padding: .625rem
}

.GridItem-badge {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 1;
    width: 2rem
}

.GridItem-badge.is-sale svg {
    fill: #e81818
}

.SocialSharing {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 1.25rem 0
}

.SocialSharing-title {
    flex: 0 0 auto;
    margin: .5em;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25
}

.SocialSharing-items {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.SocialSharing-item {
    margin: .125rem;
    padding: 0
}

.SocialSharing-link {
    display: block;
    width: 2.5rem;
    padding: .75rem;
    background-color: #f3ecee;
    transition: background-color .2s ease-in-out
}

.SocialSharing-link:hover,
.SocialSharing-link:focus {
    background-color: #dddedc
}

.SocialSharing-link svg {
    fill: #653232
}

.Collection>*+* {
    margin-top: 1rem
}

.Page-content {
    position: relative;
    max-width: 40rem;
    margin: 0 auto;
    text-align: left
}

.ContactPage {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.ContactPage-title {
    font-family: Rektorat Heavy, Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 2rem
}

.ContactPage-header {
    max-width: 37.5rem;
    width: 100%;
    margin: auto;
    text-align: center;
    padding-bottom: 1.25rem
}

.ContactPage-form {
    max-width: 37.5rem;
    width: 100%;
    margin: auto
}

.ContactPage-note p {
    font-size: .75rem
}

.ContactForm-field,
.ContactForm-field:hover,
.ContactForm-field:focus,
.ContactForm-field:active {
    border: .0625rem solid #653232;
    height: 3.75rem;
    border-radius: .75rem;
    padding: 1.125rem 1.25rem;
    font-family: Swiss, Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 1rem;
    line-height: 1.15rem;
    box-sizing: border-box
}

.ContactForm-textarea,
.ContactForm-textarea:hover,
.ContactForm-textarea:focus,
.ContactForm-textarea:active {
    border: .0625rem solid #653232;
    border-radius: .75rem;
    padding: 1.125rem 1.25rem;
    font-family: Swiss, Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 1rem;
    line-height: 1.15rem;
    box-sizing: border-box
}

.Cart {
    background-color: #f3ecee;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden;
    padding: calc(34px + .5vw + 2rem) 0 0;
    min-height: 60vh
}

.Cart .CartDrawer-close {
    display: none
}

.Cart .CartDrawer {
    height: auto
}

.Cart-progressWrap {
    background: transparent;
    margin: 0 auto max(.5rem, .5vw);
    border: 1px #ffffff solid;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.Cart-progressBar {
    background-color: #fff;
    height: 10px;
    margin-bottom: max(.5rem, .5vw)
}

.Cart-title {
    font-weight: 400;
    font-size: 1.375rem
}

.Cart-side-content {
    background: #84827e;
    border-radius: 12px;
    padding: 1.25rem
}

.Cart-items {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.Cart-totalWrapper {
    padding: 1.953125rem 0 0;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    text-align: center
}

.Cart-totalTitle {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem 0 0;
    font-weight: 700;
    text-transform: uppercase
}

.Cart-totalPrice {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5625rem
}

.Cart-shippingAtCheckout {
    margin: 1em 0 0;
    font-size: .875rem;
    font-style: italic;
    text-align: center
}

.Cart-checkoutWrapper {
    padding: 1.953125rem 0 0;
    text-align: center
}

.Cart-checkoutButton {
    width: 100%;
    max-width: 17.5rem;
    margin: 0
}

.Cart-extraCheckoutButtons {
    margin: 1.25rem 0 0;
    text-align: center
}

.Cart-upsell-title {
    font-size: max(1.35rem, 1.35vw);
    text-align: center;
    margin-bottom: max(.5rem, .5vw)
}

.Cart-upsell-title p {
    font-size: inherit
}

.Cart-selectableGWP-container {
    margin-bottom: 1.1rem;
    background: #fff;
    overflow: hidden;
    border-radius: 1.5rem
}

.Cart-selectableGWP-buttons {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    z-index: 0
}

.Cart-selectableGWP-image {
    flex-shrink: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important
}

.Cart-selectableGWP-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.Cart-selectableGWP-selector {
    padding: 0 !important;
    border-top: none !important
}

.Cart-selectableGWP-moreDetails {
    cursor: pointer;
    text-decoration: underline;
    white-space: nowrap;
    color: #6d6e70;
    font-size: .875rem;
    text-transform: lowercase;
    line-height: 150%
}

.Cart-selectableGWP-closeDetails {
    cursor: pointer;
    position: absolute;
    inset: clamp(.875rem, 1.1111111111vw, 1rem) clamp(.625rem, 1.1111111111vw, 1rem) auto auto
}

.Cart-selectableGWP-product__title {
    font-size: .875rem;
    font-weight: 700;
    line-height: 120%;
    color: #653232;
    text-transform: uppercase;
    margin: 0;
    white-space: nowrap
}

.Cart-selectableGWP-info {
    padding: 0 .25rem;
    flex-grow: 1;
    line-height: 1.5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.Cart-selectableGWP-info__content {
    display: flex;
    flex-flow: column;
    gap: clamp(.1875rem, .3472222222vw, .3125rem)
}

.Cart-selectableGWP-title {
    font-size: max(1.35rem, 1.35vw);
    text-align: center;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.Cart-selectableGWP-title p {
    font-size: inherit;
    line-height: 120%
}

.Cart-selectableGWP-title.collapsed-title {
    margin-bottom: .5rem
}

.Cart-selectableGWP-item {
    display: flex;
    gap: max(1.4vw, 20px);
    padding: max(.5rem, .5vw) !important;
    margin-bottom: 0
}

.Cart-selectableGWP-collapsed {
    height: auto;
    opacity: 1
}

.Cart-selectableGWP-collapsed.isExpanded {
    height: 0;
    opacity: 0
}

.Cart-selectableGWP-expanded {
    border-radius: 24px;
    background: #fff;
    overflow: hidden;
    height: 0;
    position: relative;
    opacity: 0
}

.Cart-selectableGWP-expanded.isExpanded {
    height: auto;
    opacity: 1;
    margin-bottom: 1.1rem
}

.Cart-selectableGWP-expanded-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 85%;
    margin: 0 auto
}

.Cart-selectableGWP-expanded-wrapper {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: 1.3125rem 2.25rem
}

.Cart-selectableGWP-expanded-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center
}

.Cart-selectableGWP-expanded-text {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    max-height: 30svh;
    overflow-y: scroll
}

.Cart-selectableGWP-expanded-title {
    font-size: .8125rem;
    font-weight: 700;
    line-height: 120%;
    color: #653232;
    text-transform: uppercase;
    margin: 0
}

.Cart-selectableGWP-expanded-description {
    font-size: .75rem;
    color: #653232;
    line-height: 120%
}

.Cart-selectableGWP-expanded-description p,
.Cart-selectableGWP-expanded-description a {
    font-size: inherit
}

.Cart-selectableGWP-expanded-description a {
    text-decoration: underline
}

.Upsell__info {
    padding: 0 .25rem;
    flex-grow: 1;
    margin: 0 0 1rem;
    line-height: 1.5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.Upsell__info__content {
    display: flex;
    flex-flow: column
}

.Upsell__info__content .Product-swatches-container {
    padding-top: 0 !important;
    border-top: 0 !important
}

.Upsell__info__selector {
    margin-bottom: .5rem
}

.Upsell__info .CartItem-section.is-price {
    position: relative;
    z-index: 0
}

.CartItem {
    display: flex;
    overflow: hidden;
    margin: 0 auto;
    padding: max(1rem, 1vw) 0 max(.5rem, .5vw);
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    text-align: left
}

.Cart-items .CartItem {
    display: inline-block;
    vertical-align: bottom;
    max-width: 17.5rem;
    margin: .5rem;
    padding: 1.25rem
}

.CartDrawer-items .CartItem {
    border-top: .0625rem dotted #dddedc
}

.CartDrawer-items .CartItem:last-child {
    border-bottom: .0625rem dotted #dddedc
}

.CartItem-variantImage {
    width: 100%;
    height: auto;
    object-fit: cover
}

.CartItem-section {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    padding: 0 .25rem
}

.CartItem-section.is-image {
    width: max(5.625rem, 6vw);
    margin: 0 0 1rem
}

.CartItem-section.is-image .CartItem-imageLink {
    display: block;
    width: inherit
}

.CartItem-section.is-info {
    flex-grow: 1;
    margin: 0 0 1rem;
    line-height: 1.5;
    padding-left: max(1rem, 1vw);
    display: flex;
    flex-flow: column;
    justify-content: center
}

.CartItem-section.is-free-gift {
    justify-content: space-evenly
}

.CartItem-section.is-qty {
    text-align: left;
    min-width: 6.25rem
}

.CartItem-imageLink {
    display: block
}

.CartItem-title {
    display: block;
    font-size: .875rem;
    font-weight: 700;
    color: #653232
}

.CartItem-title:hover,
.CartItem-title:focus {
    color: #653232
}

.CartItem-variantTitle {
    font-size: .875rem
}

.CartItem-variantTitle-line {
    display: block
}

.CartItem-price {
    font-size: .875rem;
    font-weight: 700
}

.CartItem-price.is-upsell-btn {
    background: #653232;
    border-radius: 40px;
    color: #fff;
    padding: 1.25rem 7px;
    text-transform: uppercase;
    white-space: nowrap;
    min-width: 125px;
    font-size: 16px
}

.CartItem-price.is-upsell-btn:hover {
    cursor: pointer
}

.CartItem-properties {
    font-size: .8125rem
}

.CartItem-propertyTitle {
    margin: .5em 0 0
}

.CartWhiteSection {
    padding: max(1rem, 1.5vw);
    z-index: 0
}

.CartWhiteSection-inner {
    position: relative;
    z-index: 9999;
    transition: opacity .25s .05s linear
}

.CartDrawer-items,
.CartDrawer-items *,
.CartDrawer-container,
.CartDrawer-container * {
    z-index: unset
}

.Offcanvas-content {
    background-color: #fff
}

.Offcanvas-content #js-cart-drawer,
.Offcanvas-content .CartDrawer,
.Offcanvas-content [data-snippet-name=cart-drawer] {
    height: 100%
}

.CartDrawer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    height: 100vh;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
    background: #f3ecee
}

.CartDrawer-container {
    padding: 1rem;
    text-align: center;
    position: relative
}

.CartDrawer-container .CartDrawer-close {
    position: absolute;
    top: max(1rem, 1.5vw);
    right: max(1rem, 1.5vw);
    height: max(1rem, 1.5vw);
    width: max(1rem, 1.5vw);
    cursor: pointer
}

.CartDrawer-container .CartDrawer-close:after,
.CartDrawer-container .CartDrawer-close:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    height: 2px;
    background-color: #84827e;
    left: 0;
    top: 50%
}

.CartDrawer-container .CartDrawer-close:after {
    transform: rotate(45deg)
}

.CartDrawer-container .CartDrawer-close:before {
    transform: rotate(315deg)
}

.CartDrawer-freeItemRemovedMessage {
    text-align: center;
    font-size: .85rem;
    color: #c63931;
    padding: 0 1rem
}

.CartDrawer-title {
    margin: 0 0 1.25rem;
    font-size: 1.25rem;
    text-align: center;
    padding: 1.25rem
}

.CartDrawer-titleLink {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 0
}

.CartDrawer-summary {
    position: relative;
    z-index: 999;
    width: 100%
}

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

.CartDrawer-shippingLabel {
    font-size: .75rem;
    margin-bottom: .3125rem;
    justify-content: center;
    gap: 0 .3125rem;
    flex-wrap: wrap;
    display: flex
}

.CartDrawer-shippingLabel p,
.CartDrawer-shippingLabel span,
.CartDrawer-shippingLabel strong {
    font-size: .75rem
}

.CartDrawer-subtotalLabel {
    text-transform: lowercase;
    font-size: max(1rem, 1.3vw)
}

.CartDrawer-subtotal {
    font-size: max(1rem, 1.3vw);
    font-weight: 700
}

.CartDrawer-shippingAtCheckout {
    font-size: max(.775rem, .775vw);
    margin-bottom: .75rem;
    margin-top: .5rem
}

.CartDrawer-checkoutButton {
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    border-radius: 40px;
    background: gray;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 12px
}

.CartDrawer-error {
    margin: 0;
    padding: 1em 0;
    font-size: .875rem;
    font-weight: 700;
    text-align: center;
    color: #d50430
}

.CartDrawer-error:empty {
    display: none
}

.CartDrawer-items {
    flex-grow: 1;
    margin: 0;
    padding: 0 1rem 1rem;
    list-style: none;
    overflow: auto
}

.CartDrawer-items .js-cart-drawer-qty {
    cursor: pointer
}

.CartDrawer-items .o-qtyControls-indicator {
    height: auto
}

.CartDrawer .Cart-upsell-title p {
    position: relative;
    max-width: calc(100% - 80px);
    margin: 0 auto;
    text-align: center
}

.CartDrawer-upsell-container {
    margin-bottom: 1.1rem;
    background: #fff;
    border-radius: 1.5rem
}

.CartDrawer-upsell-container .CartItem {
    display: flex;
    gap: max(1.4vw, 20px);
    padding: max(.5rem, .5vw);
    margin-bottom: 0
}

.CartDrawer-upsell-container .CartItem>div {
    margin-bottom: 0
}

.CartDrawer-upsell-container .CartItem-title {
    max-width: 18.75rem
}

.CartDrawer-upsell-container .CartItem-subtitle {
    display: none
}

.CartDrawer-upsell-container .CartItem-learnMore {
    text-decoration: underline;
    margin-bottom: 0;
    cursor: pointer
}

.CartDrawer-upsell-container .CartItem-close,
.CartDrawer-upsell-container .Cart-upsell-title {
    display: none
}

.CartDrawer-upsell-container .CartItem-section,
.CartDrawer-upsell-container .CartItem-section.is-image {
    padding: 0
}

.CartDrawer-upsell-container.expanded {
    position: absolute;
    padding-top: 1rem;
    bottom: -15px;
    z-index: 2;
    width: 100%
}

.CartDrawer-upsell-container.expanded .CartItem {
    gap: max(2.8vw, 20px)
}

.CartDrawer-upsell-container.expanded .Cart-upsell-title {
    display: block;
    text-align: center
}

.CartDrawer-upsell-container.expanded .CartItem-close {
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    width: 30px;
    height: 20px;
    cursor: pointer
}

.CartDrawer-upsell-container.expanded .CartItem-close:before,
.CartDrawer-upsell-container.expanded .CartItem-close:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    height: 2px;
    background-color: #84827e;
    left: 0;
    top: 50%
}

.CartDrawer-upsell-container.expanded .CartItem-close:before {
    transform: rotate(315deg)
}

.CartDrawer-upsell-container.expanded .CartItem-close:after {
    transform: rotate(45deg)
}

.CartDrawer-upsell-container.expanded .CartItem {
    padding-top: 0
}

.CartDrawer-upsell-container.expanded .CartItem-subtitle {
    display: block;
    font-size: calc(.65rem + .2vw);
    line-height: 1.0625rem;
    width: 80%
}

.CartDrawer-upsell-container.expanded .CartItem-subtitle * {
    font-size: calc(.65rem + .2vw);
    line-height: 1.0625rem
}

.CartDrawer-upsell-container.expanded .CartItem-learnMore {
    display: none
}

.CartDrawer-upsell-container.expanded .CartItem-section.is-image {
    width: max(17.625rem, 5vw);
    margin: .5rem 0 .5rem .5rem
}

.CartDrawer-upsell-container.expanded .CartItem-title-container {
    flex-direction: column;
    align-items: start
}

.CartDrawer-upsell-container.expanded .CartItem-section.is-price {
    padding-left: 0
}

.CartDrawer-upsell-container.expanded .CartItem-section.is-info {
    justify-content: start;
    margin-top: 5px
}

.CartItem-imagePlaceholder {
    padding-bottom: 125%;
    background-size: cover;
    border-radius: 12px;
    overflow: hidden;
    width: inherit
}

.CartItem-variantGrid {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    max-height: 7.9375rem
}

.CartItem-variantGrid[data-bundle-size="3"],
.CartItem-variantGrid[data-bundle-size="6"] {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.CartItem-variantGrid[data-bundle-size="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 clamp(.625rem, .6944444444vw, 1.25rem)
}

.CartItem-variantGrid[data-bundle-size="1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.CartItem-variantGrid>* {
    min-height: 0;
    min-width: 0
}

.CartItem-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.CartItem-title-container>* {
    margin: .25rem 0
}

.CartItem-title {
    max-width: 80%;
    margin-bottom: 0
}

.CartItem-error-message {
    color: #c63931;
    margin-top: .5rem
}

.CartItem-customBundle {
    display: grid;
    grid-template-columns: min-content 1fr
}

.CartItem-section.is-image {
    width: max(4.1rem, 6vw)
}

.CartItem-customBundle-details {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
    margin: 0 0 0 1rem !important;
    grid-column: span 2
}

.CartItem-customBundle-details.expanded {
    max-height: 8.4375rem
}

.CartItem-customBundle-detailsTrigger {
    margin-top: calc(max(.5rem, .5vw) + 12px);
    cursor: pointer;
    text-decoration: underline;
    white-space: nowrap;
    color: #6d6e70;
    font-size: .875rem
}

.CartItem-customBundle-detailsItem {
    color: #6d6e70;
    font-size: min(max(.625rem, .8333333333vw), .9375rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.2px;
    padding: 0 .125rem;
    text-transform: uppercase
}

.CartItem-customBundle-qtyRow {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.CartItem-customBundle-qtyCol {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.CartItem-customBundle-break {
    flex-basis: 100%;
    width: 0
}

.o-qtyControls {
    border-radius: 40px;
    border: 1px solid;
    margin-top: max(.5rem, .5vw)
}

.o-qtyControls>div,
.o-qtyControls>button {
    border: none
}

.o-qtyControls-button[data-action=minus] {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px
}

.o-qtyControls-button[data-action=plus] {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px
}

.o-qtyControls-button:disabled {
    opacity: .6;
    cursor: default
}

.o-qtyControls-button svg {
    background: #84827e;
    fill: #fff;
    border-radius: 50%
}

.o-qtyControls-button:hover svg,
.o-qtyControls-button:focus svg {
    fill: #fff
}

.progress {
    width: 100%;
    height: 10px;
    margin-bottom: max(.5rem, .5vw)
}

.CartDrawer-progressWrap {
    background: transparent;
    margin: 0 auto max(.5rem, .5vw);
    border: 1px rgb(132, 130, 126) solid;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.CartDrawer-progressWrap .progress-bar {
    background: #ddd;
    border: 1px rgb(132, 130, 126);
    left: 0;
    position: absolute;
    top: 0
}

.CartDrawer-progressBar {
    background-color: #84827e
}

.CartTitlle {
    text-align: center
}

.CartGiftWrap-add {
    display: flex;
    gap: .625rem;
    align-items: center;
    height: 3.5625rem;
    width: 100%;
    padding: .5rem;
    border-radius: .75rem;
    border: 1px solid #c4c4c4;
    margin: .75rem 0;
    background-color: #f3ecee;
    color: #653232
}

.CartGiftWrap-add__cartPage {
    height: unset
}

.CartGiftWrap-add__cartPage .CartGiftWrap-buttonWrapper {
    width: -moz-fit-content !important;
    width: fit-content !important
}

.CartGiftWrap-section {
    width: 2.5625rem
}

.CartGiftWrap-imagePlaceholder {
    padding-bottom: 100%;
    background-size: cover;
    border-radius: .25rem;
    overflow: hidden;
    width: inherit
}

.CartGiftWrap-content {
    flex: 1 0
}

.CartGiftWrap-content p {
    margin: 0
}

.CartGiftWrap-threshold {
    font-size: .75rem;
    line-height: 120%
}

.CartGiftWrap-productTitle {
    font-size: .875rem;
    font-weight: 700;
    line-height: 120%
}

.CartGiftWrap-buttonWrapper {
    height: 1.9375rem;
    display: flex;
    align-items: center
}

.CartGiftWrap-drawer {
    background-color: #fff;
    padding: 1rem;
    position: fixed;
    width: 100%;
    height: 100dvh;
    right: 0;
    top: 0;
    transform: translate(100%);
    transition: all .3s ease;
    z-index: 9
}

.CartGiftWrap-drawer__cartPage {
    max-width: max(42.5rem, 47.25vw);
    z-index: 999
}

.CartGiftWrap-drawer__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000bf;
    z-index: 99
}

.CartGiftWrap-drawer.open {
    transform: translate(0)
}

.CartGiftWrap-drawerContent {
    background-color: #f3ecee;
    padding: min(max(.8125rem, 1.5277777778vw), 2.0625rem) min(max(.6875rem, 1.9444444444vw), 2.625rem) min(max(1.3125rem, 2.3611111111vw), 3.1875rem);
    border-radius: .75rem;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column
}

.CartGiftWrap-drawerTitle {
    width: 100%;
    text-align: left;
    font-size: 1rem;
    font-weight: 700;
    color: #653232
}

.CartGiftWrap-drawerSubtitle {
    font-size: .75rem;
    margin-bottom: .3125rem;
    justify-content: center;
    gap: 0 .3125rem;
    flex-wrap: wrap;
    color: #653232;
    display: flex;
    max-width: 80%
}

.CartGiftWrap-drawerHeader {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.CartGiftWrap-drawerFooter {
    margin-top: auto
}

.CartGiftWrap-banner {
    border-top: solid 1px #c4c4c4;
    padding: 1rem;
    display: flex;
    gap: 1.25rem
}

.CartGiftWrap-banner-image,
.CartGiftWrap-banner-video {
    width: 5.625rem;
    height: 5.625rem;
    border-radius: .5rem;
    background-size: cover;
    flex-shrink: 0
}

.CartGiftWrap-banner-image {
    padding: 0 0 5.625rem !important
}

.CartGiftWrap-bannerContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .5rem
}

.CartGiftWrap-bannerTitle {
    font-size: min(max(.875rem, 1.25vw), 1.3125rem);
    font-weight: 700;
    line-height: 120%;
    color: #653232;
    margin: 0
}

.CartGiftWrap-bannerText {
    font-size: .75rem;
    font-weight: 400;
    line-height: 120%;
    color: #653232;
    margin: 0
}

.CartGiftWrap-close {
    position: absolute;
    top: max(1rem, 1.5vw);
    right: max(1rem, 1.5vw);
    height: max(1rem, 1.5vw);
    width: max(1rem, 1.5vw);
    cursor: pointer
}

.CartGiftWrap-close:after,
.CartGiftWrap-close:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    height: 2px;
    background-color: #84827e;
    left: 0;
    top: 50%
}

.CartGiftWrap-close:after {
    transform: rotate(45deg)
}

.CartGiftWrap-close:before {
    transform: rotate(315deg)
}

.CartGiftWrap-listing {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: min(max(1rem, 2.2222222222vw), 3rem) 0;
    gap: min(max(.5rem, 1.1111111111vw), 1.5rem)
}

.CartGiftWrap-swatches {
    display: flex;
    gap: .625rem;
    align-items: center;
    justify-content: flex-start;
    padding: .1875rem
}

.CartGiftWrap-swatch {
    width: 1.875rem;
    height: 1.875rem;
    cursor: pointer;
    transition: outline .3s ease;
    position: relative;
    border-radius: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: 0 0 0 .25rem #fff
}

.CartGiftWrap-swatch .swatch-background {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.CartGiftWrap-swatch:before {
    position: absolute;
    display: none;
    background-color: #acacac;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%, -50%) rotate(-45deg);
    height: .0625rem;
    width: 1.875rem
}

.CartGiftWrap-swatch_selected {
    box-shadow: 0 0 0 .1875rem #fff, 0 0 0 .25rem #653232
}

.CartGiftWrap-swatch_oos .swatch-background {
    opacity: .5
}

.CartGiftWrap-swatch_oos:before {
    display: block
}

.CartGiftWrap-recommended {
    background-color: #84827e;
    border-radius: 6.25rem;
    padding: .25rem .625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    font-size: .625rem;
    letter-spacing: -.1px;
    text-transform: uppercase;
    line-height: 1
}

.CartGiftWrap-variant {
    display: flex;
    gap: .875rem;
    align-items: center;
    padding: min(max(.625rem, 1.1111111111vw), 1.5rem) min(max(.75rem, 1.1111111111vw), 1.125rem);
    border-radius: 12px;
    border: 1px solid transparent;
    background: #fff;
    cursor: pointer;
    transition: border .3s ease
}

.CartGiftWrap-variant_selected {
    border: 1px solid #84827e
}

.CartGiftWrap-variantImage {
    flex-shrink: 0;
    width: 5.1875rem;
    height: 4.75rem;
    object-fit: contain;
    box-sizing: content-box;
    padding: 1.075rem .25rem 1.075rem .1875rem
}

.CartGiftWrap-variantContent {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
    height: 100%
}

.CartGiftWrap-variantTitle,
.CartGiftWrap-variantPrice {
    color: #653232;
    font-size: .875rem;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase
}

.CartGiftWrap-variantDescription {
    color: #653232;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 120%;
    text-align: left
}

.CartGiftWrap-variantDescription br {
    display: block;
    content: "";
    margin-top: .5rem
}

.CartGiftWrap-variantHeader {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.CartGiftWrap-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.CartGiftWrap-item__message {
    color: #653232;
    font-size: .75rem;
    line-height: 1.5;
    max-width: 80%
}

.CartGiftWrap-item__remove {
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    color: #653232;
    text-align: right;
    font-size: .75rem;
    line-height: 120%;
    text-decoration: underline;
    padding: 0 .25rem;
    margin-left: auto
}

.Blog .Full-video-w-button-content {
    top: 63%;
    transform: translateY(-50%);
    text-align: center
}

.Blog-container {
    padding: 1rem;
    background: #f3ecee;
    margin-bottom: 2.5rem;
    border-radius: 12px;
    margin-top: 2.5rem
}

.Blog-container-articles {
    display: flex;
    gap: 2.5rem;
    flex-wrap: wrap
}

.Blog-container .Image {
    position: absolute;
    border-radius: 12px;
    margin-bottom: 1.25rem !important
}

.Blog-container-filters {
    display: flex;
    gap: .75rem;
    align-items: center;
    margin-bottom: 2.1875rem
}

.Blog-container-filters-list {
    display: flex;
    gap: .75rem
}

.BlogListItem {
    width: 100%;
    position: relative
}

.BlogListItem-link:hover {
    text-decoration: none
}

.BlogListItem .corners {
    position: absolute;
    background: #f3ecee;
    width: 100%;
    height: 20px
}

.BlogListItem .corners.corner-top {
    top: -50px;
    left: 0;
    border-radius: 0 0 12px 12px
}

.BlogListItem .corners.corner-bottom {
    bottom: -30px;
    left: 0;
    border-radius: 12px 12px 0 0
}

.BlogListItem.full_width {
    width: calc(100% + 2.5rem);
    margin: 1rem -1rem -.5rem;
    position: relative
}

.BlogListItem.full_width:before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% + 60px);
    top: -40px;
    background: #fff
}

.BlogListItem.full_width .BlogListItem-title {
    display: none
}

.BlogListItem.full_width a:hover,
.BlogListItem.full_width a:focus {
    text-decoration: none
}

.BlogListItem.full_width .BlogListItem-link {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, .1294117647)
}

.BlogListItem.full_width .BlogListItem-link .BlogListItem-content {
    font-size: calc(.8rem + 1vw);
    color: #fff;
    font-weight: 600
}

.BlogListItem.full_width .Image-with-video-content {
    width: auto;
    top: 72%
}

.BlogListItem.full_width .Image-with-video-content .VideoPlay-button {
    align-self: center
}

.BlogListItem-title,
.BlogListItem-content {
    margin-bottom: 0
}

.BlogListItem .Image-container {
    overflow: hidden;
    aspect-ratio: 4/2.25;
    border-radius: 12px;
    margin-bottom: 1rem
}

.Image-with-video-videoContainer {
    display: flex;
    align-items: center;
    justify-content: center
}

.Image-with-video-videoContainer video {
    width: 100%
}

.Image-with-video-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 5
}

.Image-with-video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none
}

.Image-with-video-content {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    left: 1.25rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 80%;
    margin: 0 auto
}

.Image-with-video-content__hidden {
    opacity: 0;
    transform: translateY(5rem)
}

.Image-with-video-secondary-content {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 1.875rem;
    align-items: end;
    flex-direction: column;
    gap: .625rem;
    margin-top: -.625rem
}

.Image-with-video-secondary-content p {
    margin-bottom: 0
}

.Image-with-video .bg-full-height {
    min-height: 24rem
}

.Image-with-video .VideoPlay-button {
    width: 2.5rem;
    height: 2.5rem;
    padding: 2.0625rem;
    border-radius: 50%;
    background: #ffffff80;
    box-shadow: 0 0 6.25rem #00000040;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    cursor: pointer;
    align-self: center;
    padding: 1rem;
    transform: translateY(-50%)
}

.Image-with-video .u-hSize {
    font-size: min(1.5rem, 12vw)
}

.ArticlePage {
    margin-top: calc(32px + .5vw + 2.5rem);
    background-color: #f3ecee;
    border-radius: 0 0 12px 12px;
    padding-bottom: 3rem
}

.ArticlePage-content {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 2.5rem;
    flex-direction: column;
    align-items: center;
    padding: 1rem
}

.ArticlePage-content .u-pSize {
    margin-bottom: 1.875rem
}

.ArticlePage-content h1,
.ArticlePage-content h2,
.ArticlePage-content h3,
.ArticlePage-content h4,
.ArticlePage-content h5,
.ArticlePage-content h6 {
    font-weight: 400;
    font-size: min(1.4rem, 12vw);
    line-height: 120%;
    margin-bottom: .3rem
}

.ArticlePage .Image-container {
    border-radius: 0 0 12px 12px !important;
    background: transparent
}

.ArticlePage .Image-with-video .u-hSize {
    font-size: min(1.4rem, 12vw);
    line-height: 120%;
    color: #fff;
    margin-bottom: 3.75rem
}

.ArticlePage .Image-with-video .VideoPlay-button {
    width: 3.75rem;
    height: 3.75rem
}

.ArticlePage .Image-with-video-wrapper .u-showMd,
.ArticlePage .Image-with-video-wrapper .u-hideMd {
    height: 100%
}

.ArticlePage .js-vimeo {
    background: #000
}

.Article-header {
    width: 100%;
    max-width: 40rem;
    margin: 0 auto 2.44140625rem
}

.Article-title {
    margin: .5em 0 0;
    line-height: 1.25;
    text-align: left;
    text-transform: none
}

.Article-published {
    color: #bfbebe;
    text-transform: uppercase
}

.Article-featuredIllustration {
    width: 100%;
    max-width: 50rem;
    margin: 0 auto 2.44140625rem
}

.Article-featuredIllustrationPlaceholder {
    padding: 0 0 75%;
    background-size: cover
}

.Article-content {
    position: relative;
    max-width: 40rem;
    margin: 0 auto
}

.BackToBlog {
    margin: 1.953125rem 0 0;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: .8rem;
    text-align: center;
    text-transform: uppercase
}

.Comments {
    max-width: 40rem;
    margin: 2.44140625rem auto
}

.Comments-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.Comments-item {
    display: block;
    margin: 0;
    padding: 0
}

.Comments-form {
    max-width: 30rem;
    margin: 0 auto
}

.Comments-formNote {
    font-size: .875rem;
    font-style: italic;
    text-align: center
}

.Comments-buttonContainer {
    text-align: center
}

.Comment {
    position: relative;
    margin: 1.25rem 0;
    padding: 1.25rem;
    background-color: #fff;
    border: .0625rem solid #dddedc;
    border-radius: .1875rem;
    box-shadow: 0 .0625rem .25rem #f3ecee
}

.Comment.is-spam {
    opacity: .3
}

.Comment.is-spam:after {
    content: "Spam";
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 1rem;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff
}

.Comment.is-unapproved {
    opacity: .75
}

.Comment.is-unapproved:after {
    content: "Unapproved";
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 1rem;
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #a3a3a3;
    background-color: #fff
}

.Comment.is-spam .Comment-content {
    max-height: 3rem;
    overflow: hidden
}

.Comment-info {
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    margin: 0 0 1rem
}

.Comment-author {
    font-size: .875rem;
    color: #252f4f
}

.Comment-createdAt {
    font-size: .75rem;
    color: #a3a3a3
}

.has-open-offcanvas {
    width: 100%
}

.has-open-offcanvas #recently-notification {
    z-index: 1 !important
}

.has-open-offcanvas #ju_bbox,
.has-open-offcanvas #ju_custom_open_btn {
    display: none !important
}

.Offcanvas {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    max-width: max(42.5rem, 47.25vw);
    height: 100%;
    margin: 0;
    padding: 0;
    transform: translate(-100%) translateZ(0);
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    background-color: #f3ecee;
    visibility: hidden
}

.Offcanvas.is-expanded {
    visibility: visible
}

.Offcanvas--mts {
    max-width: 44.4375rem !important
}

.Offcanvas--right {
    left: auto;
    right: 0;
    transform: translate(100%) translateZ(0)
}

.Offcanvas.is-expanded {
    transform: translate(0) translateZ(0)
}

.Offcanvas-bgDimmer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #000000bf
}

.has-open-offcanvas .Offcanvas-bgDimmer {
    display: block
}

.Offcanvas-content {
    width: 100%;
    height: 100%;
    margin: 0
}

.Offcanvas-content--scroll {
    overflow-y: auto
}

.OffcanvasSearch form {
    margin: 0 0 1rem
}

.OffcanvasSearch input[type=text] {
    margin: 0;
    padding-left: 2.5rem;
    background-size: auto 45%;
    background-position: .75rem center;
    background-repeat: no-repeat;
    background-image: url(//www.rhodeskin.com/cdn/shop/t/1074/assets/icon-search.png?271588)
}

.OffcanvasSearch input[type=text]:focus {
    background-image: url(//www.rhodeskin.com/cdn/shop/t/1074/assets/icon-search-dark.png?271588)
}

.OffcanvasNav {
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.OffcanvasNav-items {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase
}

.OffcanvasNav-items .OffcanvasNav-items {
    padding: 0;
    overflow: hidden;
    font-size: .8rem;
    transition: height .3s ease-in-out
}

.OffcanvasNav-items .OffcanvasNav-items.is-hidden {
    height: 0 !important
}

.OffcanvasNav-item {
    margin: 0;
    padding: 0
}

.OffcanvasNav-itemLink {
    display: block;
    position: relative;
    margin: 0;
    padding: .5em 0;
    color: #653232
}

.OffcanvasNav-itemLink:hover,
.OffcanvasNav-itemLink:focus {
    color: #653232
}

.OffcanvasNav-itemLink.is-active {
    font-weight: 700
}

.OffcanvasNav-itemLink.is-top {
    padding-right: .5rem
}

.OffcanvasNav-subitems {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 0 1em;
    list-style: none;
    font-size: .8rem;
    text-transform: none
}

.OffcanvasNav-subitem {
    margin: 0;
    padding: 0
}

.OffcanvasNav-subitemLink {
    display: block;
    margin: 0;
    padding: .5em 0;
    color: #653232
}

.OffcanvasNav-subitemLink:hover,
.OffcanvasNav-subitemLink:focus {
    color: #653232
}

.OffcanvasNav-subitemLink.is-active {
    font-weight: 700
}

.OffcanvasNav-chevron {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateZ(0) rotate(45deg);
    width: .5rem;
    height: .5rem;
    background: transparent;
    border-top: .1rem solid #653232;
    border-right: .1rem solid #653232;
    transition: transform .2s ease-in-out
}

.OffcanvasNav-itemLink.is-expanded .OffcanvasNav-chevron {
    transform: translateY(-50%) translateZ(0) rotate(135deg)
}

.OffcanvasAccount {
    margin: 1rem 0 0;
    padding: 1rem 0 0;
    border-top: 1px solid #ccc
}

.OffcanvasAccount-items {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.OffcanvasAccount-item {
    margin: 0;
    padding: 0
}

.OffcanvasAccount-item>a {
    display: block;
    position: relative;
    margin: 0;
    padding: .7857rem 0;
    color: #653232
}

.OffcanvasAccount-item>a:hover,
.OffcanvasAccount-item>a:focus {
    color: #653232
}

.Offcanvas--right[data-drawer-names=search] .Offcanvas-content {
    height: 100dvh
}

.Search-header {
    max-width: 40rem;
    margin: 0 auto
}

.Search-title {
    text-align: center
}

.SearchResults {
    max-width: 40rem;
    margin: 0 auto
}

.SearchResult {
    padding: 1rem;
    margin: 0 0 1rem;
    text-align: center
}

.SearchResults .SearchResult:not(:last-child) {
    border-bottom: 1px solid #f3ecee
}

.SearchResult-image {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 0 1rem;
    max-width: 15rem
}

.SearchResult-imageLink {
    display: block
}

.SearchResult-info {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center
}

.SearchResult-title {
    margin: 0 0 .25em
}

.SearchResult-info .SearchResult-title:only-child {
    margin: 0
}

.SearchMini-feedHeader {
    font-family: Swiss, Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 120%;
    color: #653232;
    padding-bottom: .375rem
}

.SearchMini-bg {
    background: #fff;
    padding: 1rem
}

.SearchMini-bg-inside {
    display: flex;
    flex-flow: column;
    background: #f3ecee;
    border-radius: .75rem;
    height: 100%
}

.SearchMini-header {
    padding: 1.125rem 1.25rem 1rem;
    text-align: center;
    font-family: Swiss, Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 120%;
    color: #653232;
    margin: 0;
    text-transform: lowercase
}

.SearchMini-close {
    cursor: pointer;
    width: .9375rem;
    height: .9375rem;
    position: absolute;
    top: 2.25rem;
    right: 2rem;
    display: flex
}

.SearchMini-close svg {
    box-sizing: border-box
}

.SearchMini-InputHolder {
    padding-left: 1.0625rem;
    padding-right: 1.0625rem
}

.SearchMini-input,
.SearchMini-input:focus,
.SearchMini-input:hover {
    background: #fff;
    width: 100%;
    margin: 0 !important;
    height: 3.1875rem;
    border: 0px solid transparent;
    border-radius: .625rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 120%;
    padding: 1rem .8125rem
}

.SearchMini-suggestion {
    padding: 0 1.0625rem .875rem
}

.SearchMini-suggestionLabel {
    font-weight: 700;
    font-size: 1rem;
    line-height: 150%;
    text-transform: lowercase;
    color: #653232
}

.SearchMini-suggestionList {
    list-style: none;
    margin: 0
}

.SearchMini-suggestionItem a {
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    text-transform: lowercase;
    color: #653232;
    letter-spacing: 0
}

.SearchMini-lineHolder {
    padding-left: 1.0625rem;
    padding-right: 1.0625rem
}

.SearchMini-line {
    border-bottom-color: #dbdad9;
    margin: 0
}

.SearchMini-feedContent {
    overflow-y: auto;
    max-height: calc(100dvh - 175px);
    padding: .5625rem 1.125rem 1.125rem
}

.SearchMini-feedProduct {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.SearchMini-feedItem {
    display: grid;
    grid-template-columns: minmax(0, 53px) minmax(0, 1fr);
    gap: .875rem
}

.SearchMini-content {
    display: grid;
    grid-template-rows: min-content;
    align-content: center
}

.SearchMini-feedItemName {
    font-weight: 700;
    font-size: .875rem;
    line-height: 120%;
    color: #653232;
    margin: 0;
    display: flex;
    text-transform: uppercase
}

.SearchMini-feedItem-ImagePlaceHolder {
    padding-bottom: 4.125rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.SearchMini-defaultProducts {
    display: grid;
    grid-gap: .9375rem;
    padding: 1.25rem 1.125rem 1.125rem;
    overflow-y: auto;
    max-height: calc(100vh - 350px);
    grid-template-rows: min-content
}

.SearchMini-prodDefBlock {
    display: grid;
    grid-template-columns: minmax(0, 66px) minmax(0, 1fr);
    grid-gap: .3125rem;
    align-items: center
}

.SearchMini-prodDefImg {
    padding-bottom: 4.125rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.SearchMini-prodDefTxt {
    font-weight: 700;
    font-size: .875rem;
    line-height: 120%;
    color: #653232;
    margin: 0;
    text-transform: uppercase
}

.SearchMini-tooltip {
    margin: 0;
    padding: .625rem .9375rem;
    font-size: .8125rem
}

.SearchMini-bg .u-animate-underline span:after,
.SearchMini-bg .SearchMini-articleTitle.u-animate-underline span:after {
    bottom: 1px
}

.SearchMini-articleSlot {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.SearchMini-articleTitle {
    font-weight: 700;
    font-size: .875rem;
    line-height: 120%;
    padding-bottom: .125rem
}

.SearchMini-articleBody {
    font-size: .875rem;
    line-height: 120%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.3125rem
}

.Customer {
    margin-top: min(max(5.625rem, 6.25vw), 8.4375rem)
}

.Customer-form {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1rem
}

.Customer-info-limit {
    font-size: .6875rem;
    margin-top: -.625rem;
    margin-bottom: 1rem
}

.Customer-formSuccessMessage {
    max-width: 30rem;
    margin: 0 auto 1rem;
    font-weight: 700;
    text-align: center
}

.Customer-backButton {
    margin: 1em 0
}

.Customer-addresses {
    max-width: 24rem;
    margin: 0 auto
}

.Customer-address {
    margin: 1.5625rem 0
}

.Customer-form-recovery {
    margin-top: .9375rem
}

.Customer a {
    border-bottom: 1px solid
}

.Customer a:hover,
.Customer a:focus {
    text-decoration: none
}

.Customer .redirect-button {
    margin-top: 1.25rem
}

.Customer .image-with-text-content p {
    font-size: 2.25rem;
    line-height: 2.75rem
}

.Customer .Button-container a,
.Customer .Button-container button {
    font-size: .8125rem;
    padding: .4rem 2rem
}

.Customer-container {
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    background: #f3ecee;
    min-height: 43.75rem
}

.Customer-container-column {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.Customer-container-column__left {
    display: none
}

.Customer-container .shopify-section {
    width: 100%
}

.Customer-form-cta-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .625rem;
    margin-top: 1.875rem;
    align-items: center
}

.Customer-form-cta-block a {
    text-decoration: none;
    border-bottom: 0
}

.Customer-form-cta-block a:hover,
.Customer-form-cta-block a:focus {
    text-decoration: underline
}

.Customer-form .Input {
    --border-radius: 12px;
    border-radius: var(--border-radius)
}

.AccountSection {
    color: #653232;
    display: flex;
    flex-flow: column;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 5rem 1rem 2.5rem;
    background: #f3ecee;
    min-height: min(52rem, 80vh)
}

.AccountSection label {
    color: #653232
}

.AccountSection-navigation p a {
    text-decoration: underline
}

.AccountSection-navigation-items-container {
    margin-bottom: 2.5rem
}

.AccountSection-navigation-item {
    cursor: pointer;
    position: relative;
    display: block;
    border-top: 1px solid #c4c4c4
}

.AccountSection-navigation-item:last-of-type {
    border-bottom: 1px solid #c4c4c4
}

.AccountSection-navigation-item a {
    text-decoration: none;
    white-space: nowrap;
    padding: 1rem 1rem 1rem 0;
    width: 100%;
    display: block
}

.AccountSection-navigation-item:after {
    content: "";
    position: absolute;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    z-index: -1
}

.AccountSection-navigation-item-active:after,
.AccountSection-navigation-item:hover:after {
    border-color: #4f6a46;
    background: #4f6a46
}

.AccountSection-content-title,
.AccountSection-contentFAQ {
    border-bottom: 1px solid;
    padding-bottom: 1rem
}

.AccountSection-content-title p,
.AccountSection-contentFAQ p {
    margin-bottom: 0
}

.AccountSection-contentFAQ {
    padding: 2rem 0
}

.AccountSection-contentContainer+.AccountSection-contentContainer {
    padding-top: 4rem
}

.AccountSection .Customer-form {
    padding: 0;
    max-width: 31.25rem;
    margin: 0;
    text-align: left
}

.AccountSection .Customer-form-add-address {
    margin: 1.875rem 0 0
}

.AccountSection .Customer-form .action_bottom {
    display: flex;
    margin: .625rem 0 1.25rem
}

.AccountSection h1 {
    margin-bottom: 2rem
}

.AccountSection .Button-container a,
.AccountSection .Button-container button {
    font-size: .8125rem;
    padding: .4rem 2rem
}

.AccountSection .u-pSize {
    font-size: .75rem
}

.AccountSection .order-info--content {
    font-size: .875rem
}

.AccountOverview-section {
    border-top: 1px solid #c4c4c4;
    padding: 2rem 0
}

.AccountOverview-section:last-of-type {
    padding-bottom: 0
}

.AccountOverview-section-link {
    text-decoration: underline
}

.AccountOverview-section-content {
    display: flex;
    align-items: flex-start;
    margin-top: 1rem;
    flex-flow: column
}

.AccountOverview-section-content>div+div {
    margin-top: 1rem;
    width: 100%
}

.AccountOverview-section-content-info {
    justify-content: start
}

.AccountOverview-section-content label {
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: block
}

.AccountOverview-section-content-order {
    border-top: 1px solid #c4c4c4;
    padding-top: 2rem;
    margin-top: 2rem
}

.AccountOverview-section-content .account-last-order {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.AccountOverview-section-content .account-last-order-item {
    display: flex;
    justify-content: space-between
}

.AccountOverview-section-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.AccountOverview-section-title p {
    margin: 0
}

.AccountOverview-section-footer {
    margin-top: 2rem
}

.AccountOverview-section-footer>div+div {
    margin-top: 1rem
}

.AccountOverview .Button-container a,
.AccountOverview .Button-container button {
    font-size: .8125rem;
    padding: .4rem 2rem
}

.AccountAddress-section {
    border-top: 1px solid #c4c4c4;
    padding: 2rem 0
}

.AccountAddress-section:last-of-type {
    padding-bottom: 0
}

.AccountAddress-section-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: column
}

.AccountAddress-section-content label {
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: block
}

.AccountAddress-section-content-controls>div+div {
    margin-top: 1rem
}

.AccountAddress-section-content-controls button {
    width: 100%
}

.AccountAddress-section-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.AccountAddress-section-footer {
    margin-top: 2rem
}

.AccountAddress-section-footer>div+div {
    margin-top: 1rem
}

.AccountAddress .Button-container a,
.AccountAddress .Button-container button {
    font-size: .8125rem;
    padding: .4rem 2rem
}

.AccountOverviewOrders-section {
    border-top: 1px solid #c4c4c4;
    padding: 2rem 0
}

.AccountOverviewOrders-section:last-of-type {
    padding-bottom: 0
}

.AccountOverviewOrders-section-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: column;
    flex-wrap: wrap
}

.AccountOverviewOrders-section-content__order-info {
    display: flex;
    justify-content: space-between;
    gap: .625rem;
    width: 100%
}

.AccountOverviewOrders-section-content-controls>div+div {
    margin-top: 1rem
}

.AccountOverviewOrders-section-content-controls button {
    width: 100%;
    white-space: nowrap
}

.AccountOverviewOrders-section-content .OrderThubnails {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem
}

.AccountOverviewOrders-section-content .OrderThubnails img {
    border-radius: 12px
}

.AccountOverviewOrders-section-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.AccountOverviewOrders-section-footer {
    margin-top: 2rem
}

.AccountOverviewOrders-section-footer>div+div {
    margin-top: 1rem
}

.AccountOverviewOrders-section-pagination {
    display: flex;
    align-items: center;
    justify-content: center
}

.AccountOverviewOrders-section-pagination span {
    cursor: pointer;
    transition: cubic-bezier(.075, .82, .165, 1)
}

.AccountOverviewOrders-section-paginationButton {
    background: #6d6e70;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1.5rem;
    border: none;
    cursor: pointer
}

.AccountOverviewOrders-section-paginationButton:first-child {
    transform: rotate(180deg);
    margin-right: 1.5rem;
    margin-left: 0
}

.AccountOverviewOrders-section-paginationButton svg {
    height: 1rem;
    width: 100%
}

.AccountOverviewOrders-section-pagination>span+span {
    margin-left: .75rem
}

.AccountOverviewOrders h1 {
    margin-bottom: 2rem
}

.AccountOverviewOrders .Button-container a,
.AccountOverviewOrders .Button-container button {
    font-size: .8125rem;
    padding: .4rem 2rem
}

.OrderSlider {
    margin: 1rem 0;
    max-width: 30rem;
    border-radius: 12px;
    overflow: hidden
}

.OrderSlider-product {
    position: relative;
    height: 9.5rem;
    width: 8rem;
    background: radial-gradient(116.69% 129.41% at 5.22% -15.34%, #84827e, #f3ecee);
    border-radius: 12px;
    overflow: hidden
}

.OrderSlider-product img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#js-message-expand-address {
    font-size: 0
}

.EarlyAccess {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 37.5rem;
    width: 100%;
    transform: translate(-50%, -50%);
    background: #f3ecee;
    z-index: 12;
    padding: 2.9375rem .875rem 1.625rem;
    border-radius: .625rem
}

.EarlyAccess.hide {
    opacity: 0;
    visibility: hidden;
    display: none
}

.EarlyAccess-section {
    display: none;
    position: fixed;
    z-index: 12;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.EarlyAccess-title {
    max-width: 25rem;
    margin: auto auto 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-bottom: .5rem;
    text-align: center
}

.EarlyAccess-text {
    max-width: 25rem;
    margin: auto;
    text-align: center;
    padding-bottom: 1.625rem
}

.EarlyAccess-text p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.1875rem
}

.EarlyAccess-btnContainer {
    text-align: center
}

.EarlyAccess .Form {
    max-width: 25rem;
    margin: auto
}

.EarlyAccess-info {
    margin-top: 1.9375rem
}

.EarlyAccess-info p,
.EarlyAccess-info a {
    font-size: .75rem;
    line-height: .875rem;
    text-align: center;
    margin-bottom: 0
}

.EarlyAccess-info a {
    text-decoration: underline
}

.EarlyAccess-overlay {
    background: #000;
    opacity: .4;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11
}

.EarlyAccess-overlay.hide {
    display: none
}

.EarlyAccess-close {
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: #653232;
    cursor: pointer;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    display: flex
}

.EarlyAccess-close svg {
    box-sizing: border-box;
    width: 15px;
    height: 15px
}

.recommendation-modal__container {
    border-radius: .625rem
}

.recommendation-modal__container .recommendation-modal__close-button {
    margin-right: .9375rem;
    margin-top: .9375rem;
    cursor: pointer
}

.recommendation-modal__container .recommendation-modal__close-button svg {
    background: #653232 !important;
    padding: .3125rem;
    width: 1.5625rem !important;
    height: 1.5625rem !important;
    border-radius: 50%
}

.recommendation-modal__container .recommendation-modal__close-button svg path {
    fill: #f3ecee
}

.recommendation-modal__container .recommendation-modal__content {
    margin-top: -.625rem !important
}

.recommendation-modal__container .recommendation-modal__flag {
    display: none !important
}

.recommendation-modal__container h2.recommendation-modal__message,
.recommendation-modal__container h2.recommendation-modal__message--align-start {
    text-transform: lowercase;
    font-weight: 800 !important;
    font-size: 1rem !important
}

.recommendation-modal__container .recommendation-modal__benefits ul li {
    font-size: 1rem !important;
    line-height: 1.2 !important;
    list-style-type: disc;
    margin-bottom: 0
}

.recommendation-modal__container button.recommendation-modal__button {
    border-radius: 6.25rem;
    text-transform: uppercase;
    border: .0625rem solid #653232 !important;
    height: 2.5rem !important;
    font-size: 1rem !important;
    position: relative;
    color: transparent !important
}

.recommendation-modal__container button.recommendation-modal__button:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-size: 1rem !important;
    color: #653232 !important;
    width: 100% !important
}

.recommendation-modal__container button.recommendation-modal__button:hover {
    background-color: #fff !important;
    border: .0625rem solid #653232 !important
}

.recommendation-modal__container button.recommendation-modal__button--minimal {
    font-size: .75rem !important
}

.recommendation-modal__container select.recommendation-modal__selector--flag {
    font-size: 1rem !important
}

.recommendation-modal__container .recommendation-modal__benefits li {
    display: none
}

.recommendation-modal__container ul:after {
    text-align: center !important;
    visibility: visible;
    display: flex;
    justify-content: center;
    line-height: 1.2 !important;
    font-size: 1rem !important;
    max-width: 66%;
    margin: auto
}

.locale-selectors__container {
    border-top: .125rem solid #84827e;
    border-radius: 0 0 .625rem .625rem;
    margin-top: -.625rem;
    padding: 1rem !important
}

.locale-selectors__container .locale-selectors__label {
    font-size: max(.8rem, 1.112vw);
    display: flex;
    align-items: center;
    gap: .5rem
}

.locale-selectors__container .locale-selectors__label span {
    position: relative
}

.locale-selectors__container .locale-selectors__label span:after {
    content: ":"
}

.locale-selectors__container .locale-selectors__selector {
    font-weight: 700;
    color: #653232 !important;
    background-color: transparent !important
}

.locale-selectors__container .locale-selectors__selector:focus-visible {
    outline-color: #653232;
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: 1px
}

.locale-selectors__container .locale-selectors__content {
    padding: 0 !important;
    justify-content: flex-start !important
}

.osano-cm-window {
    font-family: Swiss, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif !important
}

.osano-cm-button,
.pd-cp-btn {
    border-radius: 40px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important
}

.osano-cm-drawer-toggle .osano-cm-label {
    font-weight: 600 !important
}

.osano-cm-description,
.osano-cm-content__message {
    font-size: 14px !important
}

.osano-cm-info {
    max-width: 25em !important
}

.osano-cm-info-dialog-header {
    position: relative !important
}

.osano-cm-window p {
    letter-spacing: 0 !important;
    font-size: 14px !important
}

.osano-cm-drawer-toggle .osano-cm-label,
.osano-cm-link {
    font-size: 14px !important
}

.osano-cm-link:focus {
    font-weight: 400 !important
}

.osano-cm-close {
    background: transparent !important;
    background-color: transparent !important;
    color: #653232 !important;
    stroke: #653232 !important;
    border-color: transparent !important
}

#shopify-section-header {
    z-index: 10
}

.Header {
    position: fixed;
    z-index: 10;
    width: calc(100% - 2rem);
    transition: all .7s cubic-bezier(.76, 0, .24, 1), color 0s, z-index 0s, filter .3s ease-in-out;
    top: 1rem;
    transform: translateY(0);
    color: #fff
}

.Header.transparent[data-header-color=dark] a {
    color: #653232
}

.Header.transparent[data-header-color=dark] .Logo svg *,
.Header.transparent[data-header-color=dark] .Mobile-menu-toggle svg *,
.Header.transparent[data-header-color=dark] .Header-searchIcon svg *,
.Header.transparent[data-header-color=dark] .Header-cartIcon svg * {
    fill: #653232;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Header a {
    color: #fff;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Header .Logo svg *,
.Header .Mobile-menu-toggle svg * {
    fill: #fff;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Header .Header-cartIcon svg *,
.Header .Header-searchIcon svg * {
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Header.customers,
.Header.customers a {
    color: #653232
}

.Header.customers .Logo svg *,
.Header.customers .Mobile-menu-toggle svg * {
    fill: #653232;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Header:not(.index) {
    position: fixed;
    top: 0;
    color: #653232;
    background-color: #fff
}

.Header:not(.index) nav {
    background-color: #f3ecee
}

.Header:not(.index) a {
    color: #653232
}

.Header:not(.index) .Logo svg *,
.Header:not(.index) .Mobile-menu-toggle svg * {
    fill: #653232
}

.Header:not(.index) .Header-searchIcon svg,
.Header:not(.index) .Header-cartIcon svg {
    fill: #653232
}

.Header__sticky {
    padding: 1.25rem 0 0;
    position: fixed;
    top: 0;
    color: #653232;
    background: #fff
}

.Header__sticky nav {
    background-color: #f3ecee
}

.Header__sticky a {
    color: #653232
}

.Header__sticky a:focus {
    outline: none
}

.Header__sticky a:not(.is-current):focus-visible {
    outline: 1px solid #653232
}

.Header__sticky .Logo svg *,
.Header__sticky .Mobile-menu-toggle svg * {
    fill: #653232
}

.Header__sticky .Header-searchIcon svg,
.Header__sticky .Header-cartIcon svg {
    fill: #653232
}

.Header__hidden,
.Header__disabled {
    transform: translateY(-150%);
    background-color: transparent !important;
    transition: all .7s cubic-bezier(.76, 0, .24, 1), color 0s
}

.Header__hidden nav,
.Header__disabled nav {
    background-color: transparent !important;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Header .Logo {
    width: 100%;
    margin-right: 0
}

.Header .Logo svg {
    position: relative;
    width: 100%;
    height: calc(26px + .5vw)
}

.Header a:hover,
.Header a:focus {
    text-decoration: none
}

.Header nav {
    position: relative;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    display: flex;
    padding: 1.25rem min(2rem, 3vw);
    transition: all .7s cubic-bezier(.76, 0, .24, 1);
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.Header nav a:last-child,
.Header nav div:not(.Navigation-left-container):last-child {
    margin-right: 0
}

.Header nav>div {
    display: flex;
    width: 100%
}

.Header nav .Navigation-right-container {
    justify-content: flex-end;
    gap: 1.4375rem
}

.Header-mega-menu {
    display: flex;
    color: #653232;
    flex-direction: column;
    width: 100%;
    justify-content: center
}

.Header-mega-menu-button {
    margin: auto
}

.Header-mega-menu .Button-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.Header-mega-menu-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Header-mega-menu-category {
    color: #acaaa5 !important;
    font-size: max(.8rem, 1.125vw);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .02em;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap
}

.Header-mega-menu-category.is-current {
    color: #6d6e70 !important
}

.Header-mega-menu-category:last-of-type {
    margin-right: 0 !important
}

.Header-mega-menu-categories-container {
    position: relative;
    overflow: visible
}

.Header-mega-menu-categories-container>.swiper {
    overflow: visible
}

.Header-mega-menu-categories__indicator {
    position: absolute;
    width: 100%;
    height: .0625rem;
    background-color: #653232;
    bottom: -72.22%;
    transform: translate(0);
    max-width: 0;
    opacity: 0;
    transition: all .3s ease-in-out
}

.Header-mega-menu-categories__indicator[data-active=true] {
    opacity: 1
}

.Header-mega-menu-master-swiper-container {
    overflow: visible;
    position: relative
}

.Header-mega-menu-master-swiper-container .swiper-button-next,
.Header-mega-menu-master-swiper-container .swiper-button-prev {
    position: absolute;
    top: 0;
    margin-top: 0;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Header-mega-menu-master-swiper-container .swiper-button-next:after,
.Header-mega-menu-master-swiper-container .swiper-button-prev:after {
    font-size: 16px;
    font-weight: 700;
    color: #653232
}

.Header-mega-menu-master-swiper-container .swiper-button-next.swiper-button-disabled,
.Header-mega-menu-master-swiper-container .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.Header-mega-menu-master-swiper-container .swiper-button-next {
    top: 37%;
    left: 98%;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.Header-mega-menu-master-swiper-container .swiper-button-next:hover {
    background: #653232;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.Header-mega-menu-master-swiper-container .swiper-button-next:hover:after {
    color: #fff
}

.Header-mega-menu-master-swiper-container .swiper-button-prev {
    left: -2%;
    top: 37%;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.Header-mega-menu-master-swiper-container .swiper-button-prev:disabled {
    display: none
}

.Header-mega-menu-master-swiper-container .swiper-button-prev:hover {
    background: #653232;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.Header-mega-menu-master-swiper-container .swiper-button-prev:hover:after {
    color: #fff
}

.Header-mega-menu-master-swiper-container.is-current .swiper-button-next,
.Header-mega-menu-master-swiper-container.is-current .swiper-button-prev {
    display: flex
}

.Header-mega-menu-productsSwiper {
    padding: 3.125rem 0 0;
    max-width: 64rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.Header-mega-menu-productsSwiper .swiper-wrapper {
    position: static;
    padding-bottom: 4.25rem
}

.Header-mega-menu-productsSwiper .swiper-wrapper .swiper-slide:last-of-type {
    margin-right: 0 !important
}

.Header-mega-menu-productsSwiper .centered-slides {
    display: flex;
    justify-content: center
}

.Header-mega-menu-swiperButton {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    z-index: 5
}

.Header-mega-menu-container {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background: #f3ecee;
    color: #653232;
    padding: 1.5rem 5rem 2rem
}

.Header-searchIcon {
    width: 1.07625rem;
    height: 1.158125rem
}

.Header-searchIcon svg {
    box-sizing: border-box;
    fill: #fff
}

.Header-cartIcon {
    width: 1.3125rem;
    height: 1.1875rem
}

.Header-cartIcon svg {
    box-sizing: border-box;
    fill: #fff
}

.Header-cartIconIndicator {
    font-weight: 400;
    font-size: .6875rem;
    line-height: 150%;
    position: absolute;
    left: .625rem;
    top: -.375rem
}

.Header-cartIconIndicator[data-size="2"] {
    left: .4375rem;
    font-size: .625rem
}

.Header-cartIconContainer {
    position: relative
}

.Mobile-menu {
    color: inherit
}

.Mobile-menu-toggle {
    display: flex;
    flex-flow: column
}

.Mobile-menu-toggle span {
    width: 22px;
    height: 3px;
    background: #fff;
    margin: 2px 0
}

.Mobile-menu-toggle svg,
.Mobile-menu-toggle svg rect {
    transition: .7s cubic-bezier(.76, 0, .24, 1)
}

.Mobile-menu-toggle__opened {
    color: red
}

.Mobile-menu-toggle__opened svg {
    transform: rotate(180deg)
}

.Mobile-menu-toggle__opened svg rect:nth-child(2),
.Mobile-menu-toggle__opened svg rect:nth-child(3) {
    opacity: 0
}

.Mobile-menu-wrapper {
    transition: 1s cubic-bezier(.76, 0, .24, 1);
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: -1;
    max-height: 0;
    display: flex;
    overflow: hidden
}

.Mobile-menu-wrapper__opened {
    max-height: 100vh;
    padding-bottom: 1rem;
    background: #fff
}

.Mobile-menu-container {
    background: #f3ecee;
    border-radius: 12px;
    padding-top: 3.5rem;
    height: 100%;
    width: 100%
}

.Mobile-menu-content-container {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 1.5rem 1rem 1rem;
    color: #653232;
    overflow-y: auto
}

.Mobile-menu-content-container-section {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid #c4c4c4
}

.Mobile-menu-content-container-section-title {
    margin: 0;
    line-height: 120%
}

.Mobile-menu-content-container-section-title a {
    color: #653232;
    font-size: .875rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .02em;
    text-transform: uppercase
}

.Mobile-menu-content-container-footer {
    padding-top: 1.5rem
}

.Mobile-menu-locale-container {
    padding: 1.5rem 0 1rem !important;
    border-top: 1px solid #c4c4c4 !important;
    margin: 0 !important
}

.Mobile-menu-locale__label {
    font-size: .875rem !important
}

.Mobile-menu-locale-content-selector {
    position: relative;
    display: flex
}

.Mobile-menu-locale-content-selector svg {
    position: absolute;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.Navigation-menu-button {
    margin: auto
}

.Navigation-menu .Button-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.Navigation-menu-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: all .7s cubic-bezier(.76, 0, .24, 1)
}

.Navigation-menu-products {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 1.5rem
}

.Navigation-menu-products-listContainer {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.Navigation-menu-category {
    color: #6d6e70 !important;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    line-height: 100%;
    padding-bottom: .3125rem;
    opacity: .5
}

.Navigation-menu-category.is-current {
    color: #653232 !important;
    opacity: 1
}

.Navigation-menu-categories-container {
    position: relative;
    overflow: visible;
    padding-bottom: 1.875rem
}

.Navigation-menu-categories__indicator {
    position: absolute;
    width: 100%;
    height: .0625rem;
    background-color: #653232;
    bottom: 0;
    transform: translate(0);
    max-width: 0;
    opacity: 0;
    transition: all .3s ease-in-out
}

.Navigation-menu-categories__indicator[data-active=true] {
    opacity: 1
}

.Navigation-menu-productsSwiper {
    padding: 2rem 0 0;
    position: relative
}

.Navigation-menu-productsSwiper .swiper-wrapper {
    position: static;
    padding-bottom: 4.25rem
}

.Navigation-menu-productsSwiper .centered-slides {
    display: flex;
    justify-content: center;
    align-items: center
}

.Navigation-menu-productsSwiper-container {
    overflow: visible;
    position: relative;
    display: none
}

.Navigation-menu-productsSwiper-container.is-current {
    display: block
}

.Navigation-menu-swiperButton {
    margin: 0 auto !important
}

#Mobile-menu-selector {
    color: #653232 !important;
    font-size: .875rem !important;
    font-weight: 700;
    font-size: max(.8rem, 1.112vw) !important;
    background-color: transparent !important;
    margin: 0 !important;
    border: 0;
    background-image: none
}

#Mobile-menu-selector::-ms-expand {
    display: none
}

.Footer {
    overflow: hidden;
    background-color: #f3ecee;
    padding: 1.75rem 0;
    border-radius: 12px
}

.Footer-logo {
    padding: 0 1rem 1.75rem;
    border-bottom: 1px solid #84827e
}

.Footer-afterpay-logo {
    max-width: 7.8125rem
}

.Footer-content-container {
    display: flex;
    flex-flow: column
}

.Footer-newsletter {
    padding: 1.75rem 1rem;
    border-bottom: 1px solid #84827e;
    max-width: 100%
}

.Footer-newsletter-submit {
    overflow: auto;
    min-width: 6rem;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 0 12px 12px 0;
    background: #fff;
    border: 0 solid;
    border-left: 1px solid #84827e
}

.Footer-newsletter-submit span {
    border-radius: 0 12px 12px 0;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.Footer-newsletter-submit-container {
    overflow: visible
}

.Footer-newsletter-success,
.Footer-privacy-policy {
    margin-top: 1rem
}

.Footer-content {
    display: flex;
    flex-flow: column
}

.Footer-info {
    padding: 0 1rem 1rem;
    border-bottom: 1px solid #84827e;
    display: flex;
    flex-wrap: wrap
}

.Footer-info-copyright {
    display: none
}

.Footer-info-content {
    margin-top: 1.75rem;
    margin-right: 1.75rem
}

.Footer-info a {
    display: flex;
    align-items: center;
    margin: auto
}

.Footer-info a svg {
    margin-right: .5rem
}

.Footer nav {
    display: flex
}

.Footer-navigation-list ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-flow: column
}

.Footer-navigation-list ul li {
    margin-bottom: 1rem
}

.Footer-navigation-list ul svg {
    width: max(1rem, 1vw);
    color: #84827e;
    fill: #84827e;
    height: max(1rem, 1vw)
}

.Footer-copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-top: none;
    margin-bottom: -1rem;
    text-align: center
}

.Footer-copyright p {
    margin: 0
}

.Footer-stroke_letter {
    stroke-width: 6
}

.Footer-locale-container {
    padding: .625rem 0 0 !important;
    border-top: none !important;
    margin: 0 !important
}

.Footer-locale-container select {
    margin: -1px 0 0;
    border: 0;
    width: auto;
    font-size: .875rem !important;
    background-image: none
}

.Footer-locale-container select::-ms-expand {
    display: none
}

.Footer-locale-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem !important
}

.Footer-locale-content-selector {
    position: relative;
    display: flex
}

.Footer-locale-content-selector svg {
    position: absolute;
    right: .5rem;
    width: .5rem;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.iPadSignUp {
    background: #f3ecee;
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden
}

.iPadSignUp-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 18.75rem
}

.iPadSignUp-form {
    width: 18.75rem
}

.iPadSignUp .o-formSuccess {
    display: none;
    text-align: center;
    font-size: 1rem
}

.iPadSignUp .o-formSuccess h6 {
    font-weight: 400;
    font-size: 1.875rem
}

.iPadSignUp-form.success .o-formSuccess {
    display: block !important
}

.iPadSignUp-title {
    text-align: center
}

.iPadSignUp-text {
    text-align: center;
    padding: .625rem 0
}

.iPadSignUp-btnContainer {
    text-align: center
}

.iPadSignUp-input {
    border-radius: .75rem !important
}

.iPadSignUp-logo {
    width: 9.375rem;
    margin: auto;
    height: 2.4375rem;
    margin-bottom: 1.25rem
}

.iPadSignUp-form.success .iPadSignUp-text,
.iPadSignUp-form.success .iPadSignUp-title,
.iPadSignUp-form.success .iPadSignUp-formContainer {
    display: none !important
}

.ShopifySignUp {
    background: #f3ecee;
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden
}

.ShopifySignUp-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 18.75rem
}

.ShopifySignUp-form {
    width: 18.75rem
}

.ShopifySignUp .o-formSuccess {
    text-align: center;
    font-size: 1rem
}

.ShopifySignUp .o-formSuccess h6 {
    font-weight: 400;
    font-size: 1.875rem
}

.ShopifySignUp-title {
    text-align: center
}

.ShopifySignUp-text {
    text-align: center;
    padding: .625rem 0
}

.ShopifySignUp-btnContainer {
    text-align: center
}

.ShopifySignUp-input {
    border-radius: .75rem !important
}

.ShopifySignUp-logo {
    width: 9.375rem;
    margin: auto;
    height: 2.4375rem;
    margin-bottom: 1.25rem
}

.ShopifySignUp-form.success .ShopifySignUp-text,
.ShopifySignUp-form.success .ShopifySignUp-title,
.ShopifySignUp-form.success .ShopifySignUp-formContainer {
    display: none !important
}

body[data-shopify-template=page-ipad-sign-up],
body[data-shopify-template=page-shopify-sign-up] {
    padding: 0 !important;
    position: relative;
    overflow: hidden
}

body[data-shopify-template=page-ipad-sign-up] .EarlyAccess-section,
body[data-shopify-template=page-ipad-sign-up] .TopBanner-section,
body[data-shopify-template=page-ipad-sign-up] .js-header,
body[data-shopify-template=page-ipad-sign-up] #shopify-section-footer,
body[data-shopify-template=page-ipad-sign-up] .locale-selectors__container,
body[data-shopify-template=page-shopify-sign-up] .EarlyAccess-section,
body[data-shopify-template=page-shopify-sign-up] .TopBanner-section,
body[data-shopify-template=page-shopify-sign-up] .js-header,
body[data-shopify-template=page-shopify-sign-up] #shopify-section-footer,
body[data-shopify-template=page-shopify-sign-up] .locale-selectors__container {
    display: none
}

body {
    overflow: initial !important
}

@media print,
screen and (min-width: 40em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }

    .column,
    .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .medium-1 {
        width: 8.3333333333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .medium-offset-0 {
        margin-left: 0%
    }

    .medium-2 {
        width: 16.6666666667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

    .medium-offset-1 {
        margin-left: 8.3333333333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.6666666667%
    }

    .medium-4 {
        width: 33.3333333333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.6666666667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .medium-offset-4 {
        margin-left: 33.3333333333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.6666666667%
    }

    .medium-7 {
        width: 58.3333333333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.6666666667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .medium-offset-7 {
        margin-left: 58.3333333333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.6666666667%
    }

    .medium-10 {
        width: 83.3333333333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.6666666667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .medium-offset-10 {
        margin-left: 83.3333333333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.6666666667%
    }

    .medium-up-1>.column,
    .medium-up-1>.columns {
        float: left;
        width: 100%
    }

    .medium-up-1>.column:nth-of-type(n),
    .medium-up-1>.columns:nth-of-type(n) {
        clear: none
    }

    .medium-up-1>.column:nth-of-type(n+1),
    .medium-up-1>.columns:nth-of-type(n+1) {
        clear: both
    }

    .medium-up-1>.column:last-child,
    .medium-up-1>.columns:last-child {
        float: left
    }

    .medium-up-2>.column,
    .medium-up-2>.columns {
        float: left;
        width: 50%
    }

    .medium-up-2>.column:nth-of-type(n),
    .medium-up-2>.columns:nth-of-type(n) {
        clear: none
    }

    .medium-up-2>.column:nth-of-type(odd),
    .medium-up-2>.columns:nth-of-type(odd) {
        clear: both
    }

    .medium-up-2>.column:last-child,
    .medium-up-2>.columns:last-child {
        float: left
    }

    .medium-up-3>.column,
    .medium-up-3>.columns {
        float: left;
        width: 33.3333333333%
    }

    .medium-up-3>.column:nth-of-type(n),
    .medium-up-3>.columns:nth-of-type(n) {
        clear: none
    }

    .medium-up-3>.column:nth-of-type(3n+1),
    .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3>.column:last-child,
    .medium-up-3>.columns:last-child {
        float: left
    }

    .medium-up-4>.column,
    .medium-up-4>.columns {
        float: left;
        width: 25%
    }

    .medium-up-4>.column:nth-of-type(n),
    .medium-up-4>.columns:nth-of-type(n) {
        clear: none
    }

    .medium-up-4>.column:nth-of-type(4n+1),
    .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4>.column:last-child,
    .medium-up-4>.columns:last-child {
        float: left
    }

    .medium-up-5>.column,
    .medium-up-5>.columns {
        float: left;
        width: 20%
    }

    .medium-up-5>.column:nth-of-type(n),
    .medium-up-5>.columns:nth-of-type(n) {
        clear: none
    }

    .medium-up-5>.column:nth-of-type(5n+1),
    .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5>.column:last-child,
    .medium-up-5>.columns:last-child {
        float: left
    }

    .medium-up-6>.column,
    .medium-up-6>.columns {
        float: left;
        width: 16.6666666667%
    }

    .medium-up-6>.column:nth-of-type(n),
    .medium-up-6>.columns:nth-of-type(n) {
        clear: none
    }

    .medium-up-6>.column:nth-of-type(6n+1),
    .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6>.column:last-child,
    .medium-up-6>.columns:last-child {
        float: left
    }

    .medium-up-7>.column,
    .medium-up-7>.columns {
        float: left;
        width: 14.2857142857%
    }

    .medium-up-7>.column:nth-of-type(n),
    .medium-up-7>.columns:nth-of-type(n) {
        clear: none
    }

    .medium-up-7>.column:nth-of-type(7n+1),
    .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7>.column:last-child,
    .medium-up-7>.columns:last-child {
        float: left
    }

    .medium-up-8>.column,
    .medium-up-8>.columns {
        float: left;
        width: 12.5%
    }

    .medium-up-8>.column:nth-of-type(n),
    .medium-up-8>.columns:nth-of-type(n) {
        clear: none
    }

    .medium-up-8>.column:nth-of-type(8n+1),
    .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8>.column:last-child,
    .medium-up-8>.columns:last-child {
        float: left
    }

    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .medium-collapse .row,
    .expanded.row .medium-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }

    .medium-centered,
    .medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .medium-uncentered,
    .medium-push-0,
    .medium-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }

    .column-block {
        margin-bottom: 1.875rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }

    h1 {
        font-size: 3rem
    }

    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 1.9375rem
    }

    h4 {
        font-size: 1.5625rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }

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

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

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

    .medium-text-justify {
        text-align: justify
    }

    .o-sectionHeading {
        font-size: 1.953125rem;
        margin: 0 0 1.953125rem
    }

    .o-sectionSubhead {
        font-size: 1.125rem;
        margin: 0 auto 1.953125rem
    }

    .o-sectionHeading+.o-sectionSubhead {
        margin-top: -1.5625rem
    }

    .o-rte h1 {
        font-size: 1.75em
    }

    .o-rte h2 {
        font-size: 1.5625em
    }

    .o-rte h3 {
        font-size: 1.25em
    }

    .Pagination-item {
        display: inline-block
    }

    .MobileTabBar {
        display: none
    }

    .Breadcrumbs {
        font-size: .8125rem
    }

    .IndexBlog-item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        max-width: 100%;
        margin: 0;
        padding: .5rem
    }

    .BannerGrid-item {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        padding: 0 .9375rem
    }

    .BannerGrid-items[data-item-count="2"] .BannerGrid-item {
        width: 50%
    }

    .BannerGrid-items[data-item-count="3"] .BannerGrid-item {
        width: 33.3333333333%
    }

    .BannerGrid-items[data-item-count="1"] .BannerGrid-itemPlaceholder {
        padding: 0 0 33.3333333333%
    }

    .BannerGrid-items[data-item-count="2"] .BannerGrid-itemPlaceholder {
        padding: 0 0 66.6666666667%
    }

    .BannerGrid-caption {
        font-size: .6875rem
    }

    .ImageWithNewsletter-content-title-h1 {
        font-size: 1.9375rem
    }

    .Grid--itemsPerRow-medium-1 .Grid-item {
        width: 100%
    }

    .Grid--itemsPerRow-medium-2 .Grid-item {
        width: 50%
    }

    .Grid--itemsPerRow-medium-3 .Grid-item {
        width: 33.3333333333%
    }

    .Grid--itemsPerRow-medium-4 .Grid-item {
        width: 25%
    }

    .Grid--itemsPerRow-medium-5 .Grid-item {
        width: 20%
    }

    .Grid--itemsPerRow-medium-6 .Grid-item {
        width: 16.6666666667%
    }

    .Cart-totalTitle {
        margin: 0 1.953125rem 0 0
    }

    .Cart-totalPrice {
        font-size: 1.953125rem
    }

    .SearchResult {
        text-align: left
    }

    .SearchResult-image {
        width: 30%
    }

    .SearchResult-info {
        text-align: left
    }

    .SearchResult-image+.SearchResult-info {
        width: 70%
    }

    .locale-selectors__container {
        border-top: .0625rem solid #84827e
    }

    .Header-mega-menu-category {
        letter-spacing: .02em;
        font-size: max(.8rem, 1.125vw)
    }

    .Navigation-menu-category {
        letter-spacing: .02em;
        font-size: 1.125rem
    }
}

@media print,
screen and (min-width: 64em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }

    .large-1 {
        width: 8.3333333333%
    }

    .large-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .large-offset-0 {
        margin-left: 0%
    }

    .large-2 {
        width: 16.6666666667%
    }

    .large-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

    .large-offset-1 {
        margin-left: 8.3333333333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.6666666667%
    }

    .large-4 {
        width: 33.3333333333%
    }

    .large-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.6666666667%
    }

    .large-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .large-offset-4 {
        margin-left: 33.3333333333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.6666666667%
    }

    .large-7 {
        width: 58.3333333333%
    }

    .large-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.6666666667%
    }

    .large-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .large-offset-7 {
        margin-left: 58.3333333333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.6666666667%
    }

    .large-10 {
        width: 83.3333333333%
    }

    .large-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.6666666667%
    }

    .large-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .large-offset-10 {
        margin-left: 83.3333333333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.6666666667%
    }

    .large-up-1>.column,
    .large-up-1>.columns {
        float: left;
        width: 100%
    }

    .large-up-1>.column:nth-of-type(n),
    .large-up-1>.columns:nth-of-type(n) {
        clear: none
    }

    .large-up-1>.column:nth-of-type(n+1),
    .large-up-1>.columns:nth-of-type(n+1) {
        clear: both
    }

    .large-up-1>.column:last-child,
    .large-up-1>.columns:last-child {
        float: left
    }

    .large-up-2>.column,
    .large-up-2>.columns {
        float: left;
        width: 50%
    }

    .large-up-2>.column:nth-of-type(n),
    .large-up-2>.columns:nth-of-type(n) {
        clear: none
    }

    .large-up-2>.column:nth-of-type(odd),
    .large-up-2>.columns:nth-of-type(odd) {
        clear: both
    }

    .large-up-2>.column:last-child,
    .large-up-2>.columns:last-child {
        float: left
    }

    .large-up-3>.column,
    .large-up-3>.columns {
        float: left;
        width: 33.3333333333%
    }

    .large-up-3>.column:nth-of-type(n),
    .large-up-3>.columns:nth-of-type(n) {
        clear: none
    }

    .large-up-3>.column:nth-of-type(3n+1),
    .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3>.column:last-child,
    .large-up-3>.columns:last-child {
        float: left
    }

    .large-up-4>.column,
    .large-up-4>.columns {
        float: left;
        width: 25%
    }

    .large-up-4>.column:nth-of-type(n),
    .large-up-4>.columns:nth-of-type(n) {
        clear: none
    }

    .large-up-4>.column:nth-of-type(4n+1),
    .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4>.column:last-child,
    .large-up-4>.columns:last-child {
        float: left
    }

    .large-up-5>.column,
    .large-up-5>.columns {
        float: left;
        width: 20%
    }

    .large-up-5>.column:nth-of-type(n),
    .large-up-5>.columns:nth-of-type(n) {
        clear: none
    }

    .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5>.column:last-child,
    .large-up-5>.columns:last-child {
        float: left
    }

    .large-up-6>.column,
    .large-up-6>.columns {
        float: left;
        width: 16.6666666667%
    }

    .large-up-6>.column:nth-of-type(n),
    .large-up-6>.columns:nth-of-type(n) {
        clear: none
    }

    .large-up-6>.column:nth-of-type(6n+1),
    .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6>.column:last-child,
    .large-up-6>.columns:last-child {
        float: left
    }

    .large-up-7>.column,
    .large-up-7>.columns {
        float: left;
        width: 14.2857142857%
    }

    .large-up-7>.column:nth-of-type(n),
    .large-up-7>.columns:nth-of-type(n) {
        clear: none
    }

    .large-up-7>.column:nth-of-type(7n+1),
    .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7>.column:last-child,
    .large-up-7>.columns:last-child {
        float: left
    }

    .large-up-8>.column,
    .large-up-8>.columns {
        float: left;
        width: 12.5%
    }

    .large-up-8>.column:nth-of-type(n),
    .large-up-8>.columns:nth-of-type(n) {
        clear: none
    }

    .large-up-8>.column:nth-of-type(8n+1),
    .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8>.column:last-child,
    .large-up-8>.columns:last-child {
        float: left
    }

    .large-collapse>.column,
    .large-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .large-collapse .row,
    .expanded.row .large-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .large-centered {
        margin-right: auto;
        margin-left: auto
    }

    .large-centered,
    .large-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .large-uncentered,
    .large-push-0,
    .large-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }

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

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

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

    .large-text-justify {
        text-align: justify
    }

    .IndexBlog-item {
        width: 33.3333333333%
    }

    .IndexBlog-items .IndexBlog-item:nth-child(4):last-child {
        display: none
    }

    .BannerGrid-caption {
        font-size: .9375rem
    }

    .Grid--itemsPerRow-large-1 .Grid-item {
        width: 100%
    }

    .Grid--itemsPerRow-large-2 .Grid-item {
        width: 50%
    }

    .Grid--itemsPerRow-large-3 .Grid-item {
        width: 33.3333333333%
    }

    .Grid--itemsPerRow-large-4 .Grid-item {
        width: 25%
    }

    .Grid--itemsPerRow-large-5 .Grid-item {
        width: 20%
    }

    .Grid--itemsPerRow-large-6 .Grid-item {
        width: 16.6666666667%
    }

    .ContactPage-title {
        font-size: 3rem
    }

    .SearchMini-bg {
        background: #f3ecee;
        padding: 0
    }

    .SearchMini-bg-inside {
        background-color: transparent;
        border-radius: 0
    }

    .SearchMini-header {
        padding: 1.25rem;
        font-size: 1.375rem
    }

    .SearchMini-close {
        width: 1rem;
        height: 1rem;
        top: 1.35rem;
        right: 1.35rem
    }

    .SearchMini-InputHolder {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .SearchMini-input,
    .SearchMini-input:focus,
    .SearchMini-input:hover {
        height: 3.6875rem;
        font-size: 1.375rem
    }

    .SearchMini-suggestion {
        padding: 0 2.25rem 1.6875rem
    }

    .SearchMini-suggestionLabel,
    .SearchMini-suggestionItem a {
        font-size: 1.375rem
    }

    .SearchMini-lineHolder {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .SearchMini-feedContent {
        padding: 1.125rem 2.625rem 2.5rem;
        max-height: calc(100vh - 165px)
    }

    .SearchMini-feedItem {
        grid-template-columns: minmax(0, 98px) minmax(0, 1fr);
        gap: 2.6875rem
    }

    .SearchMini-feedItemName {
        font-size: 1rem
    }

    .SearchMini-feedItem-ImagePlaceHolder {
        padding-bottom: 7.6875rem
    }

    .SearchMini-defaultProducts {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
        max-height: calc(100vh - 420px)
    }

    .SearchMini-prodDefBlock {
        grid-template-columns: minmax(0, 123px) minmax(0, 1fr);
        grid-gap: 2.6875rem
    }

    .SearchMini-prodDefImg {
        padding-bottom: 7.6875rem
    }

    .SearchMini-prodDefTxt {
        font-size: 1rem
    }

    .SearchMini-tooltip {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .SearchMini-articleTitle {
        font-size: 1rem;
        padding-bottom: .125rem
    }

    .SearchMini-articleBody {
        font-size: 1rem;
        max-height: 2.5rem
    }

    .EarlyAccess {
        padding: 3.25rem 1.25rem 2.5rem
    }

    .Header nav .Navigation-right-container {
        gap: 0
    }
}

@media screen and (min-width: 75em) {
    .BannerGrid-caption {
        font-size: 1rem
    }

    .Grid--itemsPerRow-xlarge-1 .Grid-item {
        width: 100%
    }

    .Grid--itemsPerRow-xlarge-2 .Grid-item {
        width: 50%
    }

    .Grid--itemsPerRow-xlarge-3 .Grid-item {
        width: 33.3333333333%
    }

    .Grid--itemsPerRow-xlarge-4 .Grid-item {
        width: 25%
    }

    .Grid--itemsPerRow-xlarge-5 .Grid-item {
        width: 20%
    }

    .Grid--itemsPerRow-xlarge-6 .Grid-item {
        width: 16.6666666667%
    }
}

@media screen and (max-width: 63.9375em) {

    table.stack thead,
    table.stack tfoot {
        display: none
    }

    table.stack tr,
    table.stack th,
    table.stack td {
        display: block
    }

    table.stack td {
        border-top: 0
    }

    .Menu-product-wrapper {
        flex-grow: .6
    }

    .Menu-product-wrapper-container {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        flex-direction: row-reverse
    }

    .Menu-product .Badge.u-showMd {
        width: max(2.313rem, 2.313vw);
        height: max(2.313rem, 2.313vw);
        top: -10px
    }

    .Menu-product .Badge.u-hideMd {
        width: max(2.313rem, 2.313vw);
        height: max(2.313rem, 2.313vw);
        top: 5px
    }

    .Menu-product .Badge.u-hideMd img {
        object-position: top
    }

    .Product-card-content-title-wrapper>.Badge {
        top: .1rem !important
    }

    .Badge {
        width: max(2.313rem, 2.313vw);
        height: max(2.313rem, 2.313vw)
    }
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print,
    th.show-for-print {
        display: table-cell !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre,
    blockquote {
        border: 1px solid #a3a3a3;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@media screen and (min-width: 0\fffd) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAOCAYAAABHN77IAAAABGdBTUEAALGPC/xhBQAAAH1JREFUOBHF0bsNgDAMhOHU9IzGkozGEuSuQycEieOHpTSIWH/0tTY2J367Fw93uM2OTReONYp3ucN1DmyzBvFuyFjoXKn0VbN0IVQaNUMXRqVRI3ShVBr0R5dCpVFfdGlUGvVGl0qlQUpXQqVRT7oyKo0iUymVBm34wLM8HdIBePF+AXZdAAAAAElFTkSuQmCC)
    }
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {

    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(//www.rhodeskin.com/cdn/shop/t/1074/assets/photoswipe.svg?v=118181495713311880261761066855)
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

@media screen and (min-width: 760px) {
    .Button__white-desktop {
        --base-color: #653232;
        color: var(--base-color);
        box-shadow: inset 0 0 0 1px var(--base-color);
        background: #fff
    }

    .Button__white-desktop[data-mode=wave]:hover {
        color: #fff
    }

    .Button__large-desktop {
        --base-spacing: .8rem 1.9rem .7rem
    }

    .Button__large-desktop .Button-hover-content {
        background-color: var(--base-color);
        color: var(--label-color)
    }

    .Button__small {
        font-size: .90625rem !important;
        padding: .4375rem 1.75rem .4375rem 2.0625rem !important
    }

    .Button-hover-helper[data-index="1"]:hover~.Button-background-content[data-index="1"] {
        transform: rotate(180deg) translate(50%) translateY(-100%)
    }

    .Button-hover-helper[data-index="2"]:hover~.Button-background-content[data-index="2"] {
        transform: translate(0) translateY(-50%)
    }

    .Button-hover-helper[data-index="3"]:hover~.Button-background-content[data-index="3"] {
        transform: translate(-50%) translateY(-100%)
    }

    .Button-hover-helper[data-index="4"]:hover~.Button-background-content[data-index="4"] {
        transform: translate(0) translateY(-50%)
    }

    .Button__white-desktop .Button-background-content div {
        background-color: var(--base-color);
        height: 100%
    }

    .Button__white-desktop .Button-background-content div:after {
        background-color: var(--base-color)
    }

    .Button__white-desktop .Button-background-content svg path {
        fill: var(--base-color)
    }

    .Section {
        min-height: 50vw
    }

    .Section__min {
        min-height: 47.25vw
    }

    .u-animate-underline,
    .u-animate-underline:hover {
        text-decoration: none
    }

    .u-animate-underline span {
        position: relative
    }

    .u-animate-underline span:after {
        content: "";
        position: absolute;
        bottom: 4px;
        height: 1px;
        background: #653232;
        width: 100%;
        z-index: -1;
        transform-origin: left;
        transform: scaleX(0);
        transition: all .2s;
        left: 0
    }

    .u-animate-underline:hover {
        text-decoration: none
    }

    .u-animate-underline:hover span:after {
        transform: scaleX(1)
    }

    .Hero iframe {
        height: 56.25vw;
        min-width: 177.77vh
    }

    .Hero {
        height: calc(100vh - 5rem);
        max-height: calc(100vh - 4.5vw)
    }

    .Hero-content.CENTER_LEFT.multi_slide {
        padding-left: 4.5rem
    }

    .Hero-content.CENTER_RIGHT.multi_slide {
        padding-right: 4.5rem
    }

    .Hero-slider-pagination {
        display: none !important
    }

    .HeroLogo-logoOverlayerMobile {
        display: none
    }

    .HeroLogo-logoOverlayDesktop {
        display: flex
    }

    .HeroLogo iframe {
        height: 56.25vw;
        min-width: 177.77vh
    }

    .HeroLogo {
        height: calc(100vh - 5rem);
        max-height: calc(100vh - 4.5vw)
    }

    .HeroVertical {
        height: calc(100vh - 2rem)
    }

    .HeroVertical iframe {
        height: 56.25vw;
        min-width: 177.77vh
    }

    .HeroVertical {
        height: calc(100vh - 5rem);
        max-height: calc(100vh - 4.5vw)
    }

    .Custom-cursor {
        position: fixed
    }

    .Content-wrapper .Content-container .Content-image {
        margin: max(2rem, 4.5vh) auto max(1rem, 1.5vh);
        width: 60%
    }

    .CardCarousel-title {
        line-height: 100% !important;
        max-width: 20vw
    }

    .Content-hero-content-wrapper {
        max-width: 38.75vw
    }

    .Content-hero-content-title {
        font-size: 7vw;
        line-height: 7vw
    }

    .Featured-product-content-title.CONTENT__LEFT {
        justify-content: flex-start
    }

    .Featured-product-content-title.CONTENT__CENTER {
        justify-content: center
    }

    .Featured-product-content-title.CONTENT__RIGHT {
        justify-content: flex-end
    }

    .Featured-product-content-title.TEXT_DESKTOP__LEFT {
        text-align: left;
        align-items: flex-start
    }

    .Featured-product-content-title.TEXT_DESKTOP__RIGHT {
        text-align: right;
        align-items: flex-end
    }

    .Featured-product-content-title.TEXT_DESKTOP__CENTER {
        text-align: center;
        align-items: center
    }

    .Featured-product-content {
        padding: 2.5rem
    }

    .Featured-product-content-wrapper {
        align-items: flex-start
    }

    .Featured-product-content-wrapper.CONTENT__CENTER {
        text-align: center;
        align-items: center !important
    }

    .Featured-product-content-wrapper.CONTENT__RIGHT {
        text-align: right;
        align-items: flex-end !important
    }

    .Featured-product-price-container {
        margin-right: 1.2rem
    }

    .Featured-product-CTA {
        width: auto;
        margin-top: max(1rem, 1vw)
    }

    .Featured-product-CTA button {
        margin-bottom: 0
    }

    .Highlights {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .Highlights-wrapper {
        padding: 2rem;
        flex-flow: column
    }

    .Highlights-ingredient-container {
        align-items: center
    }

    .Highlights-ingredient-wrapper {
        border-radius: 12px;
        width: calc(100% - 2rem);
        justify-content: center
    }

    .Highlights-cta {
        margin-top: 0;
        justify-content: flex-end
    }

    .Highlights-toggle>h3 {
        padding: 1rem
    }

    .Highlights-toggle:first-of-type>h3 {
        margin-top: 0
    }

    .Highlights-circle {
        width: 120%
    }

    .Highlights-images-container.reverse-grid {
        order: 1
    }

    .Slider-with-video-container {
        min-height: unset
    }

    .Banner-image-container {
        max-height: 28vw;
        height: auto
    }

    .Banner-image-content {
        padding: 3vw;
        text-align: left;
        align-items: center
    }

    .Banner-image-content.TEXT_DESKTOP__LEFT {
        text-align: left;
        align-items: flex-start
    }

    .Banner-image-content.TEXT_DESKTOP__RIGHT {
        text-align: right;
        align-items: flex-end
    }

    .Banner-image-content.TEXT_DESKTOP__CENTER {
        text-align: center;
        align-items: center
    }

    .Banner-image-content.CONTENT_DESKTOP__TOP {
        justify-content: flex-start
    }

    .Banner-image-content.CONTENT_DESKTOP__CENTER {
        justify-content: center
    }

    .Banner-image-content.CONTENT_DESKTOP__BOTTOM {
        justify-content: flex-end
    }

    .Banner-image-content.CONTENT__CENTER {
        left: 50%;
        transform: translate(-50%)
    }

    .Banner-image-content.CONTENT__RIGHT {
        left: auto;
        right: 0
    }

    .Bundle-product-modal .Product-slider .swiper-wrapper {
        width: min(42.5rem, 42.5vw)
    }

    .Bundle-product-modal .Product-main-card {
        height: 100%;
        border-bottom-left-radius: 0;
        border-top-right-radius: 12px
    }

    .Bundle-product-modal-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: min(85rem, 85vw);
        max-height: 80vh
    }

    .Slider-with-navigation {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.25vw
    }

    .Slider-with-navigation-wrapper {
        padding: 2rem;
        border-radius: 12px;
        overflow: hidden;
        transform: translateZ(0)
    }

    .Slider-with-navigation-wrapper.reverse-grid {
        order: 1
    }

    .Slider-with-navigation-content {
        flex-flow: column
    }

    .Slider-with-navigation-content-index {
        margin-right: 1rem
    }

    .Slider-with-navigation-content-navigation {
        padding-bottom: 2.5rem
    }

    .Slider-with-navigation-content-navigation-item {
        height: min(5.5vw, 7rem);
        width: min(5.5vw, 7rem)
    }

    .Slider-with-navigation-content-navigation-item-label {
        font-size: max(.875rem, .875vw);
        bottom: -2rem
    }

    .Slider-with-navigation-container {
        padding: 2rem
    }

    .Slider-with-navigation-images-container {
        border-radius: 12px;
        overflow: hidden;
        transform: translateZ(0)
    }

    .Slider-with-content {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.25vw
    }

    .Slider-with-content-wrapper {
        flex-flow: column;
        padding: 2rem;
        border-radius: 12px;
        overflow: hidden;
        transform: translateZ(0)
    }

    .Slider-with-content-content {
        flex-flow: column
    }

    .Slider-with-content-content-index {
        margin-right: 1rem
    }

    .Slider-with-content-content-navigation-item:not(.--inside) {
        margin-bottom: 2.5rem
    }

    .Slider-with-content-content-navigation-item.--inside .Slider-with-content-content-navigation-item-label {
        font-size: max(.8rem, .8vw)
    }

    .Slider-with-content-content-navigation-item-label {
        font-size: max(.875rem, .875vw);
        bottom: -2rem
    }

    .Slider-with-content-container {
        padding: 2rem
    }

    .Slider-with-content-images-container {
        border-radius: 12px;
        overflow: hidden;
        transform: translateZ(0)
    }

    .NoteWithImage {
        padding: 4.375rem
    }

    .Profile-cards-cards {
        flex-direction: row;
        align-items: start
    }

    .Collection {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.5rem;
        grid-auto-rows: 1fr
    }

    .Collection>*+* {
        margin-top: 0
    }

    .Cart {
        display: grid;
        grid-template-columns: 55vw 1fr;
        grid-gap: 80px;
        padding: calc(32px + .5vw + 2.5rem) 2.5rem 0;
        align-items: center
    }

    .Cart-selectableGWP-product__title {
        font-size: max(1.125rem, 1.125vw)
    }

    .Cart-selectableGWP-expanded-text {
        max-height: unset;
        overflow-y: hidden;
        padding-top: 1rem
    }

    .Cart-selectableGWP-expanded-title {
        font-size: max(1.35rem, 1.35vw)
    }

    .CartItem-section.is-image {
        width: max(4.625rem, 5vw)
    }

    .CartItem-title,
    .CartItem-price {
        font-size: max(1.125rem, 1.125vw)
    }

    .Offcanvas-content .CartDrawer-items {
        padding: 0 max(2rem, 2vw)
    }

    .CartDrawer-container {
        padding: max(1rem, 1.4vw) max(2rem, 2vw) 1rem max(2rem, 2vw)
    }

    .CartDrawer-freeItemRemovedMessage {
        width: 78%;
        margin-left: auto;
        margin-right: auto
    }

    .CartDrawer-titleLink {
        margin-bottom: max(.5rem, .5vw);
        font-size: max(1.2rem, 1.2vw)
    }

    .CartDrawer-shippingLabel {
        font-size: max(1rem, 1vw);
        margin-bottom: 0
    }

    .CartDrawer-shippingLabel p,
    .CartDrawer-shippingLabel span,
    .CartDrawer-shippingLabel strong {
        font-size: max(1rem, 1vw)
    }

    .CartDrawer-items {
        padding: 0
    }

    .CartDrawer .Cart-upsell-title p {
        max-width: calc(100% - 140px)
    }

    .CartDrawer-upsell-container.expanded .CartItem-title {
        margin-bottom: .75rem
    }

    .progress {
        width: 78%
    }

    .CartGiftWrap-buttonWrapper {
        width: 7.8125rem
    }

    .CartGiftWrap-buttonWrapper .Button-container,
    .CartGiftWrap-buttonWrapper button {
        width: 100%
    }

    .CartGiftWrap-drawer {
        padding: 0
    }

    .CartGiftWrap-drawerContent {
        border-radius: 0
    }

    .CartGiftWrap-drawerTitle {
        text-align: center;
        font-size: max(1.2rem, 1.2vw)
    }

    .CartGiftWrap-drawerSubtitle {
        font-size: max(1rem, 1vw);
        margin-bottom: 0;
        max-width: 100%
    }

    .CartGiftWrap-drawerHeader {
        align-items: center
    }

    .CartGiftWrap-banner {
        padding: 1rem 0
    }

    .CartGiftWrap-bannerContent {
        max-width: 21.875rem
    }

    .CartGiftWrap-item__message,
    .Offcanvas {
        max-width: 75%
    }
}

@media screen and (max-width: 760px) {

    .Button-hover-helper[data-index="1"]:hover~.Button-background-content[data-index="1"],
    .Button-hover-helper[data-index="4"]:hover~.Button-background-content[data-index="1"] {
        transform: rotate(180deg) translate(50%) translateY(-100%)
    }

    .Button-hover-helper[data-index="3"]:hover~.Button-background-content[data-index="3"],
    .Button-hover-helper[data-index="2"]:hover~.Button-background-content[data-index="3"] {
        transform: translate(-50%) translateY(-100%)
    }

    .Hero.multipleSlides {
        padding-bottom: 22px
    }

    .Hero .swiper {
        border-radius: 12px
    }

    .Hero .swiper .swiper-button-next,
    .Hero .swiper .swiper-button-prev,
    .Hero br {
        display: none
    }

    .Hero-content .Button-container a {
        max-width: 87vw
    }

    .Hero-content.TOP_LEFT,
    .Hero-content.TOP_RIGHT {
        bottom: unset !important;
        top: 10%
    }

    .HeroLogo br,
    .HeroVertical br {
        display: none
    }

    .HeroVertical-content.TOP_LEFT,
    .HeroVertical-content.TOP_RIGHT {
        bottom: unset;
        top: 10%
    }

    .CardCarousel-title {
        font-size: 1.125rem
    }

    .Featured-product-content-title {
        font-size: calc(1.3rem + .2vw)
    }

    .Featured-product-content br {
        display: none
    }

    .Highlights-wrapper-with-cta {
        padding: 3rem 1rem 1.75rem
    }

    .Highlights-ingredient-wrapper {
        transform: translateY(100%)
    }

    .Highlights-toggle>h3 {
        font-size: min(3rem, 12vw)
    }

    .Highlights-images-container {
        height: 0%;
        padding-bottom: 109%
    }

    .Highlights-images-container .swiper {
        position: absolute
    }

    .Highlights-image-dot>div {
        width: max(13.75rem, 18vw)
    }

    .Highlights-ingredients-wrapper {
        justify-content: flex-start
    }

    .Banner-image-container[data-mobile-size=CONTAIN] {
        height: auto
    }

    .Banner-image-container[data-mobile-size=CONTAIN] img {
        object-fit: contain !important
    }

    .Banner-image-content {
        margin: 0
    }

    .Banner-image-content p {
        white-space: break-spaces
    }

    .Banner-image-content p br {
        display: none
    }

    .Bundle-product-modal {
        height: 100%;
        width: 100%;
        padding: 1rem;
        background: #fff
    }

    .Bundle-product-modal .Product-slider {
        height: auto
    }

    .Bundle-product-modal .Product-slider .Product-slider-image-container {
        height: 100%
    }

    .Bundle-product-modal-content {
        overflow: auto
    }

    .Slider-with-navigation-content br {
        display: none
    }

    .Slider-with-navigation-content .u-hSize {
        font-size: calc(1.4rem + .2vw)
    }

    .Slider-with-navigation-images-container {
        height: 0%;
        padding-bottom: 100%
    }

    .Slider-with-navigation-images-container {
        height: 0%;
        padding-bottom: 109%
    }

    .Slider-with-navigation-images-container .swiper {
        position: absolute
    }

    .Slider-with-content-content br {
        display: none
    }

    .Slider-with-content-content .u-hSize {
        font-size: calc(1.4rem + .2vw)
    }

    .Slider-with-content-content-title {
        padding-top: min(max(1.25rem, 1.3888888889vw), 2.25rem)
    }

    .Slider-with-content-images-container {
        height: 0%;
        padding-bottom: 100%
    }

    .Slider-with-content-images-container {
        height: 0%;
        padding-bottom: 109%
    }

    .Slider-with-content-images-container .swiper {
        position: absolute
    }

    .NoteWithImage .u-pSize,
    .NoteWithImage .u-pSize__Small {
        font-size: 1rem
    }

    .IngredientsSlider .swiper-button-next,
    .IngredientsSlider .swiper-button-prev {
        display: none
    }

    .Profile-cards-image {
        max-width: 12rem;
        aspect-ratio: 3/4;
        overflow: hidden
    }

    .Cart-upsell-title {
        font-size: 1rem;
        text-align: left
    }

    .Cart-selectableGWP-buttons {
        align-items: center;
        justify-content: space-between;
        width: -moz-fit-content;
        width: fit-content;
        gap: .5rem
    }

    .Cart-selectableGWP-image {
        min-width: 6.5rem
    }

    .Cart-selectableGWP-selector {
        margin-bottom: .5rem
    }

    .Cart-selectableGWP-moreDetails {
        font-size: .75rem
    }

    .Cart-selectableGWP-info {
        flex-flow: column;
        align-items: flex-start;
        justify-content: center;
        padding: 1.3125rem .75rem 1.0625rem 0
    }

    .Cart-selectableGWP-title {
        margin-bottom: .875rem;
        font-size: .9375rem;
        padding: 0 1rem !important
    }

    .Cart-selectableGWP-item {
        padding: 0 !important;
        gap: 0
    }

    .Cart-selectableGWP-expanded-header {
        padding: 0 1.375rem;
        max-width: unset;
        margin: 0
    }

    .Cart-selectableGWP-expanded-wrapper {
        padding: .6875rem .625rem
    }

    .Upsell__info {
        flex-flow: column;
        align-items: flex-start;
        justify-content: center
    }

    .Offcanvas-content {
        padding: 1rem
    }

    .Offcanvas-content .CartDrawer {
        border-radius: 12px
    }

    .CartDrawer-upsell-container .CartItem .CartItem-title-container {
        flex-flow: column;
        align-items: flex-start
    }

    .CartDrawer-upsell-container.expanded .CartItem-close {
        width: 20px
    }

    .CartDrawer-upsell-container.expanded .CartItem {
        padding-bottom: 1.5rem
    }

    .CartDrawer-upsell-container.expanded .CartItem-subtitle,
    .CartDrawer-upsell-container.expanded .CartItem-subtitle * {
        font-size: 11px !important;
        line-height: 120%
    }

    .CartDrawer-upsell-container.expanded .CartItem-section.is-image {
        width: max(5.625rem, 5vw)
    }
}

@media only screen and (min-width: 768px) {
    .Input {
        height: 60px
    }

    .tolstoy-carousel-video-container,
    .tolstoy-carousel-video-container video {
        aspect-ratio: 1/1 !important
    }

    tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-carousel-title {
        padding: 50px 50px 24px
    }

    tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width: 821px) {
    body:not(.template-index) main>.shopify-section:first-child {
        margin-top: calc(32px + .5vw + 2.5rem)
    }

    .Image-with-faq {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.25vw
    }

    .Image-with-faq-content {
        text-align: right
    }

    .Image-with-faq-wrapper {
        padding: 0 2rem .5rem;
        min-height: 30rem;
        border-radius: 12px;
        padding: 2rem
    }

    .Image-with-faq-container {
        padding: 2rem
    }

    .Image-with-faq-image-container {
        border-radius: 12px
    }

    .List-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.25vw
    }

    .List-content-content {
        text-align: right
    }

    .List-content-wrapper {
        padding: 0 2rem .5rem;
        min-height: 30rem;
        border-radius: 12px;
        padding: 2rem
    }

    .List-content-container {
        padding: 2rem
    }

    .List-content-list-item {
        flex-flow: row
    }

    .List-content-list-item-content {
        text-align: right
    }

    .List-content-list-item-title {
        white-space: nowrap
    }

    .List-content-image-container {
        border-radius: 12px
    }

    .Results-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.25vw
    }

    .Results-content-wrapper {
        min-height: 30rem;
        border-radius: 12px;
        padding: 0
    }

    .Results-content-wrapper-title {
        padding: 2.5vw
    }

    .Results-content-container {
        padding: 2rem
    }

    .Results-content-result-item {
        flex-flow: column;
        background: linear-gradient(290deg, #84827e00 -3.74%, #84827e1a 23.2%, #84827e2b);
        padding: 1.5rem 2.5vw;
        align-items: center;
        flex-flow: row;
        border-top: 1px solid #c4c4c4
    }

    .Results-content-result-item-label {
        text-transform: uppercase;
        font-size: max(.81rem + .2vw, .925vw);
        padding-right: 5vw
    }

    .Results-content-result-item-content {
        color: #4f6a46;
        font-family: Rektorat Heavy, Swiss Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
        font-size: 1.75vw !important
    }

    .Results-content-image-container {
        border-radius: 12px
    }

    .Menu-product {
        flex-flow: column;
        justify-content: space-between;
        width: max(13.75rem, 18vw);
        padding: 1.25rem 1.25rem 0;
        align-items: flex-start
    }

    .Menu-product-image {
        width: 100%;
        margin-bottom: 1.25rem
    }

    .Menu-product-tag-container {
        position: absolute;
        top: 2.25rem;
        left: 1.25rem
    }

    .Menu-product-title p {
        font-size: max(.7rem, 1.05vw)
    }

    .Tabbed-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.25vw
    }

    .Tabbed-content .swiper-slide {
        display: inherit;
        flex-grow: 1;
        width: 100% !important;
        max-width: 100% !important
    }

    .Tabbed-content .Tabbed-content-wrapper .swiper-slide:not(.swiper-slide-active) {
        opacity: 0 !important
    }

    .Tabbed-content-wrapper {
        padding: 0 2rem .5rem
    }

    .Tabbed-content-wrapper {
        border-radius: 12px;
        padding: 2rem
    }

    .Tabbed-content-container {
        padding: 0 0 14vw
    }

    .Tabbed-content-container h3 {
        font-size: 2.5vw
    }

    .Tabbed-content-images-container {
        border-radius: 12px
    }

    .Tabbed-content-multi {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.25vw
    }

    .Tabbed-content-multi .swiper-slide {
        display: inherit;
        flex-grow: 1;
        width: 100% !important;
        max-width: 100% !important
    }

    .Tabbed-content-multi .Tabbed-content-multi-wrapper .swiper-slide[data-content-slide]:not(.swiper-slide-active) {
        opacity: 0 !important
    }

    .Tabbed-content-multi-wrapper {
        padding: 0 2rem .5rem
    }

    .Tabbed-content-multi-wrapper {
        border-radius: 12px;
        padding: 2rem
    }

    .Tabbed-content-multi-container {
        padding: 0 0 14vw
    }

    .Tabbed-content-multi-container h3 {
        font-size: 2.5vw
    }

    .Tabbed-content-multi-images-container {
        border-radius: 12px
    }

    .Content-slider {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.25vw
    }

    .Content-slider-wrapper {
        padding: 2rem
    }

    .Content-slider-thumbnails {
        grid-template-columns: 1fr 1fr 1fr
    }

    .Content-slider-content-index {
        margin-right: .75rem
    }

    .Content-slider-container {
        padding: 2rem
    }

    .IngredientsSlider .Ingredients-slider .swiper-slide {
        width: auto;
        height: auto
    }

    .IngredientsSlider .Ingredients-slider .Image {
        height: 18.75rem;
        width: 18.75rem
    }

    .IngredientsSlider-card .u-hSize {
        font-size: 1.3vw
    }

    .Product {
        min-height: 85vh;
        transition: all .7s cubic-bezier(.76, 0, .24, 1)
    }

    .Product-slider {
        position: absolute
    }

    .Product-slider img {
        object-position: left
    }

    .Product-slider .Product__slide__minimal img,
    .Product-slider .Product__slide__variant img {
        object-position: center
    }

    .Product-slider__expand {
        display: none
    }

    .Product-slider .swiper-slide {
        display: flex;
        align-items: center
    }

    .Product-slider-image-container {
        width: 100%;
        height: 100%
    }

    .Product-slider-image-container>div {
        height: 100%
    }

    .Product-slider-image-container__half-width {
        width: 50%;
        height: 100%
    }

    .Product-slider-image-container__half-width .Image {
        padding-bottom: 0 !important;
        background-size: contain
    }

    .Product-main-card {
        background: #edecebcc;
        max-width: 50vw;
        border-radius: 12px;
        padding: 1.75rem;
        right: 3.25rem;
        bottom: 50%;
        transform: translateY(50%);
        position: absolute;
        transition: all 1s ease-in-out
    }

    .Product-main-card[data-is-full-width=false] {
        right: 0
    }

    .Product-main-card-title {
        margin-bottom: 1.75rem
    }

    .Product-main-card-subtitle-inner {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .Product-main-card .badge {
        width: 6vw;
        height: 6vw;
        margin-top: auto;
        min-width: 6.5vw;
        margin-bottom: .5rem
    }

    .Product-main-card-description:not(.variants-product) {
        margin: 1.5rem 0 1.75rem
    }

    .Product-main-card-content-wrapper {
        flex-flow: row
    }

    .Product-main-card-content-price-container {
        flex-flow: row;
        align-items: flex-start
    }

    .Product-main-card-content-price-container .Product-review-score-short {
        margin-top: 0
    }

    .Product-main-card-content-price-container p {
        margin: 0
    }

    .Product-tabs {
        padding-top: 2.25rem
    }

    .Product-sticky-cta {
        width: auto
    }

    .Product-sticky-bar {
        width: calc(100% - 4.5vw);
        left: auto
    }

    .Product-sticky-bar-swatches-container {
        margin: 0 1rem
    }

    .Product-sticky-bar .Product-swatches {
        margin: 0 0 0 2rem
    }

    .Product-sticky-bar-content-container {
        padding: 0 .75rem;
        height: 5.75rem;
        justify-content: space-between
    }

    .Product-sticky-bar-image {
        display: flex
    }

    .Product-swatches-wrapper {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .Product-swatches-container {
        display: block;
        border-top: 1px solid #c4c4c4;
        padding-top: 22px
    }

    .Product-swatches-container+.Product-swatches-container {
        border-top: 0;
        padding-top: 0
    }

    .Product-swatches-popup-container-info {
        font-size: max(.8rem, 1.125vw)
    }

    .Product-swatches-popup__active,
    .Product-swatches-popup ul {
        max-height: 280px
    }

    .Product-swatches-popup--product-card .Product-swatches-popup__content {
        padding: 2rem 1rem 1rem !important
    }

    .Product__slide__variant {
        background: #edecebcc;
        max-width: calc(55% - min(max(1.875rem, 2.0833333333vw), 2.8125rem));
        height: 76vh;
        border-radius: .75rem;
        transition: all .3s ease-in-out;
        width: 100%;
        top: 50%;
        transform: translateY(-50%) !important;
        position: absolute;
        overflow: hidden
    }

    .Product__slide__mobile {
        display: none !important
    }

    .Product__slide__desktop {
        display: block !important
    }

    .Product__upsell__content,
    .Product__upsell__image {
        flex-flow: row;
        align-items: center
    }

    .BackToStock {
        padding: 1.5rem;
        max-width: 80vw
    }

    .BackToStock--right {
        padding-top: 0;
        width: 50%
    }

    .BackToStock--right .Product-card-options-toggle {
        top: 2rem
    }

    .Product__new {
        margin-top: min(max(5.375rem, 5.9722222222vw), 8.0625rem)
    }

    .Product__new .Product-main-card {
        overflow-y: auto;
        max-width: 45%;
        padding-top: 1.75rem;
        height: 76vh;
        justify-content: flex-start
    }

    .Product__new .Product-slider-thumbnails {
        display: flex;
        bottom: 4.5rem
    }

    .Product-sticky-bar[data-bundle=true] .Product-sticky-bar-content-container {
        background: #edecebe5
    }

    .Product-sticky-bar[data-bundle=true] .Product-swatches {
        display: flex;
        gap: .625rem;
        padding: min(max(1.3125rem, 1.4583333333vw), 1.96875rem) 0
    }

    .Product-sticky-bar[data-bundle=true] .Product-swatches-button {
        text-align: center;
        border: 1px solid #c4c4c4;
        border-radius: 40px;
        padding: 4px 16px;
        background: transparent;
        transition: all .3s ease-in-out;
        cursor: pointer;
        font-size: min(max(.875rem, .9722222222vw), 1.3125rem);
        min-width: min(max(6.5625rem, 7.2916666667vw), 9.84375rem)
    }

    .Product-sticky-bar[data-bundle=true] .Product-swatches-button[data-selected=true] {
        background: #fff;
        font-weight: 700
    }

    .BundleBuilder {
        position: absolute;
        z-index: 1;
        height: 100%;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all .7s cubic-bezier(.76, 0, .24, 1);
        left: 0;
        top: 0;
        background: #f1f0ef;
        padding: 1.75rem
    }

    .BundleBuilder__swiper .swiper-slide:not(.swiper-slide-active) {
        opacity: 0 !important
    }

    [data-active-customiser=true] .js-bundle-builder-trigger {
        display: none
    }

    [data-active-customiser=true] .js-bundle-builder-close {
        display: flex !important
    }

    [data-has-swatches-popup-opened=true] .Product-swatches-popup-wrapper {
        padding-bottom: 2.5rem
    }

    .Header {
        width: calc(100% - 4.5vw);
        padding: 2.25vw 0 0
    }

    .Header .Logo svg {
        height: 30px
    }

    .Header nav a,
    .Header nav div:not(.Navigation-left-container) {
        margin-right: 3rem;
        font-weight: 700
    }
}

@media screen and (max-width: 821px) {
    .smp-banner-refreshed {
        margin-top: calc(30px + .5vw + 2rem) !important
    }

    .Image-with-faq-wrapper .u-hSize br {
        display: none
    }

    .Image-with-faq-wrapper .Button-container {
        display: flex;
        justify-content: center
    }

    .Image-with-faq-image-container .Image>span {
        padding-bottom: 109% !important
    }

    .List-content-title p {
        margin-bottom: 0
    }

    .List-content-wrapper .u-hSize br {
        display: none
    }

    .List-content-list-item-title {
        font-size: max(.81rem + .2vw, .925vw);
        line-height: 150%;
        margin-bottom: .5rem
    }

    .List-content-list-item-title p {
        font-size: inherit;
        line-height: inherit
    }

    .List-content-image-container .Image>span {
        padding-bottom: 109% !important
    }

    .Results-content-result-item-label {
        font-weight: 400;
        text-transform: lowercase
    }

    .Results-content-result-item-content {
        font-weight: 700;
        text-transform: uppercase;
        font-size: max(.81rem + .2vw, .925vw);
        margin-bottom: .5rem
    }

    .Results-content-image-container .Image>span {
        padding-bottom: 109%
    }

    .Menu-product:last-of-type {
        margin-bottom: 20px
    }

    .Tabbed-content-text {
        margin-top: 1rem;
        margin-bottom: 1.25rem
    }

    .Tabbed-content-container br {
        display: none
    }

    .Tabbed-content-container h3 {
        font-size: calc(1.5rem + .1vw)
    }

    .Tabbed-content-toggle p {
        font-size: calc(1.25rem + .1vw)
    }

    .Tabbed-content-images-container {
        height: 0%;
        padding-bottom: 128%
    }

    .Tabbed-content-images-container .swiper {
        position: absolute
    }

    .Tabbed-content-multi-text {
        margin-top: 1rem;
        margin-bottom: 1.25rem
    }

    .Tabbed-content-multi-container br {
        display: none
    }

    .Tabbed-content-multi-container h3 {
        font-size: calc(1.5rem + .1vw)
    }

    .Tabbed-content-multi-toggle p {
        font-size: calc(1.25rem + .1vw)
    }

    .Tabbed-content-multi-images-container {
        height: 0%;
        padding-bottom: 128%
    }

    .Tabbed-content-multi-images-container .swiper {
        position: absolute
    }

    .Content-slider-thumbnail:nth-child(3) {
        height: 0;
        padding-bottom: 50%;
        grid-column: 1/span 2;
        position: relative
    }

    .Content-slider-thumbnail:nth-child(3)>div {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .Content-slider-content br {
        display: none
    }

    .Content-slider-content>div {
        margin-top: .5rem;
        font-size: calc(1.2rem + .2vw)
    }

    .Content-slider-images-container {
        height: 0%;
        padding-bottom: 100%
    }

    .Content-slider-images-container {
        height: 0%;
        padding-bottom: 142%
    }

    .Content-slider-images-container .swiper {
        position: absolute
    }

    .IngredientsSlider-card {
        width: 12.5rem;
        max-width: 12.5rem
    }

    .IngredientsSlider-card .u-pSize__Small {
        font-size: calc(.625rem + .2vw)
    }

    .IngredientsSlider-card .u-pSize__Custom p {
        font-size: 1rem
    }

    .Product {
        background-color: #f3ecee;
        overflow: visible
    }

    .Product .Product-slider .swiper-slide {
        height: auto
    }

    .Product .Product-slider .swiper-slide div {
        height: 100%
    }

    .Product-main-card[data-product-variants=true] .Product-main-card-description {
        margin: .75rem 0 1.5rem !important
    }

    .Product-main-card {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }

    .Product-main-card-subtitle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-items: end
    }

    .Product-main-card-subtitle .badge {
        width: 17vw;
        height: 17vw;
        max-height: 4.375rem;
        margin-top: auto
    }

    .Product-main-card-subtitle .okeReviews,
    .Product-main-card-subtitle h2 {
        bottom: -.5rem;
        position: relative
    }

    .Product-sticky-bar[data-has-variants=true] .Product-sticky-bar-content-container {
        gap: 12px
    }

    .Product-sticky-bar[data-has-variants=true] .Button-container {
        display: flex
    }

    .Product-sticky-bar[data-has-variants=true] .Button-container button,
    .Product-sticky-bar[data-has-variants=true] .Button-container a {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        font-size: min(.975rem, 3.25vw) !important
    }

    .Product-sticky-bar[data-has-variants=true] .Product-swatches-container,
    .Product-sticky-bar[data-has-variants=true] .Product-sticky-bar-content-container>div {
        width: 100%;
        max-width: 48vw
    }

    .Product-sticky-bar[data-has-variants=true] .Product-swatches {
        position: relative;
        align-items: center;
        background-color: #fff;
        border: 1px solid rgba(109, 110, 112, .6);
        border-radius: 50px;
        margin: 0;
        padding: 5px 24px 5px 8px;
        font-size: min(.975rem, 3.25vw) !important
    }

    .Product-sticky-bar[data-has-variants=true] .Product-swatches span {
        position: relative;
        top: -1px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: 700
    }

    .Product-sticky-bar[data-has-variants=true] .Product-swatches svg {
        position: absolute;
        right: 3vw
    }

    .Product-swatches-popup {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        transform: translateY(100%);
        max-height: none;
        opacity: 1;
        padding-top: 3rem
    }

    .Product-swatches-popup-background {
        display: block
    }

    .Product-swatches-popup__active {
        transform: translateY(0)
    }

    .Product-swatches-popup__active+.Product-swatches-popup-background {
        background-color: #000000bf;
        visibility: visible;
        opacity: 1
    }

    .Product-swatches-popup__active+.Product-swatches-popup-background.product-card {
        background-color: #fff !important;
        height: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        width: 100%;
        opacity: 85%
    }

    .Product-swatches-popup ul {
        padding: 0 1rem 1rem
    }

    .Product-swatches-popup li {
        border-radius: 8px
    }

    .Product-swatches-popup-wrapper .Product-swatches-popup__content {
        padding-top: 3rem;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        position: relative
    }

    .Product__slide__variant {
        flex-grow: 1;
        display: flex;
        flex-flow: column;
        justify-content: flex-end
    }

    [data-has-swatches-popup-opened=true] .Product-sticky-bar {
        transform: translateY(120%) !important
    }

    [data-has-swatches-popup-opened=true] #shopify-section-header,
    [data-has-swatches-popup-opened=true] .TopBanner,
    [data-has-swatches-popup-opened=true] .Header {
        z-index: 1;
        opacity: 0
    }

    .Product__new .Product-main-card {
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px
    }

    .Product__new .Product-main-card-title {
        margin-top: .75rem
    }

    .Product__new .Product-slider {
        aspect-ratio: .78
    }

    .Product__new .swiper:not(.swiper-initialized) .swiper-wrapper {
        gap: .25rem
    }

    .Product__new .Product-slider .swiper-slide.--smaller {
        width: 94% !important
    }

    .Product__new .Product-slider .swiper-slide .Product-slider-image-container {
        position: relative
    }

    .Product__new .Product-slider .swiper-slide .Product-slider-image-container video {
        position: relative;
        z-index: -1
    }

    .Product-sticky-bar[data-bundle=true] .Product-sticky-bar-content-container {
        gap: .25rem
    }

    .BundleBuilder {
        position: fixed;
        left: 0;
        width: calc(100% - 2rem);
        bottom: 0;
        z-index: 10000;
        background-color: #f3ecee;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        margin: 0 1rem;
        padding: 1rem;
        transform: translateY(100%);
        transition: all .7s cubic-bezier(.76, 0, .24, 1);
        height: calc(100% - 1rem);
        display: flex;
        flex-flow: column
    }

    .BundleBuilder__container {
        flex-grow: 1;
        display: flex;
        flex-flow: column;
        justify-content: flex-end
    }

    .BundleBuilder__customizeTrigger {
        position: absolute;
        left: 1.375rem;
        right: auto;
        top: 3.5rem
    }

    .BundleBuilder__customizeTrigger[data-mode=close] {
        width: min(max(1.75rem, 1.9444444444vw), 2.625rem);
        height: min(max(1.75rem, 1.9444444444vw), 2.625rem);
        border-radius: 50%;
        padding: 0;
        top: 1.375rem;
        align-items: center;
        justify-content: center
    }

    .BundleBuilder__customizeTrigger[data-mode=close] svg {
        margin-bottom: 0
    }

    .BundleBuilder__swiper {
        overflow: visible !important
    }

    .BundleBuilder__swiper .swiper-wrapper {
        transform: none
    }

    .BundleBuilder__section__toggle span {
        width: min(max(.5rem, .5555555556vw), .75rem);
        height: .125rem
    }

    .BundleBuilder__button {
        padding-left: .75rem;
        padding-right: .75rem;
        font-size: .8125rem !important
    }

    .BundleBuilder__models__slider {
        aspect-ratio: .78;
        height: auto
    }

    .BundleBuilder__models__slider .Product__slide__minimal,
    .BundleBuilder__models__slider .Product__slide__variant {
        width: 100% !important;
        max-width: none !important
    }

    #shopify-section-header,
    #shopify-section-top-banner {
        transition: all .7s cubic-bezier(.76, 0, .24, 1);
        position: relative
    }

    [data-active-customiser=true] #shopify-section-header,
    [data-active-customiser=true] #shopify-section-top-banner {
        opacity: 0;
        visibility: hidden;
        pointer-events: none
    }

    [data-active-customiser=true] .Product-slider {
        opacity: 0;
        visibility: hidden
    }

    [data-active-customiser=true] .BundleBuilder {
        transform: translateY(0)
    }

    [data-has-swatches-popup-opened=true] .Product-swatches-popup-wrapper {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .Header:not(.index) {
        padding-top: 1rem
    }

    .Header__backdroped {
        filter: brightness(.5)
    }

    .Mobile-menu-wrapper {
        visibility: hidden
    }

    .Mobile-menu-wrapper__opened {
        visibility: visible
    }
}

@media only screen and (min-width: 760px) {
    .cover {
        padding: 2.25vw
    }

    .shopify-section:not(.EarlyAccess-section)+.shopify-section,
    main+.shopify-section {
        margin-top: 2.25vw
    }

    .u-pSize,
    p,
    a {
        font-size: max(.8rem, 1.125vw)
    }

    .u-pSize__Medium,
    p__Medium,
    a__Medium {
        font-size: max(1rem + .2vw, 1.3vw)
    }

    .u-pSize__Large,
    p__Large,
    a__Large {
        font-size: max(1.5rem + .2vw, 1.85vw);
        line-height: 150%
    }

    .u-showMobile {
        display: block !important
    }

    .u-showMobile__flex {
        display: flex !important
    }

    .u-showMobile__grid {
        display: grid !important
    }

    .u-showMobile__inline {
        display: inline-block !important
    }

    .u-hideMobile,
    .u-hideMobile__flex {
        display: none !important
    }

    .Hero-content p {
        font-size: 2.5vw
    }

    .Hero-content {
        flex-flow: row;
        flex-wrap: wrap;
        align-items: flex-end;
        padding: min(2rem, 3vw);
        width: 100%
    }

    .Hero-content-wrapper {
        display: flex;
        flex-flow: column;
        align-items: flex-end;
        margin: 0
    }

    .Hero-content h1 {
        margin-bottom: .75rem
    }

    .Hero .video-play-pause {
        bottom: min(2.1rem, 3vw)
    }

    .Hero .video-play-pause[data-desktop-alignment=left] {
        left: min(2rem, 3vw)
    }

    .Hero .video-play-pause[data-desktop-alignment=right] {
        right: min(2rem, 3vw)
    }

    .HeroLogo-content {
        padding: 5rem 2.5rem 4rem
    }

    .HeroLogo-content-position--TOP {
        justify-content: flex-start
    }

    .HeroLogo-content-position--CENTER {
        justify-content: center
    }

    .HeroLogo-content-position--BOTTOM {
        justify-content: flex-end
    }

    .HeroLogo-content-align--LEFT {
        align-items: flex-start;
        text-align: left
    }

    .HeroLogo-content-align--CENTER {
        align-items: center;
        text-align: center
    }

    .HeroLogo-content-align--RIGHT {
        align-items: flex-end;
        text-align: right
    }

    .HeroLogo-content h1,
    .HeroLogo-content h2,
    .HeroLogo-content h3,
    .HeroLogo-content h4,
    .HeroLogo-content h5,
    .HeroLogo-content h6 {
        margin-bottom: .75rem
    }

    .HeroLogo-content p {
        font-size: 2.5vw;
        margin-bottom: .75rem;
        max-width: 50rem
    }

    .HeroVertical-content p {
        font-size: 2.5vw
    }

    .HeroVertical-content {
        flex-flow: row;
        flex-wrap: wrap;
        align-items: flex-end;
        padding: min(2rem, 3vw);
        width: 100%
    }

    .HeroVertical-content-wrapper {
        display: flex;
        flex-flow: column;
        align-items: flex-end;
        margin: 0
    }

    .HeroVertical-content h1 {
        margin-bottom: .75rem
    }

    .ImageWithContent {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "image content"
    }

    .ImageWithContent.Image-position--RIGHT {
        grid-template-areas: "content image"
    }

    .ImageWithContent.Image-position--LEFT {
        grid-template-areas: "image content"
    }

    .ImageWithContent.Image-position--CENTER {
        grid-template-areas: "content image"
    }

    .ImageWithContent-spacing--true {
        grid-gap: 2.25vw
    }

    .ImageWithContent-content-title {
        margin-bottom: max(1.5rem, 1.5vw);
        padding-top: max(1.5rem, 1.5vw)
    }

    .Content-wrapper p {
        max-width: 31vw
    }

    .Marquee {
        transform: rotate(90deg) translateY(100%);
        bottom: auto;
        left: auto
    }

    .Marquee-container>div span {
        transform: rotate(180deg)
    }

    .Marquee-container>div .u-hSize--Medium {
        font-size: min(max(3.75rem, 4vw), 5rem)
    }

    .Marquee-container>div>svg {
        width: 1.75rem;
        height: 1.75rem;
        margin: 0 .75rem 0 1rem;
        top: -.5rem
    }

    .CardCarousel {
        margin-bottom: 2.25vw
    }

    .Full-image,
    .Full-image.horizontal {
        padding-bottom: 56%
    }

    .Full-image-container .u-hSize {
        margin: 1.5rem 0 .75rem
    }

    .Full-image-content {
        padding: 5rem 2.5rem
    }

    .Full-image-content-position--TOP {
        justify-content: flex-start
    }

    .Full-image-content-position--CENTER {
        justify-content: center
    }

    .Full-image-content-position--BOTTOM {
        justify-content: flex-end
    }

    .Full-image-content-align--LEFT {
        align-items: flex-start;
        text-align: left
    }

    .Full-image-content-align--CENTER {
        align-items: center;
        text-align: center
    }

    .Full-image-content-align--RIGHT {
        align-items: flex-end;
        text-align: right
    }

    .Full-image-content h1,
    .Full-image-content h2,
    .Full-image-content h3,
    .Full-image-content h4,
    .Full-image-content h5,
    .Full-image-content h6 {
        margin-bottom: .75rem
    }

    .Full-image-content p {
        font-size: 2.5vw;
        margin-bottom: .75rem;
        max-width: 50rem
    }

    .Content-hero-cta-wrapper .Button__link {
        font-size: max(.7rem, .86vw) !important
    }

    .Full-video-w-button-content {
        top: 50%;
        width: 45%;
        height: 16.25rem;
        transform: translateY(-50%);
        text-align: left;
        right: 2.8125rem;
        left: auto;
        max-width: 43.75rem
    }

    .Full-video-w-button-content p {
        margin-bottom: 1rem;
        font-size: 2.5vw
    }

    .Full-video-w-button-secondary-content {
        flex-direction: row;
        justify-content: end;
        align-items: center;
        gap: 1.875rem;
        margin-top: 0
    }

    .Full-video-w-button .VideoPlay-button {
        width: 7.5rem;
        height: 7.5rem
    }

    .Full-video-w-button .u-hSize {
        font-size: min(max(3rem, 2.75vw), 3rem)
    }

    .Slider-with-video.Image-position--RIGHT.Image-position--with-video {
        grid-template-columns: 54vw 1fr
    }

    .Slider-with-video {
        margin-right: 5vw;
        margin-bottom: 0;
        grid-template-columns: 36vw 1fr;
        grid-template-areas: "content image"
    }

    .Slider-with-video.Image-position--LEFT {
        grid-template-areas: "image content";
        grid-template-columns: 52vw 1fr
    }

    .Slider-with-video.Image-position--LEFT.Image-position--with-video {
        grid-template-areas: "image content";
        grid-template-columns: 38vw 1fr
    }

    .Slider-with-video.Image-position--LEFT.Image-position--with-video .Image-container {
        margin: 0 0 0 2rem
    }

    .Slider-with-video.Image-position--RIGHT.Image-position--with-video .Image-container {
        margin: 0 2rem 0 0
    }

    .Slider-with-video .Image-with-video {
        min-height: initial
    }

    .Slider-with-video .Image-with-video,
    .Slider-with-video .Image-with-video .u-showMd {
        height: 100%
    }

    .Slider-with-video-backdrop-content {
        padding: 1vw 0;
        justify-content: space-between;
        flex-flow: column-reverse;
        align-items: center;
        height: 100%;
        width: 5vw
    }

    .Slider-with-video-backdrop-content * {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        transform: scale(-1)
    }

    .Slider-with-video-image-container>span {
        height: 26vw;
        width: 26vw;
        margin: auto !important;
        top: 50%;
        transform: translateY(-50%)
    }

    .Slider-with-video-image-container .product-description-text {
        max-width: 12vw
    }

    .Slider-with-video-image-container .product-description-text p.description-title .description-title__arrow {
        width: 7.25vw;
        top: .625vw;
        margin-left: .625vw;
        right: -7.5vw
    }

    .Slider-with-video-image-container .product-description-text p.description-title .description-title__arrow:after {
        width: .75vw;
        height: .75vw;
        top: -.3125vw
    }

    .Slider-with-video-content-wrapper {
        padding: .75vw 6.25vw 2.5vw 2vw
    }

    .Bundle-contents {
        padding: min(2rem, 8vw);
        gap: min(4rem, 8vw);
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "image content"
    }

    .Bundle-contents.Image-position--RIGHT {
        grid-template-areas: "content image"
    }

    .Bundle-contents-content-title {
        margin-bottom: 2.25rem
    }

    .Bundle-contents-product:last-of-type {
        border-bottom: 1px solid #c4c4c4
    }

    .ImageWithNewsletter {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "image content"
    }

    .Content-wrapper:not(.Content-wrapper--with-marquee) {
        padding: 2.5rem
    }

    .Content-wrapper {
        padding: .75rem 6.25rem 2.5rem 2rem
    }

    .Instruction {
        margin-right: 5rem;
        margin-bottom: 0;
        grid-template-columns: 36rem 1fr;
        grid-template-areas: "content image"
    }

    .Instruction-backdrop-content {
        padding: 2rem 0;
        justify-content: space-between;
        flex-flow: column-reverse;
        align-items: center;
        height: 100%;
        width: 5rem
    }

    .Instruction-backdrop-content * {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        transform: scale(-1)
    }

    .Instruction-content-wrapper {
        padding: .75rem 6.25rem 2.5rem 2rem
    }

    .Faq-section {
        display: grid;
        grid-gap: 2.25vw;
        grid-template-columns: 22.5rem 1fr;
        align-items: flex-start
    }

    .Faq-section-navigation,
    .Faq-section-content {
        background: #f3ecee;
        border-radius: 12px;
        padding: 2.25vw
    }

    .Faq-section-navigation {
        position: sticky;
        top: 2rem
    }

    .Faq-section-navigation-item__active {
        transform: translate(1rem)
    }

    .Faq-section-navigation-item__active:before {
        opacity: 1;
        transform: translate(-1rem, -50%)
    }

    .Faq-section-content-title,
    .Faq-section-content-faq {
        padding-bottom: 2rem
    }

    .Order-heading {
        flex-direction: row;
        align-items: center;
        border-bottom: 1px solid #c4c4c4;
        margin-bottom: 1.5rem
    }

    .Order-placed {
        margin-bottom: 1rem
    }

    .Product-card {
        min-height: 0
    }

    .Product-card-content {
        padding: 1.75rem
    }

    .Product-card-title p {
        font-size: max(1rem, 1.25vw)
    }

    .Product-card-cta {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        padding: 1rem .75rem;
        transform: translateY(150%)
    }

    .Product-card-cta__active {
        transform: translateY(0)
    }

    .Product-card .Product-card-option-header {
        margin-right: 0
    }

    .Product-card .Button__white-desktop,
    .Product-card .Button__white-desktop .Button-hover-helper {
        box-shadow: none
    }

    .Blog .Full-video-w-button-content {
        left: 0;
        right: 0;
        width: 100%;
        max-width: 65vw
    }

    .Blog .Full-video-w-button-content .u-hSize {
        font-size: min(max(2rem, 2.3vw), 3rem)
    }

    .Blog-container {
        padding: 2.5rem
    }

    .BlogListItem {
        width: calc(50% - 1.3rem);
        margin: 0
    }

    .BlogListItem .corners.corner-top {
        top: -60px
    }

    .BlogListItem .corners.corner-bottom {
        bottom: -60px
    }

    .BlogListItem.full_width {
        width: calc(100% + 5rem);
        margin: 2rem -2.5rem 2.5rem
    }

    .BlogListItem.full_width:before {
        height: calc(100% + 120px);
        top: -60px
    }

    .BlogListItem.full_width .BlogListItem-link {
        top: 40%;
        width: 60%
    }

    .BlogListItem.full_width .BlogListItem-link .BlogListItem-content {
        font-size: 2.25rem
    }

    .BlogListItem.full_width .Image-with-video-content {
        top: 65%;
        width: 60rem
    }

    .BlogListItem.full_width .Image-with-video-content .VideoPlay-button {
        align-self: end;
        width: 7.5rem;
        height: 7.5rem
    }

    .Image-with-video-content {
        width: 100%;
        transform: translateY(-50%);
        left: 0
    }

    .Image-with-video-secondary-content {
        flex-direction: row;
        justify-content: end;
        align-items: center;
        gap: 1.875rem;
        margin-top: 0
    }

    .Image-with-video .VideoPlay-button {
        width: 5rem;
        height: 5rem;
        transform: none
    }

    .Image-with-video .u-hSize {
        font-size: min(2.5rem, 12vw)
    }

    .ArticlePage-content {
        max-width: 56vw
    }

    .ArticlePage .Image-with-video .VideoPlay-button {
        width: 7.5rem;
        height: 7.5rem
    }
}

@media only screen and (min-width: 821px) {
    .u-hSize {
        font-size: 2.525vw;
        line-height: 120%
    }

    .u-hSize--Small {
        font-size: min(max(2.55rem, 2.75vw), 3rem)
    }

    .u-hSize--Medium {
        font-size: 4vw
    }

    .u-hSize--Large {
        font-size: max(7.25rem, 12vw)
    }

    .u-showMd {
        display: block !important
    }

    .u-showMd__flex {
        display: flex !important
    }

    .u-showMd__grid {
        display: grid !important
    }

    .u-showMd__inline {
        display: inline-block !important
    }

    .u-showMd__contents {
        display: contents !important
    }

    .u-hideMd,
    .u-hideMd__flex,
    .u-hideMd__inline,
    .u-hideMd__contents {
        display: none !important
    }

    .Full-video .Play-cursor {
        bottom: -rem-calc(100);
        width: 6.25rem;
        height: 6.25rem;
        position: absolute
    }

    .Full-video .Play-cursor-align--LEFT {
        left: 0
    }

    .Full-video .Play-cursor-align--CENTER {
        left: 50%;
        transform: translate(-50%)
    }

    .Full-video .Play-cursor-align--RIGHT {
        right: 0
    }

    .IngredientsSlider {
        padding: 3.125rem 3.125rem 4.25rem
    }

    .IngredientsSlider-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1.25rem;
        margin-bottom: 1rem
    }

    .IngredientsSlider-header .u-hSize {
        max-width: 31vw;
        font-size: 2.5rem
    }

    .IngredientsSlider-header .u-pSize {
        max-width: 31vw
    }

    .IngredientsSlider-header .u-pSize p {
        margin-bottom: .5em
    }

    .NewCollectionGrid[data-grid-columns="3"] .Product-card-content-title {
        font-size: 3.5vw !important
    }

    .ArticlePage-content h1,
    .ArticlePage-content h2,
    .ArticlePage-content h3,
    .ArticlePage-content h4,
    .ArticlePage-content h5,
    .ArticlePage-content h6,
    .ArticlePage .Image-with-video .u-hSize {
        font-size: min(max(1.55rem, 1.75vw), 3rem)
    }

    .Customer {
        margin-top: min(max(5.375rem, 5.9722222222vw), 8.0625rem)
    }

    .Customer-form {
        padding: 3.75rem
    }

    .Customer-form-recovery {
        margin-top: 1.5625rem
    }

    .Customer-container-column__left {
        display: block
    }

    .AccountSection {
        padding: 7.5rem 1rem 2.5rem
    }

    .AccountSection-navigation,
    .AccountSection-content {
        background: #f3ecee;
        border-radius: 12px;
        padding: 2.5rem 2.5rem 0
    }

    .AccountSection-navigation {
        position: sticky;
        top: 2rem
    }

    .AccountSection-content-title,
    .AccountSection-contentFAQ {
        padding-bottom: 2rem
    }

    .AccountSection .u-pSize,
    .AccountSection .order-info--content {
        font-size: 1rem
    }

    .AccountOverview-section-content {
        flex-flow: row;
        align-items: center
    }

    .AccountOverview-section-content>div+div {
        margin-top: 0rem;
        margin-left: 2rem
    }

    .AccountAddress-section-content {
        flex-flow: row;
        align-items: center
    }

    .AccountOverviewOrders-section-content>div:first-child {
        margin-right: 1rem
    }

    .AccountOverviewOrders-section-content {
        flex-flow: row;
        align-items: center;
        flex-wrap: wrap
    }

    .AccountOverviewOrders-section-content__order-info {
        display: block;
        width: auto
    }

    .AccountOverviewOrders-section-content .OrderThubnails {
        margin-right: auto;
        margin-left: 3.75rem
    }

    .OrderSlider {
        max-width: 26rem
    }

    .Footer-afterpay-logo {
        max-width: 10.625rem
    }
}

@media only screen and (min-width: 1240px) {
    .u-showLg {
        display: block !important
    }

    .u-showLg__flex {
        display: flex !important
    }

    .u-hideLg {
        display: none !important
    }

    .Content-card-content-spaced {
        padding: 2.5rem
    }

    .Slider-with-video.Image-position--RIGHT.Image-position--with-video {
        grid-template-columns: 51vw 1fr
    }

    .Slider-with-video.Image-position--LEFT {
        grid-template-areas: "image content";
        grid-template-columns: 62vw 1fr
    }

    .Slider-with-video.Image-position--LEFT.Image-position--with-video {
        grid-template-areas: "image content";
        grid-template-columns: 38vw 1fr
    }

    .Slider-with-video.Image-position--with-video .Image-container {
        margin: 0 0 0 3rem
    }

    .Slider-with-video.Image-position--LEFT.Image-position--with-video .Image-container,
    .Slider-with-video.Image-position--RIGHT.Image-position--with-video .Image-container {
        margin: 3rem;
        align-self: auto
    }

    .Slider-with-video-content-title {
        padding-top: 1.5vw
    }

    .Slider-with-video-backdrop h3 {
        font-size: 2rem
    }

    .Instruction-content-title {
        padding-top: 1.5rem
    }

    .Faq-section {
        grid-template-columns: 30rem 1fr
    }

    .AccountSection {
        padding: 0 1rem 2.5rem;
        display: grid;
        grid-template-columns: 25rem 1fr;
        align-items: flex-start
    }
}

@media screen and (min-width: 1040px) {
    .Hero[data-short-hero=true] .Hero-desktop-media video {
        top: 50%;
        left: 50%;
        transform: translate(-50%) translateY(-50%) translateZ(0) !important;
        width: auto;
        height: 100%
    }

    .Header .Logo svg {
        height: 31.2px
    }
}

@media only screen and (min-width: 1040px) {
    .Hero.mobile_hide {
        display: block
    }

    .Hero.desktop_hide {
        display: none !important
    }

    .HeroLogo.mobile_hide {
        display: block
    }

    .HeroLogo.desktop_hide {
        display: none !important
    }

    .HeroVertical.mobile_hide {
        display: block
    }

    .HeroVertical.desktop_hide {
        display: none !important
    }

    .HeroVertical-copy.content_desktop_top_center {
        align-items: flex-start;
        justify-content: center
    }

    .HeroVertical-copy.content_desktop_top_left {
        align-items: flex-start;
        justify-content: flex-start
    }

    .HeroVertical-copy.content_desktop_top_right {
        align-items: flex-start;
        justify-content: flex-end
    }

    .HeroVertical-copy.content_desktop_center {
        align-items: center;
        justify-content: center
    }

    .HeroVertical-copy.content_desktop_center_left {
        align-items: center;
        justify-content: flex-start
    }

    .HeroVertical-copy.content_desktop_center_right {
        align-items: center;
        justify-content: flex-end
    }

    .HeroVertical-copy.content_desktop_bottom_center {
        align-items: flex-end;
        justify-content: center
    }

    .HeroVertical-copy.content_desktop_bottom_left {
        align-items: flex-end;
        justify-content: flex-start
    }

    .HeroVertical-copy.content_desktop_bottom_right {
        align-items: flex-end;
        justify-content: flex-end
    }

    .HeroVertical-copy-wrapper {
        max-width: 25rem
    }

    .HeroVertical-copy-wrapper.text_desktop_left {
        text-align: left
    }

    .HeroVertical-copy-wrapper.text_desktop_right {
        text-align: right
    }

    .HeroVertical-copy-wrapper.text_desktop_center {
        text-align: center
    }

    .Full-image.hide-mobile {
        display: block
    }

    .Full-image.hide-desktop {
        display: none !important
    }

    .Content-hero.mobile_hide {
        display: block
    }

    .Content-hero.desktop_hide {
        display: none !important
    }

    .Featured-product.mobile_hide {
        display: block
    }

    .Featured-product.desktop_hide {
        display: none !important
    }
}

@media screen and (max-width: 820px) {
    .Hero-content.TOP_CENTER {
        bottom: unset !important;
        top: 10%
    }

    .HeroVertical-content.TOP_CENTER {
        bottom: unset;
        top: 10%
    }
}

@media only screen and (max-width: 1040px) {
    .HeroVertical-copy.content_mobile_top_center {
        align-items: flex-start;
        justify-content: center
    }

    .HeroVertical-copy.content_mobile_top_left {
        align-items: flex-start;
        justify-content: flex-start
    }

    .HeroVertical-copy.content_mobile_top_right {
        align-items: flex-start;
        justify-content: flex-end
    }

    .HeroVertical-copy.content_mobile_center {
        align-items: center;
        justify-content: center
    }

    .HeroVertical-copy.content_mobile_center_left {
        align-items: center;
        justify-content: flex-start
    }

    .HeroVertical-copy.content_mobile_center_right {
        align-items: center;
        justify-content: flex-end
    }

    .HeroVertical-copy.content_mobile_bottom_center {
        align-items: flex-end;
        justify-content: center
    }

    .HeroVertical-copy.content_mobile_bottom_left {
        align-items: flex-end;
        justify-content: flex-start
    }

    .HeroVertical-copy.content_mobile_bottom_right {
        align-items: flex-end;
        justify-content: flex-end
    }

    .HeroVertical-copy-wrapper.fullwidth_text {
        max-width: 100%
    }

    .HeroVertical-copy-wrapper.text_mobile_left {
        text-align: left
    }

    .HeroVertical-copy-wrapper.text_mobile_right {
        text-align: right
    }

    .HeroVertical-copy-wrapper.text_mobile_center {
        text-align: center
    }
}

@media only screen and (max-width: 640px) {

    .ImageWithContent .Image-container span span,
    .ImageWithNewsletter .Image-container span span {
        padding-bottom: 105% !important
    }
}

@media only screen and (max-width: 759px) {
    .ImageWithContent-newsletter .Input {
        padding: .890625rem 0 .890625rem 1.355625rem
    }

    .ImageWithContent-newsletter-success {
        font-size: .75rem !important
    }

    .ImageWithContent-newsletter-privacy-policy {
        font-size: .75rem !important;
        margin-top: 1.02625rem
    }

    .ImageWithContent-newsletter-privacy-policy a {
        font-size: .75rem !important
    }
}

@media only screen and (min-width: 1080px) {
    .ImageWithContent-newsletter-submit {
        min-width: 8rem
    }

    .Footer {
        display: flex;
        flex-flow: column;
        padding: 2.5rem 0 0
    }

    .Footer-logo {
        padding: 0 2.5rem 2.5rem
    }

    .Footer-content-container {
        flex-flow: row;
        margin-top: 0
    }

    .Footer-newsletter {
        padding: 2.5rem;
        border-bottom: none;
        border-right: 1px solid #84827e
    }

    .Footer-newsletter-submit {
        min-width: 8rem
    }

    .Footer-content {
        flex-flow: row-reverse;
        flex-wrap: nowrap
    }

    .Footer-info {
        padding: 2.5rem;
        border-bottom: none;
        display: flex;
        flex-flow: row
    }

    .Footer-info-content {
        max-width: 20vw;
        margin-left: 4vw;
        margin-top: 0;
        margin-right: 0
    }

    .Footer-info-copyright {
        display: block
    }

    .Footer-copyright {
        display: none
    }

    .Footer-stroke_letter {
        stroke-width: 4
    }

    .Footer-locale-container {
        padding: 1.5rem 0 1rem !important;
        border-top: 1px solid #c4c4c4 !important
    }
}

@media only screen and (max-width: 760px) {
    .Content-wrapper .Button-container {
        margin-bottom: .75rem
    }

    .Slider-with-video-container .swiper-wrapper {
        max-height: 45rem;
        height: unset
    }

    .Slider-with-video-container .swiper-slide {
        height: -moz-fit-content;
        height: fit-content;
        max-height: 45rem
    }

    .Slider-with-video-container .swiper-slide .Slider-with-video {
        height: 100%;
        max-height: 45rem;
        grid-template-rows: auto;
        grid-template-areas: none;
        display: flex;
        flex-direction: column
    }

    .Slider-with-video-container .swiper-slide .Slider-with-video .Image-container {
        width: calc(100% - 2rem);
        height: calc(300px + 20vw);
        margin-bottom: 4.7rem
    }

    .Slider-with-video-container .swiper-slide .Slider-with-video .Image-container .Custom-wrapper {
        height: calc(300px + 20vw)
    }

    .Slider-with-video-container .swiper-slide .Slider-with-video .Image-container .Custom-wrapper .bg-full-height {
        min-height: 0;
        border-radius: .75rem
    }

    .Slider-with-video.Image-position--LEFT.Image-position--image {
        grid-template-rows: auto;
        grid-template-areas: "image" "content"
    }

    .Slider-with-video.Image-position--LEFT.Image-position--image .Slider-with-video-content-wrapper {
        padding: 0 1rem;
        top: -3rem
    }

    .Slider-with-video.Image-position--LEFT.Image-position--with-video {
        grid-template-rows: auto;
        grid-template-areas: "image" "content"
    }

    .Slider-with-video-backdrop {
        z-index: 0;
        height: 4.5rem
    }

    .Slider-with-video-backdrop-content .u-pSize {
        margin-bottom: 1rem;
        margin-right: 1rem;
        height: auto;
        min-height: auto;
        min-width: 26vw;
        width: -moz-fit-content;
        width: fit-content
    }

    .Slider-with-video-backdrop:after {
        content: "";
        background-color: #f3ecee;
        position: absolute;
        border-radius: 12px;
        left: 0;
        top: -3px;
        right: 0;
        height: 20px;
        width: 100%
    }

    .Slider-with-video-backdrop h3 {
        margin-left: 1rem;
        min-width: 51vw
    }

    .Slider-with-video-image-container {
        height: calc(25rem + 10vw)
    }

    .Slider-with-video-content-wrapper {
        position: relative;
        justify-content: flex-start;
        padding: 1.5rem 1rem 1rem
    }

    .Slider-with-video-button {
        top: unset;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3.5rem
    }

    .Bundle-contents-content-title p br {
        display: none
    }

    .Bundle-contents-product {
        width: calc(100% + 2rem);
        margin-left: -1rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .Bundle-contents-content {
        position: relative
    }

    .Image-container .bg-full-height {
        padding-bottom: 128%
    }

    .Content-wrapper.Content-wrapper--with-marquee {
        padding-bottom: 4.25rem
    }

    .Content-wrapper {
        position: relative
    }

    .Instruction-backdrop-content .u-pSize {
        margin-bottom: 1rem
    }

    .Instruction-content-wrapper {
        position: relative
    }

    .Faq-section {
        padding: 2.25vw 1.25rem;
        background: #f3ecee
    }

    .Faq-section-navigation h1 {
        margin-top: 1rem;
        font-size: calc(1.5rem + .2vw)
    }

    .Faq-section-navigation-items {
        display: flex;
        align-items: center;
        flex-wrap: nowrap
    }

    .Faq-section-navigation-items-container {
        overflow-x: auto;
        width: calc(100% + 2.5rem);
        margin-left: -1.25rem;
        padding: 0 1.25rem;
        margin-bottom: 2.25vw;
        position: sticky;
        top: 0;
        background: #f3ecee;
        z-index: 3
    }

    .Faq-section-navigation-item {
        border-radius: 2rem;
        border: 1px solid #653232;
        display: flex;
        align-items: center;
        margin-right: 1rem;
        padding: .5rem 1rem .35rem
    }

    .Faq-section-navigation-item a {
        font-weight: 400
    }

    .Faq-section-navigation-item__active {
        background: #653232;
        color: #fff
    }

    .IngredientsSlider .Ingredients-slider .Custom-cursor {
        width: 4.7rem;
        height: 4.7rem;
        bottom: 50%;
        left: 80% !important;
        top: auto !important;
        transform: translate(-80%, 50%);
        visibility: visible;
        opacity: 1;
        transition: all .5s
    }

    .Policy {
        padding: 4rem 1rem 2.5rem;
        margin-bottom: 1.25rem
    }

    .Policy-content {
        padding: 2.5rem 0 0
    }

    .Policy-content h1 {
        font-size: 1.5rem
    }

    .Policy-content h3 {
        font-size: .875rem
    }

    .Policy-content p,
    .Policy-content a {
        font-size: .90625rem
    }

    .Order {
        padding: 4rem 1rem 2.5rem
    }

    .Order-heading h1.u-hSize--Small {
        font-size: min(1.75rem, 12vw)
    }

    .Order-customer-info {
        flex-direction: column;
        gap: 0
    }

    .Order-table {
        margin-top: 1.5rem
    }

    .Order-table thead th {
        padding: .8125rem 1rem
    }

    .Order-table tbody td {
        padding: 1.5rem 1rem 2.5rem
    }

    .Order-table tfoot.hide-mobile {
        display: none
    }

    .PageNotFound {
        padding: 4rem 1rem 2.5rem;
        margin-bottom: 1.25rem
    }

    .Product-card {
        height: 0;
        padding-bottom: 128%
    }

    .Product-card .Image {
        position: absolute;
        top: 0;
        left: 0
    }

    .Blog .Full-video-w-button-content .u-hSize p {
        margin-bottom: 0
    }

    .Blog .Full-video-w-button-content .VideoPlay-button svg {
        width: 10px
    }

    .Blog .Full-video-w-button-content .Full-video-w-button-secondary-content {
        align-items: center
    }

    .Blog-container-articles {
        gap: 1.5rem
    }

    .Blog-container-filters {
        display: block;
        margin-bottom: 1.25rem
    }

    .Blog-container-filters-list {
        overflow: scroll;
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

@media screen and (min-width: 1240px) {
    .CardCarousel[data-show-arrows=true].--desktop-four-row .CardCarousel-card-content {
        padding: 5vw 3.375rem
    }

    .CardCarousel {
        padding: 0;
        background: transparent
    }

    .CardCarousel.--desktop-four-row .CardCarousel-card-content {
        padding: 5vw 2.5vw
    }

    .CardCarousel-card {
        height: 44vw;
        overflow: hidden
    }

    .CardCarousel-card-content {
        margin: 0;
        opacity: 1
    }

    .CardCarousel-text {
        max-width: 20vw
    }

    .CardCarousel-text p {
        margin-bottom: 1.5em
    }

    .CardCarousel-image {
        padding: 4vw;
        max-height: 850px
    }

    .IngredientsSlider .Ingredients-slider .Image {
        height: 23vw;
        width: 23vw
    }

    .IngredientsSlider-card {
        max-width: 23vw
    }

    .Profile-cards {
        padding: 4.375rem
    }

    .Profile-cards-cards {
        flex-direction: row;
        padding: 1.875rem 4.375rem 4.375rem;
        gap: 6rem;
        align-items: start
    }

    .Product[data-show-variant-desc=true] .ProductRadioButtons-itemLabel {
        padding: .4375rem 0 .25rem
    }

    .Product-main-card {
        max-width: min(42vw, 50rem)
    }

    .BackToStock {
        max-width: 50vw
    }

    .Offcanvas {
        max-width: max(44.25rem, 47.25vw);
        width: auto;
        min-width: max(42.5rem, 47.25vw)
    }

    .Header .Logo svg {
        height: 32.4px
    }
}

@media screen and (max-width: 1240px) {
    .CardCarousel.has-title {
        padding-top: 100px
    }

    .CardCarousel-pillars {
        position: absolute;
        top: 10px
    }

    .CardCarousel-card {
        padding-bottom: 10vw
    }

    .Highlights-ingredients-wrapper {
        justify-content: flex-start
    }

    .IngredientsSlider-card {
        max-width: 18.75rem
    }

    .Profile-cards-heading .u-hSize {
        font-size: calc(1.4rem + .2vw)
    }

    .Profile-cards-heading .u-pSize {
        font-size: max(.8rem + .2vw, .925vw)
    }
}

@media only screen and (max-width: 821px) {
    .Full-video-container .Image span {
        min-height: 35rem
    }

    .Full-video-content {
        padding: 2rem
    }

    .Full-video-content p {
        font-size: 1.5rem
    }

    .Full-video-content-align--LEFT p {
        text-align: left
    }

    .Full-video-content-align--RIGHT p {
        text-align: right
    }

    .Full-video .Custom-cursor {
        width: 4.5rem;
        height: 4.5rem;
        bottom: 1.5rem;
        right: 50%;
        top: auto !important;
        left: auto !important;
        transform: translate(50%);
        visibility: visible;
        opacity: 1;
        transition: all .5s
    }

    .Full-video .Custom-cursorPlaying {
        right: 0;
        transform: translate(-25%);
        opacity: .7
    }

    .Content-card-content-subtitle p {
        font-size: min(1.5rem, 8vw)
    }

    .NewCollectionGrid[data-grid-columns="2"] .Content-card {
        min-height: 18.0625rem
    }

    .NewCollectionGrid[data-grid-columns="2"] .Content-card-content {
        padding: 1rem .75rem
    }

    .NewCollectionGrid[data-grid-columns="2"] .Content-card-content .Button {
        font-size: .75rem !important;
        line-height: 120% !important;
        padding: .4375rem .9375rem .44875rem !important;
        margin-top: .5rem !important;
        display: block !important
    }

    .NewCollectionGrid[data-grid-columns="2"] .Content-card-content-title {
        font-size: clamp(.875rem, 1.25vw, 1.25rem) !important;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -.28px;
        margin: 0
    }

    .NewCollectionGrid[data-grid-columns="2"] .Content-card-content-title__with-subtitle {
        font-size: min(1.5rem, 8vw) !important
    }

    .NewCollectionGrid[data-grid-columns="2"] .Content-card-content-subtitle p {
        font-size: min(1rem, 5vw)
    }

    .NewCollectionGrid[data-grid-columns="2"] .Product-card-options__pageAtc {
        position: fixed;
        inset: auto 0 0 0;
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .NewCollectionGrid[data-grid-columns="2"] .ContentBadge {
        margin: 0 !important
    }

    .NewCollectionGrid[data-grid-columns="2"] .Product-card {
        min-height: 18.0625rem;
        background-color: #f5f5f5
    }

    .NewCollectionGrid[data-grid-columns="2"] .oke-sr-count.oke-sr-count--brackets {
        font-size: clamp(.75rem, .9722222222vw, 1rem) !important;
        padding-top: .125rem !important
    }

    .NewCollectionGrid[data-grid-columns="2"] .Product-card-alt {
        display: none
    }

    .NewCollectionGrid[data-grid-columns="2"] .Product-card-content-title {
        font-size: clamp(1.125rem, 1.3888888889vw, 1.5rem) !important
    }

    .NewCollectionGrid[data-grid-columns="2"] .Product-card-initial img {
        padding-bottom: 1.25rem !important
    }

    .NewCollectionGrid[data-grid-columns="2"] .Product-card-details p[data-product-title] {
        font-size: clamp(.75rem, 1.25vw, 1.375rem) !important;
        font-weight: 700;
        line-height: 120%
    }

    .NewCollectionGrid[data-grid-columns="2"] .Product-card-details p:not([data-product-title]) {
        display: none
    }

    .NewCollectionGrid[data-grid-columns="2"] .Product-card-details .Product-card-cta {
        display: none
    }

    .NewCollectionGrid[data-grid-columns="2"] .Product-card-details .Product-card-cta__small {
        display: block;
        margin-top: .375rem
    }

    .ArticlePage .Image-container {
        aspect-ratio: 2.25/4
    }

    .ArticlePage .Image-container .Image {
        padding-bottom: 180% !important
    }

    .ArticlePage .Image-with-video .Image-with-video-content {
        top: 30%
    }

    .AccountOverview-section-footer>div button {
        width: 100%
    }

    .AccountOverview-section-footer-logout {
        border-top: 1px solid #c4c4c4;
        padding-top: 2rem
    }

    .AccountOverview-section-footer-logout p a {
        text-decoration: underline
    }

    .AccountOverview-section .Button-container a {
        width: 100%;
        text-align: center
    }

    .AccountAddress-section-content-controls,
    .AccountOverviewOrders-section-content-controls {
        width: 100%;
        margin-top: 1rem
    }

    .AccountOverviewOrders-section-content .Button-container a {
        width: 100%;
        margin-top: 2rem;
        text-align: center
    }
}

@media only screen and (min-width: 1600px) {
    .Full-video-w-button-content {
        right: 8vw
    }
}

@media screen and (min-width: 525px) and (max-width: 760px) {
    .Featured-product-container>div {
        min-height: 52rem
    }

    .Featured-product-container>div .Image {
        position: absolute
    }
}

@media screen and (min-width: 760px) and (max-width: 820px) {
    .Featured-product-container .Image {
        height: 0 !important;
        padding: 0 0 100% !important
    }
}

@media screen and (max-width: 525px) {
    .Featured-product-container>div {
        min-height: 28rem
    }
}

@media screen and (min-width: 40em) {
    .Menu-product .Badge.u-showMd .Image {
        padding-bottom: 125% !important
    }

    .Cart-title {
        font-size: 2.5rem
    }

    .locale-selectors__container .locale-selectors__content {
        justify-content: center !important
    }
}

@media screen and (max-width: 40rem) {

    .Tabbed-content-images-container,
    .Tabbed-content-multi-images-container {
        padding-bottom: 109%
    }

    .Slider-with-navigation-content {
        display: block
    }

    .Slider-with-navigation-content-image-content {
        right: 52%;
        top: 50%;
        width: 45%;
        transform: translateY(-31%)
    }

    .Slider-with-navigation-content .swiper {
        transform: translateY(-10%);
        height: 8.75rem
    }

    .Slider-with-content-content {
        display: block
    }

    .Slider-with-content-content-image-content {
        right: 52%;
        top: 50%;
        width: 45%;
        transform: translateY(-31%)
    }
}

@media only screen and (min-width: 1440px) {
    .Slider-with-video-container {
        --slider-height: 42vw
    }
}

@media screen and (min-width: 821px) and (max-width: 77.5rem) {
    .Slider-with-video-container {
        min-height: 40vw
    }
}

@media screen and (min-width: 77.5rem) and (min-height: 60rem) {
    .Slider-with-video-container {
        height: var(--slider-height);
        max-height: var(--slider-max-height)
    }
}

@media only screen and (min-width: 525px) and (max-width: 760px) {
    .Slider-with-video.Image-position--RIGHT.Image-position--with-video {
        grid-template-rows: 10rem 1fr
    }
}

@media only screen and (min-width: 760px) and (max-width: 1240px) {
    .Slider-with-video.Image-position--RIGHT.Image-position--with-video .Image-with-video .bg-full-height {
        position: absolute
    }
}

@media screen and (min-width: 760px) and (max-width: 1040px) {
    .Slider-with-video-backdrop-content .u-pSize {
        font-size: 1.2vw
    }

    .Slider-with-video-backdrop-content .u-pSize-content h3 {
        font-size: 3.2vw;
        margin-right: 5px
    }

    .Slider-with-video .u-pSize {
        font-size: 1.3vw
    }
}

@media only screen and (max-width: 760px) and (max-width: 500px) {
    .Slider-with-video-backdrop-content .u-pSize {
        font-size: 3.5vw
    }
}

@media only screen and (max-width: 500px) {
    .Slider-with-video-backdrop h3 {
        margin-bottom: .75rem;
        font-size: 6.5vw
    }

    tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-carousel-title {
        flex-wrap: wrap !important;
        gap: 10px
    }

    tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-video-carousel-container>div.tolstoy-carousel-arrow-button-container>.tolstoy-carousel-arrow-button>button {
        display: flex !important
    }
}

@media screen and (min-width: 1600px) {
    .Content-slider-with-info-images-container .swiper-wrapper {
        max-height: 62.5rem
    }

    .Content-slider-with-info-images-container .swiper-slide {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

@media screen and (max-height: 60rem) {
    .Slider-with-navigation-content .swiper {
        max-height: 24rem
    }
}

@media (max-width: 690px) {
    .okeReviews-reviews-controls {
        text-align: left !important;
        display: block !important
    }

    .okeReviews-reviews-controls .okeReviews-reviews-controls-sort {
        order: unset !important;
        float: right;
        width: calc(50% - 17px);
        margin-top: -1px;
        margin-left: 17px
    }

    .okeReviews-reviews-controls .okeReviews-reviews-controls-sort span.okeReviews-select.js-okeReviews-select,
    .okeReviews-reviews-controls .okeReviews-reviews-controls-sort .okeReviews-reviews-controls-select {
        width: 100%
    }

    .okeReviews-reviews-controls .okeReviews-reviews-controls-sort #okeReviews-reviews-controls-sort {
        padding: 0 1em;
        font-size: .9rem !important;
        text-align: center
    }

    .okeReviews-reviews-controls .okeReviews-reviews-controls-filterToggle {
        width: calc(50% - 17px);
        margin-right: 17px;
        display: inline-block
    }

    .okeReviews-reviews-controls .okeReviews-reviews-controls-filterToggle button,
    .okeReviews-reviews-controls .okeReviews-reviews-controls-filterToggle button.is-okeReviews-active {
        font-size: .9rem !important;
        width: 100% !important
    }

    .okeReviews-reviews-controls .okeReviews-filters-content {
        width: 100%
    }

    .oke-sr-stars {
        margin-right: 1px !important
    }

    .oke-sr .oke-stars-background svg,
    .oke-sr .oke-stars-foreground svg {
        height: 11px !important
    }
}

@media (max-width: 425px) {
    .okeReviews-reviews-controls .okeReviews-reviews-controls-sort {
        width: calc(50% - 8px);
        margin-left: 8px
    }

    .okeReviews-reviews-controls .okeReviews-reviews-controls-sort #okeReviews-reviews-controls-sort {
        font-size: .8rem !important
    }

    .okeReviews-reviews-controls .okeReviews-reviews-controls-filterToggle {
        width: calc(50% - 8px);
        margin-right: 8px
    }

    .okeReviews-reviews-controls .okeReviews-reviews-controls-filterToggle button,
    .okeReviews-reviews-controls .okeReviews-reviews-controls-filterToggle button.is-okeReviews-active {
        font-size: .8rem !important
    }
}

@media screen and (max-width: 690px) {
    .okeReviews-reviewsAggregate-summary {
        gap: 1rem;
        width: 100%;
        flex-direction: column
    }

    .okeReviews-reviewsAggregate-side,
    .okeReviews-review-reviewer-profile.js-okeReviews-reviewerProfile {
        padding: 0 !important
    }

    .okeReviews-reviewsWidget-header {
        display: flex !important;
        justify-content: start;
        margin-top: 1rem
    }

    .okeReviews .okeReviews-reviewsWidget-header-controls {
        position: static;
        min-width: 100%;
        top: 0;
        text-align: center !important
    }

    .okeReviews[data-oke-container] .oke-w-review,
    div.okeReviews .oke-w-review {
        flex-flow: column-reverse nowrap !important
    }

    .okeReviews-filter-list {
        gap: .5rem
    }

    .okeReviews .okeReviews-filter-title {
        margin-bottom: .5em
    }

    .okeReviews .okeReviews-filter-list-item {
        font-size: .5em
    }

    .okeReviews .okeReviews-filter-list-item-label {
        padding: .4em .75em
    }

    .okeReviews .okeReviews-ratingsBadge--small {
        width: 100%;
        margin-top: 1em
    }

    .okeReviews .okeReviews-reviews-footer {
        margin-top: 1em
    }

    .okeReviews .okeReviews-reviews-footer:before {
        background: none
    }

    .okeReviews .okeReviews-attributeRatingsTable-row-label {
        white-space: unset !important;
        padding: 0 !important
    }

    .okeReviews .okeReviews-attributeRatingsTable-row-value {
        padding: 0 !important
    }

    .okeReviews.oke-w .oke-is-small .oke-w-header-content-module {
        justify-content: flex-start;
        text-align: left
    }

    .okeReviews.oke-w .oke-w-ratingAverageModule.oke-w-ratingAverageModule--oneLine.oke-w-ratingAverageModule--left {
        gap: 0rem !important;
        flex-direction: column !important
    }

    .okeReviews.oke-w .oke-is-small .oke-w-header-content-block {
        margin-top: 1.85em
    }

    .okeReviews.oke-w .oke-w-reviews-head {
        margin-bottom: 30px !important
    }

    .okeReviews.oke-w select#oke-sortSelect--reviews {
        padding: 0 29px 0 18px !important;
        outline-offset: -1px !important
    }

    .okeReviews.oke-w .oke-button-text,
    .okeReviews.oke-w select#oke-sortSelect--reviews {
        font-size: 1rem !important;
        line-height: 1.2rem !important
    }

    .okeReviews.oke-w .oke-w-review-side {
        margin-bottom: .875rem !important
    }

    .okeReviews.oke-w .oke-w-reviews-list-item,
    .okeReviews.oke-w div.okeReviews .oke-w-reviews-list-item {
        position: relative !important;
        padding: 1em 0 !important
    }

    .okeReviews.oke-w .oke-w-review-main {
        margin-bottom: 1.9375rem
    }

    .okeReviews.oke-w .oke-w-review-footer {
        position: absolute !important;
        bottom: 1em !important;
        display: flex !important;
        justify-content: space-between !important
    }

    .okeReviews.oke-w .oke-w-review-footer>*:only-child {
        margin: 0 0 0 auto !important
    }

    .okeReviews.oke-w .oke-external-provider {
        margin-left: -4px !important
    }

    .template-product .okeReviews.oke-w .oke-w-reviews-controls {
        right: 4vw !important
    }

    .okeReviews h2 {
        font-size: 22px !important
    }

    .okeReviews .oke-mediaCarousel.oke-mediaCarousel-inside {
        height: 184px !important
    }

    .okeReviews .oke-mediaCarousel .oke-mediaCarousel-slide,
    .okeReviews div.okeReviews .oke-mediaCarousel .oke-mediaCarousel-slide {
        width: 184px !important;
        height: 184px !important
    }
}

@media screen and (min-width: 691px) {
    .okeReviews-review-side {
        padding-left: 0 !important
    }
}

@media screen and (max-width: 890px) {
    .okeReviews-reviewsWidget {
        padding: 1rem 1rem 2rem !important
    }
}

@media screen and (max-width: 1440px) {
    .okeReviews .okeReviews-review-attributeRatings {
        width: 100%;
        max-width: 100% !important
    }

    .Product-swatches-container-info svg {
        position: relative;
        top: 1px
    }
}

@media (min-width: 690px) {
    .oke-sr-count.oke-sr-count--brackets {
        font-size: max(.8rem, 1.125vw)
    }
}

@media screen and (min-width: 690px) {
    .okeReviews.oke-w {
        padding: 3.75vw 7.5vw 2vw !important
    }

    .okeReviews.oke-w .oke-reviewContent-body.oke-bodyText {
        width: calc(100% - 157px) !important
    }

    .okeReviews .oke-mediaCarousel-container .hooper-track {
        gap: 45px
    }
}

@media screen and (max-width: 385px) {

    .okeReviews.oke-w .oke-button,
    .okeReviews.oke-w .oke-sortSelect-sort {
        max-width: 11.25rem !important
    }

    .okeReviews.oke-w .oke-showMore .oke-showMore-button {
        max-width: 100% !important
    }
}

@media screen and (max-width: 375px) {

    .okeReviews.oke-w .oke-button,
    .okeReviews.oke-w .oke-sortSelect-sort {
        max-width: 10.188rem !important
    }
}

@media screen and (max-width: 1025px) {
    .okeReviews .oke-w-review-media .oke-media-image {
        transform: none !important
    }
}

@media only screen and (max-width: 767px) {
    .tolstoy-carousel-video {
        aspect-ratio: 9/15 !important
    }

    .tolstoy-carousel-videos-container {
        grid-template-columns: repeat(8, 200px) !important
    }
}

@media only screen and (max-width: 497px) {
    tolstoy-tile[data-publish-id=abwrcjy3zw0by] {
        display: block !important;
        height: 0;
        overflow: hidden;
        margin-top: -1.25rem
    }

    tolstoy-tile[data-publish-id=bjfg0kxt0lsyw] .tolstoy-tile-play-button-overlay {
        top: 60%
    }
}

@media only screen and (min-width: 498px) {
    tolstoy-tile[data-publish-id=bjfg0kxt0lsyw] {
        display: block !important;
        height: 0;
        overflow: hidden;
        margin-top: -1.25rem
    }

    .tolstoy-tile .tolstoy-tile-play-button-label {
        font-size: max(1.5rem + .2vw, 1.85vw)
    }
}

@media only screen and (min-width: 498px) and (min-width: 760px) {
    tolstoy-tile[data-publish-id=bjfg0kxt0lsyw] tolstoy-tile[data-publish-id=bjfg0kxt0lsyw] {
        margin-top: -2.25vw
    }
}

@media only screen and (max-width: 768px) {
    tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-carousel-title {
        font-size: max(1.375rem, 2.7777777778vw) !important
    }

    tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-carousel-title:after {
        font-size: max(.825rem + .2vw, .925vw)
    }

    tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-previous-button,
    tolstoy-carousel[data-publish-id="1aulq9laj5opd"] .tolstoy-next-button {
        display: block !important
    }

    html>div._tolstoyModal_itciw_16 {
        z-index: 99 !important
    }
}

@media screen and (min-width: 640px) {
    .Policy-content h1.small-title {
        font-size: 2.5rem
    }
}

@media screen and (max-width: 640px) {
    .Product-tab-images>span {
        font-size: max(.6rem, .6vw)
    }
}

@media screen and (min-width: 821px) and (max-width: 1090px) {
    .Product-sticky-bar-option {
        width: 6.875rem
    }

    .Product-sticky-bar-option-container {
        gap: .5rem;
        margin-left: .3125rem;
        margin-right: .625rem
    }
}

@media screen and (min-width: 1440px) {
    .BackToStock .Checkbox__text {
        width: 18.125rem
    }

    .Header .Logo svg {
        height: 35px
    }
}

@media print,
screen and (min-width: 1040px) {
    .ProductRadioButtons-item {
        width: auto
    }

    .ProductRadioButtons-itemLabel {
        padding: .625rem;
        height: unset;
        width: 8.1875rem;
        max-width: none;
        border: none;
        box-shadow: inset 0 0 0 1px #653232
    }
}

@media only screen and (max-width: 780px) {
    .Product-card-content-title-wrapper {
        align-items: flex-start
    }
}

@media only screen and (max-width: 1240px) {
    .Badge svg {
        width: max(3rem, 4vw)
    }
}

@media screen and (max-width: 960px) and (max-height: 480px) {
    .CartWhiteSection {
        zoom: .8;
        border-top: 1px solid #c4c4c4;
        padding: 1rem
    }

    .CartDrawer {
        zoom: .8
    }
}

@media screen and (min-width: 2000px) {
    .Header .Logo svg {
        height: 45px
    }
}

@media screen and (min-width: 821px) and (max-width: 1095px) {
    .Header nav .Navigation-right-container {
        gap: 0
    }

    .Header nav .Navigation-right-container a {
        text-wrap: nowrap;
        margin-right: 0;
        margin-left: 3rem
    }
}

@media screen and (min-width: 51.3125em) {
    .Header-mega-menu-categories {
        display: flex;
        justify-content: center;
        align-content: center;
        position: relative
    }
}

@media screen and (min-width: 112.5em) {
    .Header-mega-menu-productsSwiper {
        max-width: 83.5rem
    }
}

@media only screen and (max-width: 1080px) {
    .Footer nav {
        margin-top: 1.75rem
    }
}

@media only screen and (max-width: 540px) {
    .Footer nav {
        justify-content: space-between;
        width: 100%
    }
}

@media only screen and (min-width: 540px) {
    .Footer-navigation-list ul li {
        margin-bottom: 1.5rem
    }

    .Footer-navigation-list+.Footer-navigation-list {
        margin-left: 4vw
    }
}

@media only screen and (min-width: 640px) {
    .iPadSignUp-center {
        max-width: 35.9375rem
    }

    .iPadSignUp-form {
        width: 35.9375rem
    }

    .ShopifySignUp-center {
        max-width: 35.9375rem
    }

    .ShopifySignUp-form {
        width: 35.9375rem
    }
}

/* ======================================================================== */
/* START: MOMOH BEAUTY GLOBAL OVERRIDES                                     */
/* ======================================================================== */

.swiper-button-next,
.swiper-button-prev {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/*
 * DEFINITIVE FIX: Force the collection slider section to be visible on ALL screens.
 * This overrides the theme's aggressive @media rule that sets 'display: none'.
*/
.shopify-section.js-collection-slider {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

/* ======================================================================== */
/* MOBILE HEADER LOGO FIX - Larger, Centered, Bolder                        */
/* ======================================================================== */
@media screen and (max-width: 820px) {

    /* Center the header nav on mobile */
    .Header nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* Make mobile logo larger and bolder */
    .Header .Logo,
    .Header a.Logo,
    .Header .Logo svg,
    .Header [class*="Logo"] {
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
    }

    /* If logo is text-based, make it bigger */
    .Header nav>a[href="/"],
    .Header h1 a,
    .Header .site-title {
        font-size: 1.375rem !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /* Ensure SVG logo is big enough on mobile */
    .Header .Logo svg {
        height: 28px !important;
        min-height: 28px !important;
    }
}