.qs-datepicker-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border: 1px solid rgba(var(--color-main-text),.12);
    border-radius: .263921875em;
    -webkit-box-shadow: 0 1.25em 1.25em -.9375em rgba(0, 0, 0, .3);
    box-shadow: 0 1.25em 1.25em -.9375em rgba(0, 0, 0, .3);
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: sans-serif;
    font-size: 1rem;
    overflow: hidden;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 15.625em;
    z-index: 9001
}

.qs-datepicker-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--font-family);
}

.qs-centered {
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.qs-hidden {
    display: none
}

.qs-overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: rgba(0, 0, 0, .75);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    left: 0;
    opacity: 1;
    padding: .5em;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 100%;
    z-index: 1
}

.qs-overlay.qs-hidden {
    opacity: 0;
    z-index: -1
}

.qs-overlay .qs-overlay-year {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: .875em;
    margin: 0 auto;
    padding: .25em 0;
    text-align: center;
    width: 80%
}

.qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.qs-overlay .qs-close {
    cursor: pointer;
    padding: .5em;
    position: absolute;
    right: 0;
    top: 0
}

.qs-overlay .qs-submit {
    background: hsla(0, 0%, 50%, .4);
    border: 1px solid #fff;
    border-radius: .263921875em;
    cursor: pointer;
    margin: 0 auto auto;
    padding: .5em
}

.qs-overlay .qs-submit.qs-disabled {
    border-color: grey;
    color: grey;
    cursor: not-allowed
}

.qs-overlay .qs-overlay-month-container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.qs-overlay .qs-overlay-month {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    opacity: .5;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    width: 33.33333%
}

.qs-overlay .qs-overlay-month.active,
.qs-overlay .qs-overlay-month:hover {
    opacity: 1
}

.qs-controls {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 0;
    align-items: center;
    background: #d3d3d3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: blur(0);
    filter: blur(0);
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: space-between;
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
    width: 100%
}

.qs-controls.qs-blur {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.qs-arrow {
    border-radius: .263921875em;
    cursor: pointer;
    height: 1.5625em;
    position: relative;
    -webkit-transition: background .15s;
    transition: background .15s;
    width: 1.5625em
}

.qs-arrow:hover {
    background: rgba(0, 0, 0, .1)
}

.qs-arrow:hover.qs-left:after {
    border-right-color: #000
}

.qs-arrow:hover.qs-right:after {
    border-left-color: #000
}

.qs-arrow:after {
    border: .390625em solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transition: border .2s;
    transition: border .2s
}

.qs-arrow.qs-left:after {
    border-right-color: grey;
    right: 50%;
    -webkit-transform: translate(25%, -50%);
    -ms-transform: translate(25%, -50%);
    transform: translate(25%, -50%)
}

.qs-arrow.qs-right:after {
    border-left-color: grey;
    left: 50%;
    -webkit-transform: translate(-25%, -50%);
    -ms-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%)
}

.qs-month-year {
    border-bottom: 1px solid transparent;
    cursor: pointer;
    font-weight: 700;
    -webkit-transition: border .2s;
    transition: border .2s
}

.qs-month-year:hover {
    border-bottom: 1px solid grey
}

.qs-month-year:active:focus,
.qs-month-year:focus {
    outline: none
}

.qs-month {
    padding-right: .5ex
}

.qs-year {
    padding-left: .5ex
}

.qs-squares {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: blur(0);
    filter: blur(0);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .3125em;
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

.qs-squares.qs-blur {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.qs-square {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: .263921875em;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.5625em;
    justify-content: center;
    -webkit-transition: background .1s;
    transition: background .1s;
    width: 14.28571%
}

.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
    background: orange
}

.qs-current {
    font-weight: 700;
    text-decoration: underline
}

.qs-active,
.qs-range-end,
.qs-range-start {
    background: #add8e6
}

.qs-range-start:not(.qs-range-6) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.qs-range-middle {
    background: #d4ebf2
}

.qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
    border-radius: 0
}

.qs-range-middle.qs-range-0 {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.qs-range-end:not(.qs-range-0),
.qs-range-middle.qs-range-6 {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.qs-disabled,
.qs-outside-current-month {
    opacity: .2
}

.qs-disabled {
    cursor: not-allowed
}

.qs-day,
.qs-empty {
    cursor: default
}

.qs-day {
    color: grey;
    font-weight: 700
}

.qs-event {
    position: relative
}

.qs-event:after {
    background: #07f;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: .46875em;
    position: absolute;
    right: 0;
    width: .46875em
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

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

body,
button,
input,
select,
textarea {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

em {
    font-style: italic
}

a,
a:not(.btn):not(.button):focus,
a:not(.btn):not(.button):visited {
    color: var(--color-body-text)
}

li,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

img,
picture {
    height: auto;
    margin: 0;
    max-width: 100%;
    width: 100%
}

button {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    color: inherit;
    font: inherit;
    line-height: normal;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    width: auto
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

a {
    text-decoration: none
}

#MainContent {
    position: relative
}

@media screen and (max-width:767px) {
    #MainContent {
        margin-top: 0
    }
}

.turbolinks-progress-bar {
    background-color: var(--color-accent) !important;
    z-index: 1000
}

.no-cookies-warning,
.supports-no-cookies .supports-cookies {
    display: none
}

.supports-no-cookies .no-cookies-warning {
    display: block
}

.is-ie #MainContent {
    width: 100%
}

html {
    scroll-behavior: smooth
}

.heading-1 {
    color: var(--color-heading-text);
    font-family: var(--font2);
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: .5em
}

@media screen and (min-width:768px) {
    .heading-1 {
        font-size: 40px;
        margin-bottom: 24px
    }
}

.heading-2 {
    color: var(--color-heading-text);
    font-family: var(--font2);
    font-size: 24px;
    font-weight: 400;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: .5em
}

@media screen and (min-width:768px) {
    .heading-2 {
        font-size: 30px
    }
}

.heading-3 {
    color: var(--color-heading-text);
    font-family: var(--font2);
    font-size: 20px;
    font-weight: 400;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: .5em
}

@media screen and (min-width:768px) {
    .heading-3 {
        font-size: 24px
    }
}

.heading-4 {
    color: var(--color-heading-text);
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: .5em
}

@media screen and (min-width:768px) {
    .heading-4 {
        font-size: 20px
    }
}

.heading-5 {
    color: var(--color-heading-text);
    font-family: var(--font2);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: .5em
}

@media screen and (min-width:768px) {
    .heading-5 {
        font-size: 18px
    }
}

body {
    color: var(--color-body-text);
    font-family: var(--font1);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3em
}

@media screen and (min-width:768px) {
    body {
        font-size: 16px;
        line-height: 160%
    }
}

.small,
small {
    font-size: 12px;
    letter-spacing: .06em;
    line-height: 1.3em
}

small {
    font-weight: 400
}

.consistent-medium {
    font-size: 14px;
    text-transform: uppercase
}

.consistent-small {
    font-size: 12px;
    text-transform: uppercase
}

.consistent-extra-small {
    font-size: 10px;
    text-transform: uppercase
}

.cta,
label {
    font-size: 14px
}

.cta {
    cursor: pointer;
    font-family: var(--font1);
    font-weight: 400;
    line-height: 1em;
    position: relative;
    text-transform: uppercase
}

.cta,
.cta:not(.btn):focus,
.cta:not(.btn):visited {
    color: var(--color-body-text)
}

.cta:before {
    background-color: #000;
    content: " ";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .3s;
    transition: width .3s;
    width: 100%
}

@media screen and (min-width:768px) {
    .cta:hover {
        color: var(--color-body-text)
    }
    .cta:hover:before {
        width: 0
    }
}

.cta.small {
    font-size: 12px
}

.turbolinks-progress-bar {
    background-color: var(--color-accent);
    height: 2px
}

.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    margin-right: .25em;
    padding: 4px 24px;
    text-decoration: none;
    -webkit-transition: background-color .4s, color .4s;
    transition: background-color .4s, color .4s
}

@media screen and (min-width:768px) {
    .btn {
        font-size: 16px
    }
}

.btn-small {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    margin-right: .25em;
    padding: 14px 24px 12px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color .4s, color .4s;
    transition: background-color .4s, color .4s
}

.btn-primary {
    background-color: var(--btn-bg-color-1);
    border: 2px solid var(--btn-border-color-1);
    color: var(--btn-font-color-1)
}

@media screen and (min-width:768px) {
    .btn-primary:hover {
        background-color: var(--btn-bg-color-1-hover);
        border: 2px solid var(--btn-border-color-1-hover);
        color: var(--btn-font-color-1-hover)
    }
}

.btn-secondary {
    background-color: var(--btn-bg-color-2);
    border: 1px solid var(--btn-border-color-2);
    color: var(--btn-font-color-2)
}

@media screen and (min-width:768px) {
    .btn-secondary:hover {
        background-color: var(--btn-bg-color-2-hover);
        border: 1px solid var(--btn-border-color-2-hover);
        color: var(--btn-font-color-2-hover)
    }
}

.btn-tertiary {
    background-color: var(--btn-bg-color-3);
    border: 2px solid var(--btn-border-color-3);
    color: var(--btn-font-color-3)
}

@media screen and (min-width:768px) {
    .btn-tertiary:hover {
        background-color: var(--btn-bg-color-3-hover);
        border: 2px solid var(--btn-border-color-3-hover);
        color: var(--btn-font-color-3-hover)
    }
}

.btn-quaternary {
    background-color: var(--btn-bg-color-4);
    border: 2px solid var(--btn-border-color-4);
    color: var(--btn-font-color-4)
}

@media screen and (min-width:768px) {
    .btn-quaternary:hover {
        background-color: var(--btn-bg-color-4-hover);
        border: 2px solid var(--btn-border-color-4-hover);
        color: var(--btn-font-color-4-hover)
    }
}

.cta-text {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: uppercase
}

.responsive-table {
    border-collapse: collapse;
    margin-bottom: 16px;
    width: 100%
}

.responsive-table td,
.responsive-table th {
    border: 1px solid var(--border-light-color);
    color: var(--color-body-text);
    font-family: var(--font1);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3em;
    padding: 14px;
    text-align: left;
    vertical-align: middle
}

@media screen and (min-width:768px) {
    .responsive-table td,
    .responsive-table th {
        font-size: 16px;
        font-size: 14px;
        line-height: 160%
    }
}

.responsive-table th {
    font-weight: 600;
    text-transform: uppercase
}

.responsive-table td a {
    text-decoration: underline
}

@media screen and (max-width:769px) {
    .responsive-table,
    .responsive-table tbody,
    .responsive-table td,
    .responsive-table tfoot,
    .responsive-table th,
    .responsive-table thead,
    .responsive-table tr {
        display: block
    }
    .responsive-table .small--hide,
    .responsive-table thead tr {
        left: -9999px;
        position: absolute;
        top: -9999px
    }
    .responsive-table tr {
        border: 1px solid var(--border-light-color);
        margin-bottom: 16px
    }
    .responsive-table tr:last-child {
        border-bottom: none
    }
    .responsive-table td {
        border: none;
        border-bottom: 1px solid var(--border-light-color);
        padding-left: calc(50% + 14px);
        position: relative
    }
    .responsive-table td:before {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-right: 0;
        bottom: 0;
        content: attr(data-label);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        left: 14px;
        letter-spacing: .06em;
        padding-right: 10px;
        position: absolute;
        text-transform: uppercase;
        top: 0;
        white-space: nowrap;
        width: 45%
    }
}

@media screen and (max-width:769px)and (min-width:768px) {
    .responsive-table td:before {
        font-size: 16px;
        text-transform: none
    }
}

@media screen and (max-width:769px)and (min-width:768px)and (min-width:768px) {
    .responsive-table td:before {
        font-size: 18px
    }
}

.modal-underlay {
    background: rgba(61, 70, 67, .8);
    bottom: 0;
    /* display: none; */
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease;
    pointer-events: none;
}

.modal-visible .modal-underlay {
    /* display: block */
    visibility: visible;
    opacity: 1;
}

.modal-product-image-list {
    overflow: hidden
}

.modal-visible.modal-menu .modal-underlay {
    display: none
}

@media screen and (min-width:768px) {
    .modal-visible.modal-menu .modal-underlay {
        display: block;
        z-index: 90
    }
}


[data-app-layer-portal="toast"] {
	position: fixed;
	top: 0;
	bottom: 0;
	pointer-events: none;
	max-width: 1354px;
	width: 100%;
	margin-inline: auto;
	z-index: 99999;
	left: 0;
	right: 0;
}

[data-app-layer-portal="toast"]:empty{
  visibility: hidden;
}

[data-app-layer-portal="toast"] > * {
  pointer-events: all
}

.toast {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    max-width: none;
    position: fixed;
    /* right: -100%; */
    right: 0;
    top: 15px;
    /* -webkit-transition: right 1.5s;
    transition: right 1.5s; */
    opacity: 0;
    transition: opacity 1.5s;
    width: 100%;
    width: calc(100% - 16px);
    z-index: 110;

    box-shadow: 0px 15px 24px 6px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    overflow: hidden;
}

.toast--cart {
    position: absolute;
    top: var(--header-height);
    margin-top: 20px;
}

@media screen and (min-width:768px) {
    .toast {
        max-width: 340px
    }
}

.toast--visible {
    opacity: 1;
    right: 8px
}

@media screen and (min-width:768px) {
    .toast--visible {
        right: 15px;
    }
    .toast--cart.toast--visible {
      right: 8px;
    }
}

.toast__header {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 15px 10px;
	font-family: var(--font-heading);
	font-size: 1.5rem;
	border-bottom: 1px solid var(--color-border-light);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgb(52,168,83);
	color: #fff;
	min-height: 50px;
}

@media screen and (min-width:768px) {
    .toast__header {
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit
    }
}

.toast__header i {
    background-image: url(icon-tick-green.svg);
    background-repeat: no-repeat;
    height: 23px;
    margin-right: 13px;
    width: 23px
}

.toast__header .btn-close {
    background-image: url(icon-close-white.svg);
    background-repeat: no-repeat;
    color: transparent;
    cursor: pointer;
    height: 16px;
    width: 16px
}

@media screen and (min-width:768px) {
    .toast__header .btn-close {
        margin-top: 8px
    }
}

.toast__title {
	-webkit-box-flex: 1;
	-ms-flex: 1 auto;
	flex: 1 auto;
	font-size: 20px;
	margin-right: 13px;
}


.toast__body form[action="/cart"]{
  margin-top: 10px;
}

.toast__body {
    padding: 16px
}

.toast__body .list-products {
  margin-bottom: 30px;
}

.toast__body .list-products .product {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px
}

.toast__body .list-products .product:last-of-type {
    margin-bottom: 0
}

.toast__body .list-products .product-image {
    width: 100%;
    max-width: 60px;
    margin-right: 12px;
    border-radius: 13px;
}

.toast__body .list-products .product-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.toast__body .list-products .product-detail p {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px
}

.toast__body .list-products .product-detail p.title {
	font-size: 16px;
	font-weight: 400;
}

.toast__body > .site-link {
  width: 100%;
  margin-top: 10px;
  text-align: center;
}

.toast__body .list-products .product-detail p.product-price {
    color: #717171;
    font-size: 14px
}

.toast__body .list-products .product-detail p.product-price .discounted-price {
    margin-right: 6px
}

.toast__body .list-products .product-detail p:last-of-type {
    margin-bottom: 0
}

.toast__body .btn--cart {
    display: none
}

@media screen and (min-width:768px) {
    .toast__body .btn--cart {
        display: block
    }
}

.toast__footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 4px;
    position: relative
}

.toast__loading-bar {
    background: #fff;
    height: 4px;
    position: relative;
    visibility: hidden;
    width: 100%
}

.toast__progress {
    background: #212a2f;
    border-bottom-left-radius: 5px;
    height: 4px;
    left: 0;
    position: absolute;
    -webkit-transition: width 1s linear;
    transition: width 1s linear;
    visibility: visible;
    width: 0
}

.loading-widget {
    color: #000;
    margin: 100px auto
}

@supports((-webkit-animation-name:loading-animation) or (animation-name:loading-animation)) {
    .loading-widget {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: loading-animation;
        animation-name: loading-animation;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        border: 2px solid;
        border-color: #000 #000 transparent;
        border-radius: 50%;
        color: transparent;
        height: 30px;
        width: 30px
    }
}

@-webkit-keyframes loading-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.quick-add-underlay {
    background-color: rgba(0, 0, 0, .5);
    display: block;
    z-index: 0
}

.quick-add-popup-wrap,
.quick-add-underlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.quick-add-popup-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    z-index: 100
}

@media screen and (min-width:768px) {
    .quick-add-popup-wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.quick-add-popup {
    display: none
}

@media screen and (min-width:768px) {
    .quick-add-popup {
        background-color: #fff;
        border-radius: 5px;
        display: block;
        max-width: 611px;
        position: relative;
        width: 100%;
        width: auto;
        z-index: 1
    }
}

.quick-add-low-stock {
    color: orange
}

.quick-add-in-stock {
    color: green
}

.quick-add-in-stock,
.quick-add-low-stock {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px
}

.quick-add-opt-title.single-option {
    display: none
}

.quick-add-close {
    cursor: pointer;
    font-size: 21px;
    font-weight: 400
}

.quick-add-close:active,
.quick-add-close:focus {
    outline: none
}

.quick-add-main {
    background-color: #fff
}

.quick-add-main .swiper-pagination {
    bottom: 16px !important;
    margin: 0;
    position: absolute
}

.quick-add-main .swiper-button-prev {
    -webkit-transform: rotate(180deg) translate(0);
    transform: rotate(180deg) translate(0)
}

.quick-add-main .swiper-button-next {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.quick-add-title {
    font-size: 16px;
    margin-bottom: 8px
}

.quick-add-image {
    display: none;
    position: relative;
    width: 611px !important
}

@media screen and (min-width:768px) {
    .quick-add-image {
        display: block
    }
}

.quick-add-image:after {
    content: "";
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.quick-add-image img {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.quick-add-info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

@media screen and (min-width:768px) {
    .quick-add-info {
        padding: 24px 24px 0
    }
}

.quick-add-info .btn {
    margin-top: 8px;
    width: 100%
}

.quick-add-info .product-specs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-weight: 600;
    justify-content: center;
    margin-bottom: 8px;
    text-align: center
}

.quick-add-info .product-specs p {
    display: inline-block;
    text-align: right;
    width: 48%
}

.quick-add-info .product-specs p:last-child {
    text-align: left
}

.quick-add-info .product-specs span {
    margin: 0 7px
}

.quick-add-info .product-price {
    color: #717171;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 12px
}

.quick-add-info .product-price>s,
.quick-add-info .product-price>span {
    margin-right: 6px
}

.quick-add-full-details-wrap {
    background-color: #212a2f;
    margin-top: 6px;
    padding: 14px;
    text-align: center
}

.quick-add-full-details-wrap a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase
}

.quick-add-opt-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 7px
}

.quick-add-opt-list .quick-add-opt-val {
    line-height: 40px;
    margin-bottom: 7px;
    margin-right: 10px;
    min-width: 40px;
    position: relative
}

@media screen and (min-width:768px) {
    .quick-add-opt-list .quick-add-opt-val {
        line-height: 44px;
        margin-right: 14px;
        min-width: 44px
    }
}

.quick-add-opt-list .quick-add-opt-val:last-child {
    margin-right: 0
}

.quick-add-opt-list .quick-add-opt-val label {
    border: 1px solid #e5e5e5;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: inherit;
    padding: 0 8px;
    text-align: center
}

.quick-add-opt-list .quick-add-opt-val input:checked~label {
    border: 1px solid #000
}

.quick-add-opt-list .quick-add-opt-val[data-low-stock]:after {
    border-left: 10px solid red;
    border-top: 10px solid transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    width: 10px
}

.quick-add-opt-list .quick-add-opt-val[data-unavailable] {
    background-image: url(grey-cross-bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.quick-add-opt-list .quick-add-opt-val[data-unavailable]:after {
    content: none
}

.quick-add-opt-list .quick-add-opt-val[data-unavailable] label {
    color: #e5e5e5
}

.minicart {
    bottom: 0;
    height: var(--app-height, 100vh);
    position: fixed;
    bottom: 0%;
    width: 100%;
    height: 80%;
    z-index: 999999;
    -webkit-transition: transform .3s;
    transition: transform .3s;
      transform: translateY(110%);
}

.minicart-header {
      border-radius: 3.25em 3.25em 0 0;
  overflow: visible;
}

body.minicart-open .minicart {
    transform: translateY(0%);
}

@media screen and (max-width:1023px) {
    .minicart {
        overflow: visible;
    }
   
    .minicart-scroll-area {
      overflow: auto
    }
}

@media screen and (min-width:768px) {
    .minicart {
        top: 0;
        right: 0;
        transform: translateX(100%);
        width: 450px;
        height: 100%;
    }

    .minicart-header {
      border-radius: 0
    }
  
    body.minicart-open .minicart {
      transform: translateX(0)
    }
}

.minicart-underlay {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    display: block;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99
}

body.minicart-open {
    overflow: hidden
}

body.minicart-open .minicart-underlay {
    display: block;
    width: 100%;
    height: 100%;
}



.minicart-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}


.minicart-header svg, .minicart-header svg path {
	fill: currentColor;
}

.minicart-samples {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 22px 16px;
	background: rgba(var(--color-bg-greige));
}

.minicart-samples > * + * {
  margin-left: 15px;
}

.minicart-samples .samples-count p {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px
}

.minicart-samples .minicart-samples-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center
}

.minicart-samples .minicart-sample, 
.minicart-samples .minicart-sample-add, 
.minicart-samples .minicart-sample-image-wrap, 
.minicart-samples .minicart-sample-remove {
height: 20px;
  overflow: hidden;
  width: 20px;
  border-radius: 5px;
  background: rgb(var(--color-white));
  border: 1px solid rgb(var(--color-main-accent));
}


.minicart-samples .minicart-sample--added {
  background: rgb(var(--color-main-accent));
}

.minicart-samples .minicart-sample-add, .minicart-samples .minicart-sample-remove {
	background: rgb(var(--color-white));
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid var(--color-main-accent) !important;
}

.minicart-samples .minicart-sample-add {
  display: flex;
  align-items: center;
  justify-content: center;
}

.minicart-samples .minicart-sample-add svg {
  width: 13px;
  height: 13px;
}

.minicart-samples .minicart-close-link {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    grid-column: -1/1;
    line-height: 18px;
    text-decoration: underline;
    display: none;
}

.minicart-samples .minicart-close-link:hover {
    text-decoration: none
}

.minicart-samples .minicart-sample {
    position: relative
}

.minicart-samples .minicart-sample a {
    display: block
}

.minicart-samples .minicart-sample .minicart-sample-remove {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 333ms ease-in-out;
    transition: opacity 333ms ease-in-out
}

.minicart-samples .minicart-sample .minicart-sample-remove svg {
    height: 20px;
    width: 20px
}

.minicart-samples .minicart-sample:hover .minicart-sample-remove {
    opacity: .5
}

.minicart-upsells {
    background: #fff;
    border-right: 1px solid #e5e5e5;
    display: none !important;
    height: 100vh;
    position: fixed;
    right: -100%;
    -webkit-transition: right .3s;
    transition: right .3s;
    width: 100%
}

.minicart-upsells.mobile-slide {
    right: 0;
    z-index: 10
}

@media screen and (min-width:768px) {
    .minicart-upsells {
        height: auto;
        position: relative;
        right: 0
    }
}

@media screen and (min-width:1024px) {
    .minicart-upsells {
        width: 420px
    }
}

.minicart-upsells .minicart-upsells-list {
    padding: 24px 32px
}

.minicart-upsells .minicart-upsells-list>.heading-4 {
    text-transform: capitalize
}

.minicart-upsells .minicart-upsells-list .upsell-product-container {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-bottom: 24px
}

.minicart-upsells .minicart-upsells-list .product-wrapper {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto
}

.minicart-upsells .minicart-upsells-list .product-wrapper img {
    grid-column: 1;
    grid-row: 1;
    min-width: 80px
}

.minicart-upsells .minicart-upsells-list .product-wrapper .product-info {
    grid-column: 2;
    grid-row: 1;
    margin-left: 12px
}

.minicart-upsells .minicart-upsells-list .product-wrapper .buttons-wrapper {
    grid-column: 1/span 2;
    grid-row: 2
}

@media screen and (min-width:1024px) {
    .minicart-upsells .minicart-upsells-list .product-wrapper .buttons-wrapper {
        grid-column: 2
    }
}

.minicart-upsells .minicart-upsells-list .product-wrapper .product-recommend-title {
    color: #717171;
    font-size: 14px;
    margin-bottom: 4px
}

.minicart-upsells .minicart-upsells-list .product-wrapper .heading-5 {
    font-size: 16px
}

.minicart-upsells .price-wrapper {
    margin-bottom: 16px
}

.minicart-upsells .price-wrapper>span {
    font-size: 13px;
    margin-left: 4px;
    margin-top: 2px
}

.minicart-upsells .price-wrapper .product-price {
    font-size: 16px;
    margin-bottom: 0
}

.minicart-upsells .buttons-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 12px;
    justify-content: space-between
}

.minicart-upsells .buttons-wrapper .quantity-selector-wrapper {
    height: 42px;
    margin-bottom: 0;
    max-width: 120px
}

.minicart-upsells .buttons-wrapper .quantity-selector-wrapper .btn-quantity-selector {
    height: 42px;
    width: 32px
}

.minicart-upsells .buttons-wrapper .quantity-selector-wrapper .btn-quantity-selector.btn-dec {
    border-left: none;
    border-right: 1px solid;
    left: 0;
    right: auto
}

.minicart-upsells .buttons-wrapper .quantity-selector-wrapper input {
    height: 42px;
    text-align: center
}

.minicart-upsells .buttons-wrapper .btn.btn--primary {
    font-size: 16px;
    margin-right: 0;
    white-space: nowrap
}

.minicart-upsells .buttons-wrapper .btn.btn--primary:hover {
    background-color: #212a2f;
    color: #fff
}

@media screen and (min-width:768px) {
    .minicart-upsells .minicart-close-button {
        display: none
    }
}

.minicart-upsells .success-add {
    margin: 10px 0;
    width: 100%
}

.price-details {
    margin-bottom: 4px
}

.price-details .per-unit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.price-details .per-unit:after {
    background-color: #212a2f;
    border-radius: 20px;
    content: "";
    display: block;
    height: 8px;
    margin: 8px;
    width: 100%;
    width: 8px
}

.minicart-annoucement-bar {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    max-height: 40px;
    text-align: center;
    width: 100%
}

.minicart-annoucement-bar p {
    font-size: 14px;
    margin-left: 12px
}

.minicart-annoucement-bar p .minicart-annoucement-bar-link {
    text-decoration: underline
}

.minicart-scroll-area {
  background: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 0 16px
}

@media screen and (min-width:1024px) {
    .minicart-scroll-area {
        overflow: auto;
        padding: 0
    }
}

.minicart-scroll-area .minicart-scroll-area-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.minicart-header {
	padding: 20px 18px;
	position: relative;
	text-align: center;
	border-bottom: 1px solid rgba(var(--color-main-text), .1);
	background: rgba(13, 31, 34, 1);
	color: rgb(var(--color-white));
}

.minicart-header > .title + .title {
	margin-top: 0.5rem;
}

@media screen and (min-width:1024px) {
    .minicart-header {
        padding: 20px 20px
    }
}

.minicart-header .minicart-title,
.minicart-header .minicart-subtitle {
	font-family: var(--font-heading);
	font-size: 24px;
	line-height: 20px;
	margin: 0;
	font-weight: 400;
}

.minicart-header .minicart-subtitle {
  font-size: 15px;
}

@media screen and (min-width:1024px) {
    .minicart-header {
      text-align: left
    }
    .minicart-header .minicart-title {
        font-size: 28px;
        line-height: 22px
    }

  .minicart-header .minicart-subtitle {
  font-size: 18px;
}

}

.minicart-header .minicart-title svg {
    height: 20px;
    width: 20px
}

.minicart-header .minicart-close-button {
	cursor: pointer;
	height: 29px;
	position: absolute;
	right: 2rem;
	top: -26px;
	width: 34px;
	background: inherit;
	border-radius: .5rem .5rem 0 0;
}


.minicart-close-button svg {
    width: 45%;
    height: 45%;
}


@media screen and (min-width: 768px){
  .minicart-header .minicart-close-button {
    cursor: pointer;
    height: 20px;
    position: absolute;

    right: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px
}
  .minicart-close-button svg {
	width: 100%;
	height: 100%;
}
}

.minicart-header .minicart-close-button:active,
.minicart-header .minicart-close-button:focus {
    outline: none
}


.minicart-main-inner {
	padding-inline: 18px;
}

.minicart-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(33, 42, 47, .1);
    display: grid;
    grid-template-columns: 42px 1fr;
    padding-block: 18px;
}

.minicart-item.removing {
    opacity: .5;
    pointer-events: none
}

.minicart-item .minicart-item-image-wrap {
    overflow: hidden;
  border-radius: 15px;
}

.minicart-item .minicart-item-image-wrap a {
    display: block;
    line-height: .5
}

.minicart-item .minicart-item-image-wrap img {
    height: 42px;
    width: 42px
}

@media screen and (min-width: 500px) {
    .minicart-item {
      grid-template-columns: 77px 1fr;
    }
    
    .minicart-item .minicart-item-image-wrap img {
        height: 77px;
        width: 77px
    }
}

.minicart-item .minicart-item-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 6px 16px;
    position: relative
}

@media screen and (min-width:1024px) {
    .minicart-item .minicart-item-details {
        padding: 14px 16px
    }
}

.minicart-item .minicart-item-title {
	font-size: 16px;
	line-height: 18px;
	margin: 0;
	padding: 0 45px 0 0;
	font-weight: 400;
}
.minicart-item .minicart-item-info p {
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 6px
}

@media screen and (min-width:1024px) {
    .minicart-item .minicart-item-info p {
        margin: 0 0 8px
    }
}

.minicart-item .minicart-item-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.minicart-item .minicart-item-wrapper .quantity-selector-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    height: 23px;
    margin: 0;
    width: 84px
}

.minicart-item .minicart-item-wrapper .quantity-selector-wrapper--simple {
    grid-template-columns: 29px;
    width: 29px
}

.minicart-item .minicart-item-wrapper .quantity-selector-wrapper .btn-quantity-selector {
    background-color: #ffecbf;
    border: 0;
    height: 23px;
    position: static;
    width: 23px
}

.minicart-item .minicart-item-wrapper .quantity-selector-wrapper .minicart-item-quantity-number {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 23px;
    width: 29px
}

.minicart-item .minicart-item-wrapper .quantity-selector-wrapper .input-quantity {
    background: #ffecbf;
    border: 0;
    border-radius: 0;
    font-size: 12px;
    height: 23px;
    line-height: 15px;
    margin: 0;
    min-width: unset;
    padding: 4px;
    text-align: center;
    width: 29px
}

.minicart-item .product-price {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.minicart-item .product-price>s,
.minicart-item .product-price>span {
    margin-right: 4px
}

.minicart-item .product-price s {
    opacity: .5
}

.minicart-item .minicart-item-remove {
    cursor: pointer;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0;
  	top: 50%;
   	transform: translateY(-50%);
    background: rgb(var(--color-bg-vanilla));
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width:1024px) {
  .minicart-item .minicart-item-remove {
  	height: 27px;
    width: 27px;
  }
}

.minicart-item .minicart-item-remove svg {
	height: 45%;
	width: 45%;
}

.minicart-item .minicart-item-remove:active,
.minicart-item .minicart-item-remove:focus {
    outline: none
}

.minicart-summary {
    background-color: rgba(var(--color-bg-greige));
    border-top: 1px solid rgba(var(--color-main--text),1);
    padding: 24px 18px;
    text-align: center;
    box-shadow: 0px -6px 20px 0px #DEDEDE;
}

@media screen and (min-width:1024px) {
    .minicart-summary {
        padding: 30px 20px
    }
}

.minicart-summary .minicart-summary-title {
    border-bottom: 1px solid #fff;
    padding: 12px 0
}

.minicart-summary .minicart-footer-line {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 32px 0 12px
 }

.minicart-summary .minicart-footer-line--free {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start
}

.minicart-summary .minicart-footer-line--free p {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.minicart-summary .minicart-footer-line--small {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 18px 0 9px;
}

.minicart-summary .minicart-footer-line--small p {
    font-size: 16px;
    font-weight: 500;
    line-height: 15px
}

.minicart-summary .minicart-totals {
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	margin: 0 0 12px;
	padding: 0;
}

.minicart-summary .minicart-ctas {
    display: grid;
    gap: 12px
}

.minicart-summary .minicart-ctas .minicart-cta {
    width: 100%
}

.minicart-summary .bb-ds-btn-modal-trigger {
    margin: 0
}

.minicart-summary .minicart-note {
	background: rgb(var(--color-white));
	border-radius: 5px;
	margin: 12px 0 0;
	padding: 16px 24px 0;
	border: 1px solid rgba(var(--color-main-text),.15);
}

.minicart-summary .minicart-note .text-area {
    border: 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0;
    padding: 0;
    resize: none;
    width: 100%
}

.minicart-summary .minicart-note .text-area:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.minicart-summary .minicart-note .text-area::-webkit-input-placeholder {
    color: #212a2f
}

.minicart-summary .minicart-note .text-area::-moz-placeholder {
    color: #212a2f
}

.minicart-summary .minicart-note .text-area:-ms-input-placeholder {
    color: #212a2f
}

.minicart-summary .minicart-note .text-area::-ms-input-placeholder {
    color: #212a2f
}

.minicart-summary .minicart-note .text-area::placeholder {
    color: #212a2f
}

.minicart-summary .minicart-note-header {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 8px
}

.minicart-summary .minicart-additional-text {
    font-size: 14px;
    padding: 24px 0
}

.minicart-summary .minicart-payment-icons {
    margin: 16px 0 0
}

.minicart-summary .minicart-payment-icons .payment-icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center
}

.minicart-summary .minicart-payment-icons .payment-icons li {
    display: none;
    margin: 0
}

.minicart-summary .minicart-payment-icons .payment-icons li.american_express,
.minicart-summary .minicart-payment-icons .payment-icons li.apple_pay,
.minicart-summary .minicart-payment-icons .payment-icons li.google_pay,
.minicart-summary .minicart-payment-icons .payment-icons li.klarna,
.minicart-summary .minicart-payment-icons .payment-icons li.maestro,
.minicart-summary .minicart-payment-icons .payment-icons li.master,
.minicart-summary .minicart-payment-icons .payment-icons li.shopify_pay,
.minicart-summary .minicart-payment-icons .payment-icons li.visa {
    display: block
}

.upsells-btn-mob {
    background-color: #e5fcf5;
    color: #212a2f;
    display: block;
    padding: 16px 24px;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .upsells-btn-mob {
        padding: 24px 32px
    }
}

.upsells-btn-mob:after {
    background-image: url(icon-arrow-black.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    display: block;
    height: 16px;
    margin: 16px 16px 0;
    position: absolute;
    right: 0;
    top: 12px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 14px
}

@media screen and (min-width:768px) {
    .upsells-btn-mob {
        display: none
    }
}

#preview-bar-iframe {
    display: block
}

.container {
    margin: 0 auto;
    max-width: 1354px;
    padding: 0 16px;
    width: 100%
}

.container--no-padding {
    padding: 0;
}

.container--xs {
    max-width: 818px;
    padding: 0 32px
}

.container--sm {
    max-width: 1056px;
    padding: 0 32px
}

.grid-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

@supports(display:grid) {
    .grid-list {
        grid-gap: 24px;
        display: grid;
        grid-auto-flow: row dense;
        grid-template-columns: repeat(1, 1fr)
    }
    @media screen and (min-width:768px) {
        .grid-list {
            grid-gap: 10px;
            grid-gap: 48px 32px;
            grid-template-columns: repeat(2, 1fr)
        }
    }
    @media screen and (min-width:1024px) {
        .grid-list {
            grid-template-columns: repeat(2, 1fr)
        }
    }
}

@supports(display:grid) {
    .grid-item {
        grid-column: span 1;
        grid-row: span 1
    }
}

.is-ie .grid-item {
    margin-bottom: 10px;
    margin-right: 10px;
    width: calc(25% - 10px)
}

@media screen and (min-width:768px) {
    .is-ie .grid-item {
        margin-bottom: 24px;
        margin-right: 24px;
        width: calc(25% - 24px)
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    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")
}

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

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

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

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

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

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

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

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

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

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

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

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    -ms-flex-negative: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

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

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

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

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

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

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

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

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

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

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

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

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

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

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

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

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

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 10px)
}

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

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

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

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

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

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

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

.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%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-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 {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

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

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

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

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

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

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

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: var(--swiper-scrollbar-size, 4px);
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: var(--swiper-scrollbar-top, auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none
}

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

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    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
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

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

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

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

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    -webkit-filter: blur(50px);
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

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

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

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--font1);
    font-weight: 600;
    justify-content: center;
    line-height: 1;
    padding: 14px 24px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background .2s;
    transition: background .2s
}

.btn:focus {
    outline: none
}

.btn:active {
    -webkit-transform: scale(.99);
    transform: scale(.99)
}

.btn:disabled,
.btn:disabled:hover {
    background-color: rgba(33, 42, 47, .502);
    border: 2px solid rgba(33, 42, 47, .502) !important;
    color: #fff
}

.btn--primary {
    background-color: var(--btn-bg-color-1);
    border-color: var(--btn-border-color-1);
    color: var(--btn-font-color-1)
}

@media screen and (min-width:768px) {
    .btn--primary:hover {
        background-color: var(--btn-bg-color-1-hover);
        border-color: var(--btn-border-color-1-hover);
        color: var(--btn-font-color-1-hover)
    }
}

.btn--primary-inverted {
    background-color: transparent;
    border-color: var(--btn-border-color-1-hover);
    color: var(--color-body-text)
}

@media screen and (min-width:768px) {
    .btn--primary-inverted:hover {
        background-color: var(--btn-bg-color-1);
        border-color: var(--btn-border-color-1);
        color: var(--btn-font-color-1-hover)
    }
}

.btn--secondary {
    background-color: var(--btn-bg-color-2);
    border-color: var(--btn-border-color-2);
    color: var(--btn-font-color-2)
}

@media screen and (min-width:768px) {
    .btn--secondary:hover {
        background-color: var(--btn-bg-color-2-hover);
        border-color: var(--btn-border-color-2-hover);
        color: var(--btn-font-color-2-hover)
    }
}

.btn--secondary-inverted {
    background-color: transparent;
    border-color: var(--btn-border-color-2);
    color: var(--color-heading-text)
}

@media screen and (min-width:768px) {
    .btn--secondary-inverted:hover {
        background-color: var(--btn-bg-color-2);
        border-color: var(--btn-border-color-2);
        color: var(--btn-font-color-2-hover)
    }
}

.btn--tertiary {
    background-color: var(--btn-bg-color-3);
    border-color: var(--btn-border-color-3);
    color: var(--btn-font-color-3)
}

@media screen and (min-width:768px) {
    .btn--tertiary:hover {
        background-color: var(--btn-bg-color-3-hover);
        border-color: var(--btn-border-color-3-hover);
        color: var(--btn-font-color-3-hover)
    }
}

.btn--tertiary-inverted {
    background-color: transparent;
    border-color: var(--btn-bg-color-3);
    color: var(--btn-bg-color-3)
}

@media screen and (min-width:768px) {
    .btn--tertiary-inverted:hover {
        background-color: var(--btn-bg-color-3);
        border-color: var(--btn-border-color-3);
        color: var(--btn-font-color-3)
    }
}

.btn--outline {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

@media screen and (min-width:768px) {
    .btn--outline:hover {
        background-color: #fff;
        border-color: #fff;
        color: var(--color-body-text)
    }
}

.btn--lg {
    padding: 15px 80px
}

.btn--sm {
    padding: 10px 17px
}

.btn--with-plus {
    padding-left: 12px;
    padding-right: 12px
}

.btn--with-plus:before {
    content: "+";
    font-size: 23px;
    font-weight: 400;
    line-height: 0;
    margin-right: 10px;
    position: relative;
    top: -1px
}

.btn--only-plus {
    font-size: 0;
    min-width: 0;
    padding: 0
}

.btn--only-plus:before {
    content: "+";
    font-size: 23px;
    font-weight: 400;
    line-height: 0;
    line-height: .5;
    margin-right: 0;
    padding: .5em;
    position: relative;
    top: -1px;
    top: 0
}

.btn--only-plus.btn--lg:before {
    font-size: 26px
}

.btn--only-plus.btn--sm:before {
    font-size: 20px
}

.btn:disabled {
    cursor: not-allowed
}

.btn:disabled,
.btn:disabled:hover {
    background-color: silver;
    border: none !important;
    color: #717171
}

.btn--disabled {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.close-btn {
    background-color: transparent;
    background-image: url(icon-close-grey.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: 12px;
    outline: none;
    width: 12px
}

.close-btn--white {
    background-image: url(icon-close-white.svg)
}

.close-btn--lg {
    height: 20px;
    width: 20px
}

.label {
    color: var(--color-body-text);
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .label {
        font-size: 16px
    }
}

input[type="submit"] {
	font-family: inherit;
}

.text-input {
    border: 1px solid rgba(var(--color-main-text), .11);
    border-radius: 6px;
    color: var(--color-body-text);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 24px;
    padding: 14px 20px;
}


.text-input--blob {
    border-radius: 50px;
    border: none;
}

.text-input:focus,
.input-quantity:focus {
    -webkit-box-shadow: 0 0 2px var(--border-color);
    box-shadow: 0 0 2px var(--border-color);
    outline: none
}

@media screen and (min-width:768px) {
    .text-input {
        min-width: 250px
    }
    .text-input--auto {
        min-width: auto;
    }
}

.text-input::-webkit-input-placeholder {
    color: rgba(var(--color-main-text), .65);
}

.text-input::-moz-placeholder {
    color: rgba(var(--color-main-text), .65);
}

.text-input:-ms-input-placeholder {
    color: rgba(var(--color-main-text), .65);
}

.text-input::-ms-input-placeholder {
    color: rgba(var(--color-main-text), .65);
}

.text-input::placeholder {
    /* color: #b4b4b4 */
    color: rgba(var(--color-main-text), .65);
}

@media screen and (min-width:768px) {
    .text-input {
        font-size: 16px
    }
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

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

.validated .text-area:invalid,
.validated .text-input:invalid,
.validated .select:invalid {
    border: 1px solid var(--sale-price-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(var(--color-main-text), .15);
    border-radius: 5px;
    color: rgba(var(--color-main-text));
    font-family: var(--font1);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1;
    margin-bottom: 24px;
    padding: 18px 14px;
    background: rgba(var(--color-white));
}

.select::-webkit-input-placeholder {
    color: #b4b4b4
}

.select::-moz-placeholder {
    color: #b4b4b4
}

.select:-ms-input-placeholder {
    color: #b4b4b4
}

.select::-ms-input-placeholder {
    color: #b4b4b4
}

.select::placeholder {
    color: #b4b4b4
}

.select:focus {
    -webkit-box-shadow: 0 0 2px var(--border-color);
    box-shadow: 0 0 2px var(--border-color);
    outline: none
}

@media screen and (min-width:768px) {
    .select {
        min-width: 274px
    }
}

.select-wrapper {
    margin-bottom: 24px;
    position: relative
}

.select-wrapper:after {
    background-image: url(icon-arrow-2.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 10px 5px;
    content: "";
    display: block;
    height: 11px;
    position: absolute;
    right: 20px;
    top: 37%;
    width: 10px
}

.select-wrapper .select {
    font-size: 14px;
    margin-bottom: 0;
    min-width: auto;
    width: 100%;
    font-weight: 400;
    letter-spacing: 0;
}

.select-wrapper select option {
    width: 100%;
}

.text-area {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    color: var(--color-body-text);
    font-family: var(--font1);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1;
    margin-bottom: 24px;
    padding: 14px
}

.text-area::-webkit-input-placeholder {
    color: #b4b4b4
}

.text-area::-moz-placeholder {
    color: #b4b4b4
}

.text-area:-ms-input-placeholder {
    color: #b4b4b4
}

.text-area::-ms-input-placeholder {
    color: #b4b4b4
}

.text-area::placeholder {
    color: #b4b4b4
}

.text-area:focus {
    -webkit-box-shadow: 0 0 2px var(--border-color);
    box-shadow: 0 0 2px var(--border-color);
    outline: none
}

@media screen and (min-width:768px) {
    .text-area {
        min-width: 274px
    }
}

.checkbox,
.radio {
    height: 0;
    left: -1000px;
    position: absolute;
    width: 0;
    z-index: -1
}

.checkbox-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-body-text);
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .checkbox-label {
        font-size: 16px
    }
}

.checkbox-label:before {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 3px;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-right: 6px;
    width: 24px
}

input:checked+.checkbox-label:before {
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
    content: "✓";
    font-size: 22px
}

.radio-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-body-text);
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .radio-label {
        font-size: 16px
    }
}

.radio-label:before {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 0 12px #fff;
    box-shadow: inset 0 0 0 12px #fff;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-right: 6px;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    width: 24px
}

input:checked+.radio-label:before {
    background-color: #333;
    border: 1px solid #333;
    -webkit-box-shadow: inset 0 0 0 4px #fff;
    box-shadow: inset 0 0 0 4px #fff
}

.radio-wrapper {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: left;
    margin-bottom: 10px;
    padding: 7px 25px 7px 15px
}

.checkbox-toggle {
    background-color: #525252;
    border-radius: 24px;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    position: relative;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    width: 55px
}

.checkbox-toggle:before {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 20px;
    left: 2px;
    position: absolute;
    top: 2px;
    -webkit-transition: left .2s linear;
    transition: left .2s linear;
    width: 20px
}

.checkbox-toggle:after {
    color: #fff;
    content: attr(data-off-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    margin: 0 .5em;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 6px
}

input:checked+.checkbox-toggle {
    background-color: #56c568
}

input:checked+.checkbox-toggle:before {
    left: 33px
}

input:checked+.checkbox-toggle:after {
    content: attr(data-on-text);
    left: 0
}

.checkbox-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.checkbox-wrapper input[type=checkbox] {
    position: absolute;
    visibility: hidden
}

.checkbox-wrapper label {
    margin: 5px 0 0 36px;
    position: relative
}

.checkbox-wrapper label:before {
    border: 1px solid var(--btn-bg-color-1);
    content: "";
    display: inline-block;
    height: 24px;
    margin-left: -36px;
    margin-top: -5px;
    padding: 0;
    position: absolute;
    width: 24px
}

@media screen and (min-width:768px) {
    .checkbox-wrapper label:before {
        border-radius: 50%
    }
}

.checkbox-wrapper input[type=checkbox]:checked+label:after {
    background-color: var(--btn-bg-color-1);
    border: 1px solid var(--btn-bg-color-1);
    content: "";
    display: inline-block;
    height: 18px;
    left: 0;
    margin-left: -33px;
    margin-top: -2px;
    position: absolute;
    top: 0;
    width: 18px
}

@media screen and (min-width:768px) {
    .checkbox-wrapper input[type=checkbox]:checked+label:after {
        border-radius: 50%
    }
}

.area-selector-wrapper {
    margin-bottom: 0;
    position: relative
}


.order-by-form-options .quantity-selector-wrapper {
    margin-bottom: 0;
}

.order-by-form-options .input-quantity,
.order-by-form-options .btn-quantity-selector {
    border-color: rgb(var(--color-new-border)) !important;
}

.order-by-form-options input {
    font-size: 17px;
    margin-bottom: 0;
    width: 100%
}

.area-selector-wrapper span {
    font-size: 14px;
    position: absolute
}

.area-selector-wrapper span.input-suffix {
	left: 46px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .2s;
	transition: all .2s;
	color: rgba(var(--color-main-text), .35);
	font-weight: 400;
	font-size: 17px;
}

.area-selector-wrapper span.low-stock {
    right: 16px
}

.quantity-selector-wrapper {
    /* margin-bottom: 28px; */
    position: relative
}

.quantity-selector-wrapper .btn-quantity-selector {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 33%;
    /* border-left: 1px solid var(--border-color); */
    border: 0;
    bottom: 0;
    color: #434944;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 25px;
    font-weight: 600;
    height: 53px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 40px

}


.quantity-selector-wrapper--relative {
	min-width: 100px;
	width: 100%;
	max-width: 133px;
}

.quantity-selector-wrapper--relative input {
    text-align: center;
    max-height: 40px !important;

}

.quantity-selector-wrapper--relative .btn-quantity-selector {
    max-height: 40px;
    background-size: 24%;
}

@media screen and (min-width:768px) {
    .quantity-selector-wrapper--relative input {
        text-align: center;
        max-height: 50px !important;
    
    }
    
    .quantity-selector-wrapper--relative .btn-quantity-selector {
        max-height: 50px;
        background-size: 24%;
    }

    .quantity-selector-wrapper .btn-quantity-selector:hover {
        cursor: pointer
    }
}

.quantity-selector-wrapper .btn-quantity-selector:disabled {
    color: rgba(33, 67, 56, .5);
    cursor: not-allowed
}

.quantity-selector-wrapper .btn-quantity-selector.btn-dec {
    background-image: url(icon-minus.svg);
    right: 49px
}
.quantity-selector-wrapper--relative .btn-quantity-selector.btn-dec {
    left: 0;
    right: unset;
    border-right: 1px solid rgb(var(--color-new-border));
}

.quantity-selector-wrapper .btn-quantity-selector.btn-inc {
    background-image: url(icon-plus.svg);
    left: auto;
    right: 0;
    border-left: 1px solid rgb(var(--color-new-border));
}

.quantity-selector-wrapper input {
    /* border: 1px solid var(--border-color); */
    border: 1px solid rgba(var(--color-new-border), 1);
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: 0;
    padding: 14px 20px;
    width: 100%;
    height: 100%;
    max-height: 53px;
}

.quantity-selector-wrapper--relative input{
    background-color: rgb(var(--color-new-bg));
}

.quantity-selector-wrapper input[type=number] {
    -moz-appearance: textfield
}

.quantity-selector-wrapper input[type=number]::-webkit-inner-spin-button,
.quantity-selector-wrapper input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.quantity-selector-wrapper.small .input-quantity {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    text-align: center;
    width: 100px
}

.quantity-selector-wrapper.small .btn-quantity-selector {
    border: none;
    width: 30px
}

.quantity-selector-wrapper.small .btn-quantity-selector.btn-dec {
    background-image: url(icon-minus.svg);
    border-right: 1px solid #e5e5e5;
    left: 0
}

.quantity-selector-wrapper.small .btn-quantity-selector.btn-inc {
    background-image: url(icon-plus.svg);
    border-left: 1px solid #e5e5e5;
    left: 70px
}

.template-product .breadcrumbs-snippet {
    display: block
}

.template-product .swym-button-bar {
	display: none;
}

.breadcrumbs-snippet a,{
    transition: all .35s ease;
    font-size: 0.75rem;
}
.breadcrumbs-snippet a:hover{
    opacity: .55;
}

@media screen and (max-width:1023px) {
    .template-product .breadcrumbs-snippet{
        margin-block: 7px;
    }
    #shopify-section-product .product-details-upper .container,
    .features-product-section .product-details-upper .container {
        padding: 0
    }
    .breadcrumbs-snippet a,
    .breadcrumbs-snippet span{
        font-size: 12px !important;
    }
}

@media screen and (min-width:1024px) {
    #shopify-section-product .product-details-upper .product-details__grid,
    .features-product-section .product-details-upper .product-details__grid {
        display: grid;
        column-gap: 37px;
        grid-template-columns: 1fr 490px;
        grid-template-rows: auto;
        margin: 24px auto 0
    }


    .breadcrumbs-snippet a,
    .breadcrumbs-snippet span{
        font-size: 16px !important;
    }
}

#shopify-section-product .product-details-upper .product-details__brands-vendor,
.features-product-section .product-details-upper .product-details__brands-vendor {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px
}

#shopify-section-product .product-details-upper .product-details__brand,
.features-product-section .product-details-upper .product-details__brand {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-bottom: 16px;
    opacity: .6
}

@media screen and (min-width:1024px) {
    #shopify-section-product .product-details-upper .product-details__brand,
    .features-product-section .product-details-upper .product-details__brand {
        margin-bottom: 24px
    }
}

#shopify-section-product .product-details-upper .product-details__brand:hover,
.features-product-section .product-details-upper .product-details__brand:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

#shopify-section-product .product-details-upper .product-details__brand img,
.features-product-section .product-details-upper .product-details__brand img {
    max-height: 56px;
    max-width: 100px
}

#shopify-section-product .product-details-upper .product-details__vendor,
.features-product-section .product-details-upper .product-details__vendor {
    color: var(--color-accent-3);
    text-transform: uppercase
}

#shopify-section-product .product-details-upper .stickers,
.features-product-section .product-details-upper .stickers {
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    left: auto;
    position: static;
    top: auto
}

#shopify-section-product .product-details-upper .sticker,
.features-product-section .product-details-upper .sticker {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 10px;
    padding: 5px
}

@media screen and (min-width:1024px) {
    #shopify-section-product .product-details-upper .sticker,
    .features-product-section .product-details-upper .sticker {
        padding: 8px
    }
}

#shopify-section-product .product-details-gallery-wrapper,
.features-product-section .product-details-gallery-wrapper {
    grid-column: 1;
    grid-row: 3;
    width: 100%
}

@media screen and (min-width:800px) {
    .product-details-gallery-wrapper {
        padding-inline: 16px;
    }
}

@media screen and (min-width:1024px) {
    .product-details-gallery-wrapper {
        padding-inline: 0;
    }

    #shopify-section-product .product-details-gallery-wrapper,
    .features-product-section .product-details-gallery-wrapper {
        grid-column: 1;
        grid-row: 2
    }
}

#shopify-section-product .product-details-price-snippet,
.features-product-section .product-details-price-snippet {
    font-family: var(--font1);
    margin-bottom: 24px
}

#shopify-section-product .product-details-form-wrapper,
.features-product-section .product-details-form-wrapper {
    grid-column: 1;
    grid-row: 2;
    padding: 0 16px;
    width: 100%
}

@media screen and (min-width:1024px) {
    #shopify-section-product .product-details-form-wrapper,
    .features-product-section .product-details-form-wrapper {
        grid-column: 2;
        grid-row: 1/span 2;
        padding: 0
    }
}

#shopify-section-product .product-details-form-wrapper .product-details-form-wrapper-inner,
.features-product-section .product-details-form-wrapper .product-details-form-wrapper-inner {
    height: auto;
    position: relative;
    /* top: calc(var(--header-height) + 55px); */
    width: 100%
}

@media screen and (min-width:1024px) {
    #shopify-section-product .product-details-form-wrapper .product-details-form-wrapper-inner,
    .features-product-section .product-details-form-wrapper .product-details-form-wrapper-inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        position: sticky
    }
    #shopify-section-product .product-details-form-wrapper .product-details-form-wrapper-inner .product-details-form-wrapper-inner-wrapper,
    .features-product-section .product-details-form-wrapper .product-details-form-wrapper-inner .product-details-form-wrapper-inner-wrapper {
        margin-bottom: 12px;
        width: 100%
    }
}

#shopify-section-product .product-details-form-wrapper .product-details-form-wrapper-inner .product-details-form-wrapper-inner-wrapper,
.features-product-section .product-details-form-wrapper .product-details-form-wrapper-inner .product-details-form-wrapper-inner-wrapper {
    position: relative
}

#shopify-section-product .product-details-form-wrapper .product-details-form-wrapper-inner .product-details-form-wrapper-inner-wrapper .product-page-sticker,
.features-product-section .product-details-form-wrapper .product-details-form-wrapper-inner .product-details-form-wrapper-inner-wrapper .product-page-sticker {
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 20px;
    padding: 2px 16px
}

#shopify-section-product .product-details-form-wrapper .product-details-form-wrapper-inner .product-details-form-wrapper-inner-wrapper .product-page-sticker p,
.features-product-section .product-details-form-wrapper .product-details-form-wrapper-inner .product-details-form-wrapper-inner-wrapper .product-page-sticker p {
    font-size: 14px;
    font-weight: 700;
    line-height: 25.6px
}

#shopify-section-product .cart-shipping-bands-section,
.features-product-section .cart-shipping-bands-section {
    margin-bottom: 24px
}

#shopify-section-product .cart-shipping-bands-section ul li:last-of-type,
.features-product-section .cart-shipping-bands-section ul li:last-of-type {
    margin-bottom: 0
}

#shopify-section-product .product-reviews-badge, .features-product-section .product-reviews-badge {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    border-radius: 50%;
	/* display: -webkit-box; */
	/* display: -ms-flexbox; */
	display: flex;
	justify-content: center;
	text-align: center;
	z-index: 1;
    margin-top: 19px;
}

#shopify-section-product .product-reviews-badge--mobile {
  border-bottom: 1px solid;
  padding-bottom: 2px;
  gap: 5px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0;
}




#shopify-section-product .gallery__zoom-btn,
.features-product-section .gallery__zoom-btn {
    background: #fff;
    background-image: url(icon-zoom-in.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    right: 16px
}

#shopify-section-product .gallery__video-btn,
#shopify-section-product .gallery__zoom-btn,
.features-product-section .gallery__video-btn,
.features-product-section .gallery__zoom-btn {
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .125);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .125);
    content: " ";
    cursor: pointer;
    height: 44px;
    position: absolute;
    top: 16px;
    width: 44px;
    z-index: 1
}

#shopify-section-product .gallery__video-btn,
.features-product-section .gallery__video-btn {
    background: #fff;
    background-blend-mode: difference;
    background-image: url(icon-video.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    left: 16px
}

.features-product-section .product-details-form-wrapper {
    max-width: 50%
}

.is-ie.template-product .breadcrumbs-snippet {
    position: static
}

.is-ie #shopify-section-product .stickers {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

/* .product-yotpo {
    margin-bottom: 56px;
    position: relative
}

@media screen and (min-width:1024px) {
    .product-yotpo {
        margin-bottom: 80px
    }
} */

.product-yotpo .heading-2 {
    margin: 0 auto .5em;
    max-width: 1410px;
    padding: 0 16px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .product-yotpo .heading-2 {
        font-size: 40px
    }
}

.product-yotpo .btn-container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin: 8px 0
}

@media screen and (min-width:1024px) {
    .product-yotpo .btn-container {
        margin: 0 auto !important
    }
}

.product-yotpo .btn-container .btn.btn-secondary {
    margin-right: 0 !important;
    width: 100%
}

@media screen and (min-width:1024px) {
    .product-yotpo .btn-container .btn.btn-secondary {
        font-size: 14px;
        margin-right: 0 !important;
        width: 333px
    }
}

.yotpo div,
.yotpo form,
.yotpo span {
    font-family: var(--font1) !important
}

.yotpo .more-filters-btn,
.yotpo .yotpo-default-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #212a2f;
    border: 2px solid #212a2f;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 1;
    margin-right: .25em;
    padding: 14px 24px 12px;
    text-align: center;
    text-transform: uppercase
}

.yotpo .yotpo-dropdown-button {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    color: var(--color-body-text);
    font-family: var(--font1);
    font-size: 14px
}

.yotpo .yotpo-icon-half-star,
.yotpo .yotpo-icon-star {
    color: #ffdd4a !important;
    margin-right: 3px
}

.yotpo .yotpo-icon-empty-star {
    color: #ffdd4a !important
}

.yotpo .main-widget.yotpo-display-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.yotpo .main-widget.yotpo-display-wrapper .y-input,
.yotpo .main-widget.yotpo-display-wrapper input {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    color: var(--color-body-text);
    font-family: var(--font1);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1
}

.yotpo .main-widget.yotpo-display-wrapper .y-input::-webkit-input-placeholder,
.yotpo .main-widget.yotpo-display-wrapper input::-webkit-input-placeholder {
    color: rgba(var(--color-main-text),.6);
    opacity: 1;
}

.yotpo .main-widget.yotpo-display-wrapper .y-input::-moz-placeholder,
.yotpo .main-widget.yotpo-display-wrapper input::-moz-placeholder {
    color: rgba(var(--color-main-text),.6);
    opacity: 1;
}

.yotpo .main-widget.yotpo-display-wrapper .y-input:-ms-input-placeholder,
.yotpo .main-widget.yotpo-display-wrapper input:-ms-input-placeholder {
    color: rgba(var(--color-main-text),.6);
    opacity: 1;
}

.yotpo .main-widget.yotpo-display-wrapper .y-input::-ms-input-placeholder,
.yotpo .main-widget.yotpo-display-wrapper input::-ms-input-placeholder {
    color: rgba(var(--color-main-text),.6);
    opacity: 1;
}

.yotpo .main-widget.yotpo-display-wrapper .y-input::placeholder,
.yotpo .main-widget.yotpo-display-wrapper input::placeholder {
    color: rgba(var(--color-main-text),.6);
    opacity: 1;
}

.yotpo .main-widget.yotpo-display-wrapper>.yotpo-display-wrapper {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    margin-bottom: 24px;
    order: 2
}

@media screen and (min-width:1024px) {
    .yotpo .main-widget.yotpo-display-wrapper>.yotpo-display-wrapper {
        margin-bottom: 0
    }
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-reviews-header {
    display: none
}

.yotpo .main-widget.yotpo-display-wrapper .new-yotpo-small-box {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    border-bottom: none;
    margin: 0 auto 12px;
    max-width: 1410px;
    order: 1;
    padding: 0;
    width: 100%
}

.yotpo .main-widget.yotpo-display-wrapper .new-yotpo-small-box ul {
    border-bottom: 2px solid var(--border-light-color)
}

.yotpo .main-widget.yotpo-display-wrapper .new-yotpo-small-box ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper {
    border-bottom: none
}

.yotpo .main-widget.yotpo-display-wrapper .new-yotpo-small-box ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper span {
    color: #212a2f;
    position: relative
}

.yotpo .main-widget.yotpo-display-wrapper .new-yotpo-small-box ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper span:after {
    background: #212a2f;
    bottom: -8px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 68px
}

.yotpo .main-widget.yotpo-display-wrapper .new-yotpo-small-box ul .yotpo-nav-tab {
    margin-right: 9px
}

.yotpo .main-widget.yotpo-display-wrapper .new-yotpo-small-box ul .yotpo-nav-tab:last-of-type {
    margin-left: 14px;
    margin-right: 0
}

.yotpo .main-widget.yotpo-display-wrapper .new-yotpo-small-box .yotpo-nav-wrapper {
    margin: 0;
    padding-bottom: 0
}

.yotpo .main-widget.yotpo-display-wrapper .new-yotpo-small-box .yotpo-nav-wrapper span {
    text-transform: lowercase
}

.yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: var(--color-accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    order: 10;
    padding: 16px 16px 48px !important
}

@media screen and (min-width:1024px) {
    .yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: center;
        order: 3;
        padding: 0 16px 75px !important
    }
}

.yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-question-button,
.yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-review-button.write-question-review-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #212a2f;
    border: 2px solid #212a2f;
    border-radius: 5px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    line-height: 1;
    margin-right: .25em;
    padding: 14px 24px 12px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background .2s;
    transition: background .2s;
    width: 100%
}

.yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-question-button:hover,
.yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-review-button.write-question-review-button:hover {
    background: #212a2f !important;
    color: #fff !important
}

@media screen and (min-width:1024px) {
    .yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-question-button,
    .yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-review-button.write-question-review-button {
        width: 165px
    }
}

.yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-question-button .write-question-review-button-icon,
.yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-review-button.write-question-review-button .write-question-review-button-icon {
    display: none
}

.yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-question-button .write-question-review-button-text,
.yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-review-button.write-question-review-button .write-question-review-button-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 4px auto 0;
    width: 70%
}

@media screen and (min-width:1024px) {
    .yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-question-button .write-question-review-button-text,
    .yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-review-button.write-question-review-button .write-question-review-button-text {
        font-size: 14px;
        width: 100%
    }
}

.yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-question-button {
    margin: 15px 0 0 !important
}

@media screen and (min-width:1024px) {
    .yotpo .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .write-question-button {
        margin: 0 0 0 12px !important
    }
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    background-color: var(--color-accent);
    order: 2
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews {
    margin: 0 auto;
    max-width: 1410px;
    padding: 0 16px;
    width: 100%
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters {
    border-bottom: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0 !important
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 15px auto 0;
    max-width: 1410px;
    width: 100%
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .filters-container-title {
    display: none
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .free-text-search {
    width: 65%
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .free-text-search .free-text-search-input {
    background: #fff;
    border: none;
    width: 80%;
    height: 50px !important;
    padding: 0 55px 0 55px !important;
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .free-text-search .magnifying-glass-icon {
	font-size: 15px;
	position: absolute;
	top: 33px;
	left: 25px;
	color: #6B6D76;
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .free-text-search .yotpo-icon-clear-text-search {
    display: none !important
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .desktop-clear-all-btn {
    border: #212a2f;
    right: 15px;
    top: -25px
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .mobile-more-filters-container {
    width: 32%
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .mobile-more-filters-container .more-filters-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    margin: 0;
    padding: 4px 10px
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .mobile-more-filters-container .more-filters-btn span {
    color: #fff;
    height: 34px
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .mobile-more-filters-container .more-filters-icon.yotpo-icon {
    display: none
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .yotpo-hidden-mobile .dropdown-filters-container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 22px
}

@media screen and (min-width:1024px) {
    .yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .yotpo-hidden-mobile .dropdown-filters-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .yotpo-hidden-mobile .dropdown-filters-container .filters-dropdown .yotpo-dropdown-button {
    border: none;
    border-radius: 5px;
    height: 50px;
    padding-top: 14px;
}

@media screen and (min-width:1024px) {
    .yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .yotpo-hidden-mobile .dropdown-filters-container .filters-dropdown .yotpo-dropdown-button {
        width: 220px
    }
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-filters .filters-container .yotpo-hidden-mobile .dropdown-filters-container .filters-dropdown .yotpo-dropdown.list-categories .list-category .selected-item {
    color: #212a2f !important
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1410px;
    padding: 24px 0 8px;
    width: 100%
}


.filters-container .free-text-search-input {
    height: 50px;
}

@media screen and (min-width:1024px) {
    .yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active,
    .yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        padding: 7px 0;
    }
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-first-review,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-first-review {
    margin-top: 0
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-first-review .yotpo-first-review-content,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-first-review .yotpo-first-review-stars,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-first-review .yotpo-first-review-content,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-first-review .yotpo-first-review-stars {
    display: none
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review {
    background: #fff;
    border: none;
    border-radius: 20px;
    display: block;
    margin: 0 auto 24px;
    padding: 37px 32px 15px;
    position: relative;
    width: 100%
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question {
    border-radius: 6px;
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-header .label-with-tooltip.pull-left,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-header .label-with-tooltip.pull-left,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-header .label-with-tooltip.pull-left,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-header .label-with-tooltip.pull-left {
    display: block;
    float: none
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-header .yotpo-icon-profile,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-header .yotpo-icon-profile,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-header .yotpo-icon-profile,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-header .yotpo-icon-profile {
    background: #212a2f
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-header .yotpo-icon-profile .yotpo-user-letter,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-header .yotpo-icon-profile .yotpo-user-letter,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-header .yotpo-icon-profile .yotpo-user-letter,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-header .yotpo-icon-profile .yotpo-user-letter {
    line-height: 1
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-header .yotpo-icon-circle-checkmark,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-header .yotpo-icon-circle-checkmark,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-header .yotpo-icon-circle-checkmark,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-header .yotpo-icon-circle-checkmark {
    color: #212a2f
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-header .yotpo-user-name,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-header .yotpo-user-name,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-header .yotpo-user-name,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-header .yotpo-user-name {
    color: #212a2f;
    font-size: 14px;
    font-weight: 600
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-header .yotpo-review-stars,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-header .yotpo-review-stars,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-header .yotpo-review-stars,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-header .yotpo-review-stars {
    bottom: -47px;
    left: 0;
    position: absolute
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-main,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-main,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-main,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-main {
    color: #717171;
    margin-left: 0;
    margin-top: 70px
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-main .content-title,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-main .content-title,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-main .content-title,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-main .content-title {
    color: #212a2f
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-main .content-review,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-main .content-review,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-main .content-review,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-main .content-review {
    line-height: 160%
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-footer,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-footer,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-footer,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-footer {
    position: static
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-footer .footer-actions,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-footer .footer-actions,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-footer .footer-actions,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-footer .footer-actions {
    display: none
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-footer .footer-additional-actions,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-footer .footer-additional-actions,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-footer .footer-additional-actions,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-footer .footer-additional-actions {
    position: absolute;
    right: 24px;
    top: 44px
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-footer .footer-additional-actions .yotpo-review-date,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-footer .footer-additional-actions .yotpo-review-date,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-footer .footer-additional-actions .yotpo-review-date,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-footer .footer-additional-actions .yotpo-review-date {
    color: #717171;
    font-size: 12px
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-footer .yotpo-helpful,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-review .yotpo-footer .yotpo-helpful,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-footer .yotpo-helpful,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review .yotpo-footer .yotpo-helpful {
    display: none
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question {
    display: block;
    margin-bottom: 32px
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-main,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-main {
    margin-top: 38px
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-comments-box,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-comments-box {
    border-left: none;
    border-top: 2px solid #ebebeb;
    margin-left: 0
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-comments-box .yotpo-comment-box,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-comments-box .yotpo-comment-box {
    margin-left: 0;
    padding: 24px 0 0
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-question .yotpo-comments-box .yotpo-comment-box .yotpo-icon-profile.yotpo-header-element.yotpo-store-avatar,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-question .yotpo-comments-box .yotpo-comment-box .yotpo-icon-profile.yotpo-header-element.yotpo-store-avatar {
    padding-top: 0 !important
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-pager,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-pager {
    margin-bottom: 0
}

@media screen and (min-width:1024px) {
    .yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-pager,
    .yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-pager {
        width: 100%
    }
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-questions.yotpo-active .yotpo-pager a,
.yotpo .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-pager a {
    color: #212a2f !important
}

.yotpo .main-widget.yotpo-display-wrapper .form-element.submit-button .primary-color-btn {
    background-color: #212a2f;
    font-family: var(--font1) !important;
    font-size: 14px;
    font-weight: 600 !important
}

.yotpo .main-widget.yotpo-display-wrapper .yotpo-messages span {
    color: #212a2f !important
}

.yotpo .yotpo-bottomline {
    min-height: unset !important;
    padding: 12px 0
}

@media screen and (max-width:1023px) {
    .yotpo .yotpo-bottomline {
        padding: 7px 0 7px;
    }
}

.yotpo .yotpo-bottomline .bottom-line-items {
    margin: 0 auto;
    max-width: 1410px;
    padding: 0;
    width: 100%
}

.bottom-line-items .avg-score {
	color: rgba(var(--color-main-text),1) !important;
	margin-right: 17px;
}

.bottom-line-items .yotpo-filter-stars {
    margin-right: 10px;
}

@media screen and (min-width:1024px) {
    .yotpo .yotpo-bottomline .bottom-line-items {
        display: flex;
        align-items: center;
        text-align: left
    }
}

.yotpo .yotpo-label-container {
    display: none
}

.yotpo .yotpo-display-wrapper .yotpo-bottomline.star-clickable {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.yotpo .write-question-wrapper,
.yotpo .write-review-wrapper {
    margin: 0 auto;
    max-width: 1410px;
    padding: 0 16px;
    width: 100%
}

.yotpo .yotpo-modal-base .mobile-filters-modal-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.yotpo .yotpo-modal-base .mobile-filter-radio-button .radio-label {
    color: #212a2f !important
}

.yotpo .yotpo-modal-base .mobile-filter-radio-button .radio-label:before {
    background-color: #212a2f !important;
    border-color: #212a2f !important
}

.yotpo .yotpo-modal-base .mobile-filters-footer-btn {
    background-color: #212a2f
}

.yotpo .yotpo-modal-base .mobile-filters-footer-btn .footer-text {
    padding: 24px
}

.cl-product-card {
    height: 100%;
	position: relative;
	box-shadow: none;
	border-radius: 10px;
	overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid rgb(226,226,226);
}

.cl-product-card__badge {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	display: flex;
	width: fit-content;
	justify-content: flex-end;
	pointer-events: none;
}

  .cl-product-card__badge .promo-badge {
    --size: 37.5%;
  }

.cl-product-card-info {
    height: 100%;
    text-align: center;
    background: rgb(255,251,244);

    display: flex;
    flex-direction: column;
}

.yotpo-sr-bottom-line-right-panel{
    display: block !important;
}


.cl-product-card-info .yotpo .yotpo-bottomline {
	padding: 9px 0;
}

.cl-product-card-info  .yotpo-bottomline .text-m {
    margin: 0 !important;
    font-size: 0.8125rem !important;
    color: rgba(var(--color-main-link)) !important;
    font-family: var(--font1);
    text-decoration: underline !important;
    margin-left: 9px !important;
}

.cl-product-card-info  .standalone-bottomline {
	display: flex;
	justify-content: center;
}

.cl-product-card-info > a {
    min-height: 5px;
	background: rgba(var(--color-white),1);
	border-top: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cl-product-card-info > .cl-product-card-yotpo-rating {
  display: flex;
  align-items: center;
  justify-content: start;
  cursor: pointer;
}

.cl-product-card-yotpo-rating > * {
  pointer-events: none;
}


.cl-product-card-info > .cl-product-card-yotpo-rating .yotpo-bottomline {
  padding: 0
}

.cl-product-card-info > * {
    display: block;
    padding-inline: 0;
}

.cl-product-card-info > .card-price {
  font-size: 14px;
  font-weight: 700;
  padding-inline: 14px;
  text-transform: lowercase;
}

.cl-product-card-size, .cl-product-card-finish {
    font-size: .9rem;
	margin-block: 0;
	opacity: .55;
    padding: 0 14px 10px 14px !important;
    
}

.cl-product-card-finish {
  font-size: .9rem;
  opacity: .55;
  padding-inline: 14px;
}
#ProductGridContainer {
  margin-inline: -2px
}


.cl-product-card-name {
    padding-top: .9125rem;
    font-size: 1.125rem;
}

@media screen and (min-width: 550px) {
  #ProductGridContainer {
  margin-inline: 0
}

  .cl-product-card-name {
    padding-top: 1.25rem;
}

  .cl-product-card-info > a {
    min-height: 39px;
  }
  
  .cl-product-card-info > .card-price {
  font-size: 1rem;
}
}

@media screen and (min-width: 800px){

  .cl-product-card__badge .promo-badge {
    --size: 96px;
  }
    .cl-product-card-size, .cl-product-card-finish {
      font-size: 1rem;
  	margin-block: 3px;
  }
  
}

@media screen and (max-width: 800px){
  .cl-product-card-size.is-empty{
    margin-block: 0;
    padding: 0 !important;
  }
}

.cl-product-card .cl-product-card-wishlist-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 0 0 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 2
}

.cl-product-card .cl-product-card-image {
    aspect-ratio: var(--image-aspect-ratio);
    background: #fff;
    position: relative;
    z-index: 1
}

.cl-product-card .cl-product-card-image > a {
  display: flex;
}

.cl-product-card .cl-product-card-image .cl-product-card-image-img,
.cl-product-card .cl-product-card-image .image-snippet,
.cl-product-card .cl-product-card-image .loading-icon {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.cl-product-card .cl-product-card-image .loading-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.cl-product-card .cl-product-card-image .loading-icon svg {
    height: 30px
}

.cl-product-card .cl-product-card-image .img-hover {
    opacity: 0;
    -webkit-transition: all .25s;
    transition: all .25s;
    visibility: hidden;
    pointer-events: none;  
}

.cl-product-card-image:hover .img-hover {
    opacity: 1;
    visibility: visible
}

@media screen and (min-width: 1024px){
    .cl-product-card:hover .img-hover {
        opacity: 1;
        visibility: visible
    }
}



  .cl-product-card .yotpo .yotpo-icon{
    font-size: 14px !important;
    position: relative;
    top: 1px;
  }

.cl-product-card .product-m2-and-size {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    flex-direction: column;
}

.cl-product-card .product-m2-and-size .size-dimensions {
	color: #728892;
	margin-block: 10px;
}

.cl-product-card .product-m2-and-size .availability {
    display: none
}

.cl-product-card .product-m2-and-size .on-sale {
    color: #ff1b1b
}

@media screen and (min-width:768px) {
    .cl-product-card .yotpo .yotpo-icon{
      font-size: 17.5px;
      top: 0;
    }
    .cl-product-card .product-m2-and-size .size-dimensions {
        margin-block: 5px;
    }
    
    .cl-product-card .product-m2-and-size {
        font-size: 16px
    }
}

.cl-product-card .product-price-snippet p {
    color: #717171
}

.cl-product-card .price-variation {
    color: var(--sale-price-color)
}

.cl-product-card .btn {
    font-size: 12px;
    margin-bottom: 8px;
    margin-right: 0;
    padding: 16px 10px;
    width: 100%
}


@media screen and (min-width:768px) {
    .cl-product-card .btn {
        margin-right: 8px
    }
    .cl-product-card .btn:last-child {
        margin-right: 0
    }
}

.cl-product-card .quick-add-btn {
    display: none
}

@media screen and (min-width:768px) {
    .cl-product-card .quick-add-btn {
        display: block
    }
}

@media screen and (max-width:767px) {
    .collection .cl-product-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        margin: 0
    }
    .collection .cl-product-card .cl-product-card-image {
        margin: 0
    }
    .collection .cl-product-card .stickers .sticker {
        border-radius: 4px;
        min-width: unset;
        padding: 4px 8px
    }
    .collection .cl-product-card .stickers .sticker p {
        font-weight: 400
    }
}

.collection .cl-product-card .button-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width:767px) {
    .collection .cl-product-card .button-container {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        display: none;
        order: 2
    }
}

@media screen and (min-width:768px) {
    .collection .cl-product-card .button-container {
        opacity: 0;
        -webkit-transform: translateY(-112px);
        transform: translateY(-112px);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
}

@media screen and (min-width:1350px) {
    .collection .cl-product-card .button-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-transform: translateY(-54px);
        transform: translateY(-54px)
    }
}

.collection .cl-product-card .button-container .btn {
    margin-bottom: 16px;
    padding: 15px 10px
}

@media screen and (min-width:768px) {
    .collection .cl-product-card .button-container .btn {
        margin-bottom: 8px
    }
}

.collection .cl-product-card .button-container .btn-primary {
    border: 1px solid var(--btn-border-color-1-hover)
}

/* @media screen and (min-width:768px) {
    .collection .cl-product-card .cl-product-card-info {
        -webkit-transform: translateY(-112px);
        transform: translateY(-112px);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
}

@media screen and (min-width:1350px) {
    .collection .cl-product-card .cl-product-card-info {
        -webkit-transform: translateY(-57px);
        transform: translateY(-57px)
    }
} */

@media screen and (max-width:767px) {
    .collection .cl-product-card .cl-product-card-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
    .collection .cl-product-card .cl-product-card-info a[data-samitapbl-handle] {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        margin-bottom: 8px;
        order: 2
    }
    .collection .cl-product-card .cl-product-card-info .yotpo-icon-half-star,
    .collection .cl-product-card .cl-product-card-info .yotpo-icon-star {
        margin-right: 2px
    }
      .collection .cl-product-card .cl-product-card-info .cl-product-card-name {
      	font-size: 14px;
      	line-height: 1.2;
      	margin: 0;
      }
    .collection .cl-product-card .cl-product-card-info .product-m2-and-size {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .collection .cl-product-card .cl-product-card-info .product-m2-and-size .size-dimensions {
        background-color: var(--roundel-bg);
        border-radius: 8px;
        color: var(--roundel-color);
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        padding: 4px 10px;
        text-align: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    .collection .cl-product-card .cl-product-card-info .product-m2-and-size .availability {
        color: #219653;
        display: block
    }
    .collection .cl-product-card .cl-product-card-info .product-m2-and-size .pc-price {
        -webkit-box-flex: 1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        align-items: baseline;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        font-size: 14px;
        gap: 5px;
        justify-content: flex-end;
        margin: 12px 0 0
    }
    .collection .cl-product-card .cl-product-card-info .product-m2-and-size .pc-price s {
        font-size: 10px
    }
    .collection .cl-product-card .cl-product-card-info .product-m2-and-size .bold.flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 8px
    }
    .collection .cl-product-card .cl-product-card-info .product-m2-and-size .bold.flex:not(.price-per-sale) {
        font-size: 14px
    }
    .collection .cl-product-card .cl-product-card-info .product-m2-and-size .bold.flex s {
        -ms-flex-item-align: end;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        align-self: end;
        margin-left: 4px;
        opacity: 40%;
        order: 2
    }

  .cl-product-card-info .yotpo-bottomline .text-m {
    font-size: 0.7rem !important;
  }
}

.collection .cl-product-card .cl-product-card-info.single-image.no_free_sample {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none
}

.collection .cl-product-card .cl-product-card-info,
.search-template .cl-product-card .cl-product-card-info {
    font-size: 12px
}

@media screen and (min-width:768px) {
    .collection .cl-product-card .cl-product-card-info,
    .search-template .cl-product-card .cl-product-card-info {
        font-size: 18px
    }
}

.collection .cl-product-card .cl-product-card-info .yotpo-display-wrapper .yotpo-bottomline.star-clickable,
.search-template .cl-product-card .cl-product-card-info .yotpo-display-wrapper .yotpo-bottomline.star-clickable {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 0;
    width: 100%
}

@media screen and (max-width:767px) {
    .collection .cl-product-card .cl-product-card-info .yotpo-display-wrapper .yotpo-bottomline.star-clickable .yotpo-stars span,
    .search-template .cl-product-card .cl-product-card-info .yotpo-display-wrapper .yotpo-bottomline.star-clickable .yotpo-stars span {
        font-size: 11px !important
    }
    .collection .cl-product-card .cl-product-card-info .yotpo-display-wrapper .yotpo-bottomline.star-clickable .text-m,
    .search-template .cl-product-card .cl-product-card-info .yotpo-display-wrapper .yotpo-bottomline.star-clickable .text-m {
        font-size: 11px;
        margin: 0 !important
    }
}

@media screen and (min-width:768px) {
    .collection .cl-product-card .cl-product-card-info .yotpo-display-wrapper .yotpo-bottomline.star-clickable,
    .search-template .cl-product-card .cl-product-card-info .yotpo-display-wrapper .yotpo-bottomline.star-clickable {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.hide {
    display: none
}

.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}


.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-upper {
    text-transform: uppercase
}

.text-lower {
    text-transform: lowercase
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.bold {
    font-weight: 600
}

.underline {
    text-decoration: underline
}

.separator {
    border-top: 1px solid var(--border-color);
    margin-bottom: 24px;
    width: 100%
}

.hide-mobile {
    display: none
}

@media screen and (min-width:768px) {
    .hide-mobile {
        display: block
    }
}

.hide-desktop {
    display: block
}

@media screen and (min-width:768px) {
    .hide-desktop {
        display: none
    }
}

.hide-desktop-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (min-width:768px) {
    .hide-desktop-inline-flex {
        display: none
    }
}

.hide-mobile-inline-flex {
    display: none
}

@media screen and (min-width:768px) {
    .hide-mobile-inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.section-margin-bottom {
    margin: 56px auto
}

@media screen and (min-width:768px) {
    .section-margin-bottom {
        margin: 120px auto
    }
}

.section-margin-bottom-2 {
    margin: 20px auto
}

@media screen and (min-width:768px) {
    .section-margin-bottom {
        margin: 60px auto
    }
}

.truncated {
    display: none
}

.full,
.truncated-container .truncated {
    display: block
}

.truncated-container .truncated span {
    cursor: pointer;
    text-decoration: underline;
    color: rgba(var(--color-main-link))
}

.truncated-container .full {
    display: none
}

.content-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.content-container .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.content {
    padding: 16px;
    width: 48%
}

.content:last-child {
    margin-right: 0
}

.content .content-text {
    margin-bottom: 14px
}

.content-background-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-background-image,
.content-image-box {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px
}

.content-image-box {
    margin-bottom: 16px
}

.products-slider .slider-title-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.products-slider .slick-slide>div {
    margin-right: 16px
}

.products-slider .slick-slide .product-card-slider-image-container img {
    position: static !important
}

.sec-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 16px
}

.sec-nav .sec-nav-item {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    padding: 16px;
    width: 30%
}

.product-list-loader .loading-icon {
    display: block;
    height: 60px;
    margin: 30px auto;
    width: 60px
}

.cl-product-card-container.grid-list {
    grid-template-columns: repeat(1, 1fr)
}

@media screen and (min-width:768px) {
    .cl-product-card-container.grid-list {
        grid-gap: 32px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:1024px) {
    .cl-product-card-container.grid-list {
        grid-template-columns: repeat(4, 1fr)
    }
}

.cl-product-card-container.grid-list.collection {
    grid-gap: 12px;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    max-width: 1058px;
    margin-left: auto;
}

@media screen and (min-width:768px) {
    .cl-product-card-container.grid-list.collection {
        grid-gap: 48px 32px;
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

.cl-product-card-container.grid-list.collection .grid-item {
    display: block
}

@media screen and (max-width:767px) {
    .cl-product-card-container.grid-list.collection .grid-item {
        background-color: #fff;
        border-radius: 12px;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .05);
        box-shadow: 0 0 8px rgba(0, 0, 0, .05);
        overflow: hidden
    }
    .cl-product-card-container.grid-list.collection.cl-grid-one-col-mobile {
        grid-template-columns: 1fr
    }
}

.alert-success {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #56c568;
    border-radius: 5px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    min-width: 340px;
    padding: 13px
}

.alert-success:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 22px;
    margin-right: 13px;
    width: 22px
}

.alert-success .message-inner {
    max-width: 230px
}

.alert-success .message-inner p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px
}

.alert-success .close-btn,
.alert-success .dismiss-btn {
    margin-left: auto
}

.alert-success .dismiss-btn {
    color: #3fa2f7;
    cursor: pointer;
    font-weight: 400
}

.alert-success:before {
    background-image: url(icon-success.svg);
    content: ""
}

.alert-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3fa2f7;
    border-radius: 5px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    min-width: 340px;
    padding: 13px
}

.alert-info:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 22px;
    margin-right: 13px;
    width: 22px
}

.alert-info .message-inner {
    max-width: 230px
}

.alert-info .message-inner p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px
}

.alert-info .close-btn,
.alert-info .dismiss-btn {
    margin-left: auto
}

.alert-info .dismiss-btn {
    color: #3fa2f7;
    cursor: pointer;
    font-weight: 400
}

.alert-info:before {
    background-image: url(icon-info.svg);
    content: ""
}

.alert-error {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eb5757;
    border-radius: 5px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: inline-flex !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 16px !important;
    min-width: 340px;
    padding: 13px;
    width: 100% !important
}

.alert-error:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 22px;
    margin-right: 13px;
    width: 22px
}

.alert-error .message-inner {
    max-width: 230px
}

.alert-error .message-inner p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px
}

.alert-error .close-btn,
.alert-error .dismiss-btn {
    margin-left: auto
}

.alert-error .dismiss-btn {
    color: #3fa2f7;
    cursor: pointer;
    font-weight: 400
}

.alert-error:before {
    background-image: url(icon-error.svg);
    content: ""
}

.alert-warning {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffc400;
    border-radius: 5px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    min-width: 340px;
    padding: 13px
}

.alert-warning:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 22px;
    margin-right: 13px;
    width: 22px
}

.alert-warning .message-inner {
    max-width: 230px
}

.alert-warning .message-inner p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px
}

.alert-warning .close-btn,
.alert-warning .dismiss-btn {
    margin-left: auto
}

.alert-warning .dismiss-btn {
    color: #3fa2f7;
    cursor: pointer;
    font-weight: 400
}

.alert-warning:before {
    background-image: url(icon-warning.svg);
    content: ""
}

.toast-success {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    color: #333;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    max-width: 292px;
    min-width: 340px;
    padding: 13px
}

.toast-success:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 22px;
    margin-right: 13px;
    width: 22px
}

.toast-success .message-inner {
    max-width: 230px
}

.toast-success .message-inner p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px
}

.toast-success .close-btn,
.toast-success .dismiss-btn {
    margin-left: auto
}

.toast-success .dismiss-btn {
    color: #3fa2f7;
    cursor: pointer;
    font-weight: 400
}

.toast-success:before {
    background-image: url(icon-success-grey.svg);
    content: ""
}

.toast-success .close-btn,
.toast-success:before {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.toast-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    color: #333;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    max-width: 292px;
    min-width: 340px;
    padding: 13px
}

.toast-info:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 22px;
    margin-right: 13px;
    width: 22px
}

.toast-info .message-inner {
    max-width: 230px
}

.toast-info .message-inner p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px
}

.toast-info .close-btn,
.toast-info .dismiss-btn {
    margin-left: auto
}

.toast-info .dismiss-btn {
    color: #3fa2f7;
    cursor: pointer;
    font-weight: 400
}

.toast-info:before {
    background-image: url(icon-info-grey.svg);
    content: ""
}

.toast-info .close-btn,
.toast-info:before {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.toast-error {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    color: #333;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    max-width: 292px;
    min-width: 340px;
    padding: 13px
}

.toast-error:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 22px;
    margin-right: 13px;
    width: 22px
}

.toast-error .message-inner {
    max-width: 230px
}

.toast-error .message-inner p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px
}

.toast-error .close-btn,
.toast-error .dismiss-btn {
    margin-left: auto
}

.toast-error .dismiss-btn {
    color: #3fa2f7;
    cursor: pointer;
    font-weight: 400
}

.toast-error:before {
    background-image: url(icon-error-grey.svg);
    content: ""
}

.toast-error .close-btn,
.toast-error:before {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.toast-warning {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    color: #333;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    max-width: 292px;
    min-width: 340px;
    padding: 13px
}

.toast-warning:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 22px;
    margin-right: 13px;
    width: 22px
}

.toast-warning .message-inner {
    max-width: 230px
}

.toast-warning .message-inner p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px
}

.toast-warning .close-btn,
.toast-warning .dismiss-btn {
    margin-left: auto
}

.toast-warning .dismiss-btn {
    color: #3fa2f7;
    cursor: pointer;
    font-weight: 400
}

.toast-warning:before {
    background-image: url(icon-warning-grey.svg);
    content: ""
}

.toast-warning .close-btn,
.toast-warning:before {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.rte h1 {
    color: var(--color-heading-text);
    font-family: var(--font2);
    font-size: 24px;
    font-weight: 400;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .rte h1 {
        font-size: 30px
    }
}

.rte h2 {
    color: var(--color-heading-text);
    font-family: var(--font2);
    font-size: 20px;
    font-weight: 400;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .rte h2 {
        font-size: 24px
    }
}

.rte h3 {
    color: var(--color-heading-text);
    font-family: var(--font2);
    font-size: 18px;
    font-weight: 400;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .rte h3 {
        font-size: 20px
    }
}

.rte h4 {
	color: var(--color-heading-text);
	font-family: var(--font-1);
	font-size: 16px;
	font-weight: 400;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 15px;
	margin-top: 30px;
}

@media screen and (min-width:768px) {
    .rte h4 {
        font-size: 18px
    }
}

.rte h5 {
    color: var(--color-heading-text);
    font-family: var(--font2);
    font-size: 16px;
    font-weight: 400;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .rte h5 {
        font-size: 18px
    }
}

.rte h6 {
    color: var(--color-heading-text);
    font-family: var(--font2);
    font-size: 16px;
    font-weight: 400;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .rte h6 {
        font-size: 18px
    }
}

.rte table {
    border-collapse: collapse;
    margin-bottom: 16px;
    width: 100%
}

.rte table td,
.rte table th {
    border: 1px solid var(--border-light-color);
    color: var(--color-body-text);
    font-family: var(--font1);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3em;
    padding: 6px;
    text-align: left;
    vertical-align: middle
}

@media screen and (min-width:768px) {
    .rte table td,
    .rte table th {
        font-size: 16px;
        font-size: 14px;
        line-height: 160%
    }
}

.rte table th {
    font-weight: 600;
    text-transform: uppercase
}

.rte table td a {
    text-decoration: underline
}

.rte ul {
    line-height: 36px;
    margin-bottom: 24px;
    margin-left: 40px;
}

.rte ul li {
    position: relative
}

.rte ul li:before {
    background-color: var(--color-body-text);
    border-radius: 50%;
    content: var(--custom-desc-icon);
    display: block;
    height: 0px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px
}

.rte ol {
    line-height: 36px;
    margin-bottom: 24px;
    margin-left: 1em
}

.rte ol li {
    list-style: decimal
}

.rte p {
    color: var(--color-body-text);
    font-family: var(--font1);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3em;
    line-height: 160%;
}

.rte p + p {
  margin-top: 18px
}

@media screen and (min-width: 1024px){
    .rte p + p{
        margin-top: 30px;
    }
}

@media screen and (min-width:768px) {
    .rte p {
        font-size: 18px;
        line-height: 30px;
    }
}

.rte strong {
    font-weight: 500
}

.rte a:not(.cta) {
    text-decoration: underline;
    color: rgba(var(--color-main-link));
}

.rte iframe,
.rte img,
.rte video {
    width: 100%
}

.rte blockquote {
    background: var(--color-accent-3);
    margin: auto auto 48px;
    padding: 63px 30px;
    width: 100%
}

@media screen and (min-width:768px) {
    .rte blockquote {
        padding: 43px 40px
    }
}

.rte blockquote p {
    color: var(--color-body-text);
    font-size: 16px;
    line-height: 26px !important;
    margin-bottom: 0;
    text-align: left
}

@media screen and (min-width:768px) {
    .rte blockquote p {
        font-size: 22px;
        line-height: 35px !important;
        margin: auto
    }
}

.rte blockquote .bold {
    font-weight: 600
}

.pagination-text {
    margin-bottom: 30px
}

.pagination-snippet ol {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 1rem;
    column-gap: 12px;
}

.pagination-snippet .container {
	padding: 0;
}

.pagination-snippet ol li {
    margin: 0
}

.pagination-snippet ol li:last-child {
    margin-right: 0
}

.pagination-snippet ol li a,
.pagination-snippet ol li > *:last-child{
	color: currentColor;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
    background-color: rgb(var(--color-bg-greige));
    border-radius: 5px;
}


.pagination-snippet ol li.active a,
.pagination-snippet ol li.active > *:last-child {
  background: rgb(var(--color-main-text));
  color: rgb(var(--color-white));
}



.pagination-snippet .next, .pagination-snippet .previous {
	background-image: url(icon-arrow.svg);
	background-repeat: no-repeat;
	background-size: 10px;
	border-radius: 5px;
	color: transparent;
	height: 44px;
	width: 44px;
	z-index: 2;
	background-position: center;
      background-color: rgb(var(--color-bg-greige));
}


.pagination-snippet .next>a,
.pagination-snippet .next>span,
.pagination-snippet .previous>a,
.pagination-snippet .previous>span {
    color: transparent;
    display: block;
    height: 44px;
    width: 44px;
    background: none !important;
}

.pagination-snippet .previous {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
  
.pagination-snippet ol .active {
    color: #212a2f;
    font-weight: 600
}

.pagination-snippet ol .disabled {
    opacity: .4
}


@media screen and (max-width: 400px){
   .pagination-snippet{
     column-gap: 7px;
   }
  .pagination-snippet ol li a,
  .pagination-snippet ol li > *:last-child{
  	color: currentColor;
  	width: 40px;
  	height: 40px;
  }


  .pagination-snippet .next > a, .pagination-snippet .next > span, .pagination-snippet .previous > a, .pagination-snippet .previous > span {
	height: 40px;
	width: 40px;
  }
  

  .pagination-snippet .next, .pagination-snippet .previous {
  	height: 40px;
  	width: 40px;
    background-size: 5px;
  }

}

.breadcrumbs-snippet {
    left: 0;
    margin: 16px 0;
    right: 0;
    text-transform: capitalize;
    top: 0
}

.breadcrumbs-snippet .breadcrumbs-arrow:after {
    content: "/";
    display: inline;
    color: rgba(var(--color-main-link),1);
}

.breadcrumbs-snippet .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.breadcrumbs-snippet a {
	text-decoration: underline !important;
	color: rgba(var(--color-main-link),1) !important;
}

.breadcrumbs-snippet span:not(.breadcrumbs-arrow) {
    color: rgba(var(--color-main-link),1);
    font-size: 12px;
}

.tags-snippet {
    margin-bottom: 50px
}

@media screen and (max-width:767px) {
    .tags-snippet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto 32px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.tags-snippet ul {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left
}

.tags-snippet ul li {
    margin: 0 16px 8px 0
}

@media screen and (max-width:767px) {
    .tags-snippet ul li {
        margin-bottom: 16px
    }
}

.tags-snippet ul li:last-child {
    margin-right: 0
}

.tags-snippet ul li a {
    border-radius: 22.5px;
    display: block;
    font-size: 14px;
    padding: 8px 16px
}

@media screen and (max-width:767px) {
    .tags-snippet ul li a {
        padding: 12px 16px
    }
}

.tags-snippet ul li.active a {
    border: 1px solid #212a2f
}

.tags-snippet .center-align {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center !important
}

.header-icons-cart-snippet {
    padding: 0
}

.header-icons-cart-snippet>a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    justify-content: center;
    position: relative
}

@media screen and (min-width:769px) {
    .header-icons-cart-snippet>a {
        width: 46px
    }
}

.header-icons-cart-snippet .cart-count-badge {
	background: rgba(var(--color-black));
	border-radius: 50%;
	color: rgba(var(--color-white));
	font-size: 11px;
	font-weight: var(--fw-semibold);
	height: 18px;
	line-height: 10px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 8px;
	width: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-icons-cart-snippet .cart-count-badge:first-child{
    line-height: 130%;
}

@media screen and (max-width: 768px){
    .header-icons-cart-snippet .cart-count-badge:first-child{
        padding-bottom: 1px
    }
}

@media screen and (min-width: 768px) {
    .header-icons-cart-snippet .cart-count-badge {
        top: -4px;
        right: 3px;
    }
}

.header-icons-customer-snippet {
    position: relative
}

.header-icons-customer-snippet #account-wrapper-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: -125px;
    padding: 8px;
    position: absolute;
    width: 250px
}

@media screen and (min-width:769px) {
    .header-icons-wrapper .header-icons-search-snippet.header-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 800px) {
    #site-search__wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        bottom: 0;
        justify-content: center;
        left: 0;
        width: 100%;
        max-width: 300px;
        margin: 0;
    }
    .search-open #site-search__wrapper {
        display: block
    }
}

#site-search__wrapper form {
    width: 100%
}

.search-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 837px;
    position: relative;
    width: 100%;
    border-radius: 100px;
    overflow: hidden;
    background-color: rgb(var(--color-new-bg));
}

#site-search__input {
    -webkit-appearance: none;
    border: none;
    display: block;
    letter-spacing: 0;
    margin: 0;
    padding: 0.625rem 0.625rem 0.625rem 3.75rem;
    position: relative;
    text-transform: none;
    width: 100%;
    font-size: 14px;
    background-color: transparent;
    color: rgba(var(--color-main-text))
}

.search-inner__submit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.75rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.search-inner__submit svg{
  width: 19px;
  height: 19px;
  position: relative;
  left: -2px;

}

#site-search__input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width:769px) {

}

#site-search__icon-close {
    display: none;
	cursor: pointer;
	right: 60px;
	top: 10px;
}

.search-open #site-search__icon-close {
    display: block;
}

#site-search__icon-close svg {
    width: 10px
}

@media(min-width:1024px) {
    #site-search__icon-close {
        position: absolute;
        right: -20px
    }
    #site-search__icon-close svg {
        width: 17px
    }
}

.announcement-bar-active #site-search__wrapper {
    top: 0
}

.announcement-bar swiper-slider {
  max-width: calc(100% - 66px);
}
.announcement-bar .custom-swiper-button {
  width: 23px;
  height: 23px;
  min-width: 22px;
  min-height: 22px;
}

.announcement-bar .custom-swiper-button > svg {
	width: 11px;
	height: 11px;
}

.announcement-bar .custom-swiper-button > svg path {
  stroke: #000;
}

@media screen and (min-width:769px) {
    .announcement-bar-active #site-search__wrapper {
        top: 126px
    }
}

#site-search__wrapper {
    -webkit-transition: top .5s ease 0s;
    transition: top .5s ease 0s
}

.search-open {
    overflow: hidden
}

.search-open #site-search__wrapper {
    display: block;
    padding-top: 0;
    z-index: 80;
    max-height: 40px;
}

.search-open #site-search__wrapper .search-inner {
    pointer-events: none
}

.search-open #site-search__wrapper .search-inner #site-search__icon-close,
.search-open #site-search__wrapper .search-inner #site-search__input {
    pointer-events: all
}

.search-open #site-search__wrapper form {
    height: 100vh
}

@media(min-width:1024px) {
    .search-open #site-search__wrapper form {
        height: auto
    }
}

/* @media(min-width:768px) {
    .search-open .header-icons-wrapper,
    .search-open .logo-image-container,
    .search-open .navigation-snippet {
        opacity: .4;
        pointer-events: none
    }
} */

@media screen and (min-width:769px) {
    #site-search__wrapper {
        opacity: 1;
        pointer-events: all
    }
}

body.search-open.modal-visible .modal-underlay {
    display: none
}

@media screen and (min-width:768px) {
    body.search-open.modal-visible .modal-underlay {
        display: block
    }
}

.header-icons-wishlist-snippet {
    position: relative
}

.header-icons-wishlist-snippet #account-wrapper-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: -125px;
    padding: 8px;
    position: absolute;
    width: 250px
}

.navigation-snippet {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 800px) {
    .navigation-snippet .nav-close-btn {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        align-items: center;
        border-bottom: 1px solid #ebebeb;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        padding: 31px 16px 22px;
        width: 100%
    }
    .navigation-snippet .nav-mob-hierarchy-title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        background: var(--color-background-dark);
        color: #fff;
        justify-content: center;
        min-height: 46px;
        order: 1;
        padding: 16px;
        position: relative;
        width: 100%
    }
    .navigation-snippet .nav-mob-hierarchy-title,
    .navigation-snippet .nav-mob-hierarchy-title .btn-back {
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        letter-spacing: .06em;
        line-height: 14px
    }
    .navigation-snippet .nav-mob-hierarchy-title .btn-back {
        -webkit-box-align: center;
        left: 20px;
        position: absolute
    }
    .navigation-snippet .nav-mob-hierarchy-title .btn-back:before {
        background: url(icon-arrow-white.svg);
        content: "";
        display: block;
        height: 9px;
        margin-right: 8px;
        width: 4px
    }
    .navigation-snippet .navigation-main {
        background-color: #fff;
        bottom: 0;
        left: -100%;
        overflow: auto;
        position: fixed;
        top: 0;
        -webkit-transition: left .4s ease;
        transition: left .4s ease;
        width: 100%;
        z-index: 2;
    }
  
    .navigation-snippet .nav-first-level>li {
        border-bottom: 1px solid #ebebeb;
        overflow: hidden;
    }
    .navigation-snippet .nav-first-level>li:last-of-type {
        border: none
    }
    .navigation-snippet .nav-first-level>li .btn-nav-first-level {
        cursor: pointer;
        display: block;
        font-size: 1rem;
        font-weight: var(--fw-regular);
        line-height: 1rem;
        padding: 18px;
        position: relative
    }
    .navigation-snippet .nav-first-level>li .btn-nav-first-level:after {
        background-image: url(icon-arrow.svg?v=1);
        background-position: 100%;
        background-repeat: no-repeat;
        content: "";
        height: 13px;
        position: absolute;
        right: 20px;
        top: 21px;
        width: 8px
    }
    .navigation-snippet .mobile-footer {
        background-color: var(--footer-color);
        padding: 32px 16px
    }
    .navigation-snippet .mobile-footer .footer-text {
        margin-bottom: 32px
    }
    .navigation-snippet .mobile-footer .social-icon {
        margin-right: 12px
    }
    .navigation-snippet .nav-second-level-wrapper {
        background: #fff;
        bottom: 0;
        overflow: scroll;
        position: fixed;
        right: -100%;
        -webkit-transition: all 1s;
        transition: all 1s;
        -webkit-transition: right .4s ease;
        transition: right .4s ease;
        width: 100%
    }
    .navigation-snippet .nav-second-level-wrapper .btn--shop-all {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        margin: 16px 16px 0;
        order: 2;
        width: calc(100% - 32px)
    }

    .navigation-snippet .nav-second-level-wrapper .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .navigation-snippet .nav-second-level-wrapper .nav-second-level {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link {
    	margin: 0 18px;
    	padding: 20px 0 0;
    }
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link:last-of-type {
        padding-bottom: 24px
    }
  
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .mob-nav-header > [data-nav-btn-back] {
        background: #fff;
    	padding: 19px 35px 19px;
    	border-bottom: 1px solid rgba(var(--color-main-text), .1);
    	font-size: 22px;
    	letter-spacing: 0;
    	font-family: var(--font-heading);
    	color: #000;
    	font-weight: 400 !important;
    	margin-bottom: 0px;
    }
  
      .navigation-snippet .nav-second-level-wrapper .nav-second-level .mob-nav-header > [data-nav-btn-back]::before {
      	background-image: url(icon-arrow.svg?v=1);
      	background-position: 100%;
      	background-repeat: no-repeat;
      	content: "";
      	height: 13px;
      	position: absolute;
      	left: 18px;
      	top: 23px;
      	width: 8px;
      	rotate: 180deg;
      }

    .navigation-snippet .nav-second-level-wrapper .nav-second-level .mob-view-all {
        border-bottom: 1px solid #ebebeb;
        display: block;
        font-size: 15px;
        margin: 0 16px;
        padding: 24px 0
    }
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .tablet-view-all {
        display: none !important
    }
    .navigation-snippet .nav-third-level li {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: .06em;
        padding-bottom: 0
    }
    .navigation-snippet .nav-third-level .nav-heading-styles {
        border-top: 1px solid #ebebeb;
        font-size: 16px;
        font-weight: 600;
        padding-top: 24px
    }
    .navigation-snippet .nav-mob-actions {
        display: block;
        padding: 5px 17px
    }
    .navigation-snippet .nav-mob-actions .header-icon {
        border-bottom: 1px solid var(--border-color);
        display: block;
        width: 100%
    }
    .navigation-snippet .nav-mob-actions .header-icon a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 15px 0
    }
    .navigation-snippet .nav-mob-actions .header-icon svg {
        margin-right: 24px
    }
}



@media screen and (min-width:800px) {

      .nav-third-levels-wrapper {
    	display: flex;
    	align-items: flex-start;
    }

    .nav-third-levels-wrapper > * + *{
      margin-left: 4.25rem;
    } 
  
    .navigation-snippet .nav-close-btn {
        display: none
    }
    .navigation-snippet .nav-first-level {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        justify-content: space-between;
        display: flex;
        padding: 0;
        width: 100%;
    }



        .child-link.child-link__image {
    	max-width: 550px !important;
    	width: 100% !important;
    	display: flex !important;
    	align-items: center;
    	justify-content: flex-end;
    	gap: 12px;
    }

      .menu-image-block {
  	display: flex;
  	flex-direction: column;
  }

    .menu-image-block__content {
      width: 100%;
  	display: flex;
  	align-items: center;
      justify-content: space-between;
      margin-top: 20px;
  }

    .menu-image-block__content > * {
      display: flex;
    }
  
    .menu-image-block__content  > * + *{
      margin-left: 12px
    }

    .menu-image-block__icon svg{
      width: 14px;
      height: 14px;
    }


  .menu-image-block:hover .menu-image-block__title {
    text-decoration: underline;
  }


  .child-link.child-link__image > * {
	max-width: calc(100% / 3 - 12px);
}
}


@media screen and (min-width: 950px) {
      .child-link.child-link__image {
    	max-width: 550px !important;
    	gap: 12px;
    }
}

@media screen and (min-width: 1150px) {
  .child-link.child-link__image {
	max-width: 750px !important;
	gap: 20px;
}

    .child-link.child-link__image > * {
	max-width: calc(100% / 3 - 20px);
}
}

.nav-close-btn {
  display: none;
}


.main-bar .nav-close-btn,
.main-bar .nav-close-btn svg{
	width: 20px;
	height: 16px;
}

.mobile-nav-open .main-bar .nav-close-btn {
  display: inline-flex;
}

.mobile-nav-open .main-bar .hamburger-icon {
  display: none;
}
    .navigation-snippet .nav-first-level>li>.btn-nav-first-level {
      z-index: 2;
    }

@media screen and (min-width: 800px) {
    .navigation-snippet .nav-first-level>li.active .btn-nav-first-level:before,
    .navigation-snippet .nav-first-level>li:hover .btn-nav-first-level:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    .navigation-snippet .nav-first-level>li>.btn-nav-first-level {
        cursor: pointer;
        display: block;
        font-size: 12px;
        font-weight: var(--fw-regular);
        margin-inline: var(--link-margin);
        padding: 0.875rem 0;
        position: relative;
        text-align: center;
        text-transform: capitalize;
    }
    .navigation-snippet .nav-first-level>li>.btn-nav-first-level a {
        display: inline-block
    }
    .navigation-snippet .nav-first-level>li>.btn-nav-first-level:before {
        background-color: currentColor;
        bottom: 14px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        transition: -webkit-transform .33s;
        -webkit-transition: -webkit-transform .33s;
        transition: transform .33s;
        transition: transform .33s, -webkit-transform .33s;
        width: 100%
    }
}

@media screen and (min-width:769px)and (min-width:1024px) {
    .navigation-snippet .nav-first-level>li>.btn-nav-first-level {
        font-size: 0.9375rem;
    }
}


.nav-second-level__footer > .button {
	max-width: 100%;
	border-radius: 0;
	width: 100%;
}

@media screen and (min-width:800px) {
    .navigation-snippet .nav-second-level-wrapper {
        background-color: #fff;
        left: 0;
        max-height: 899px;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 100%;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        visibility: hidden;
        opacity: 0;
    }

    .navigation-snippet .nav-second-level-wrapper:hover {
        visibility: visible;
        opacity: 1;
    }
    .navigation-snippet .nav-second-level-wrapper .nav-second-level {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link {
    	/* border-right: 1px solid #ebebeb; */
        margin: 40px 0 35px;
    	padding: 0 14px;
    }

}

.navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link.child-link__image {
	display: none;
	flex-grow: 1;
	min-width: 220px;
	padding: 0 !important;
	max-width: 250px;
	width: 100%;
}


.navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link.child-link__image > a {
	display: flex;
	width: 100%;
	height: 100%;
  transition: all .4s ease
}


.navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link.child-link__image > a:hover img{
  scale: 1.2;
}


.nav-second-level {
  justify-content: space-between !important;
  margin-inline: 0;
}

@media screen and (min-width: 800px) {
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link {
        padding: 0 15px
    }
  
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link:last-child {
        border-right: none
    }
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link>a {
        font-size: 13px;
        font-weight: 600;
        line-height: 17px
    }
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link .tablet-view-all {
        display: none;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 24px
    }
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .mob-nav-header,
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .mob-view-all {
        display: none
    }
    .navigation-snippet .nav-second-level-wrapper .btn--shop-all {
        margin-bottom: 24px;
        width: 100%
    }
    .navigation-snippet .nav-second-level-wrapper .child-link .heading-4 {
    	font-size: 25px;
    	line-height: 17px;
    	margin-bottom: 13px;
    	font-weight: 500;
    	margin-bottom: 20px;
    }
    .navigation-snippet .nav-third-level>li {
        margin-bottom: 3px;
        line-height: 24px;
    }
    .navigation-snippet .nav-third-level>li>a {
        font-size: 14px;
        font-weight: 400;
        line-height: 17px
    }
    .navigation-snippet .nav-third-level>li>a:hover {
        text-decoration: underline
    }
    .navigation-snippet .nav-third-level .nav-heading-styles {
        margin-top: 42px
    }
    .navigation-snippet .nav-third-level .nav-heading-styles a {
        color: #3d4643;
        font-size: 15px;
        font-weight: 400;
        line-height: 17px;
        margin-bottom: 13px
    }
    .navigation-snippet .nav-third-level .nav-heading-styles a:hover {
        text-decoration: none
    }
    .navigation-snippet .mobile-footer {
        display: none
    }
}

.navigation-snippet .nav-second-level-wrapper .child-link .heading-4 {
	color: #000 !important;
	font-size: 19px !important;
	line-height: 23px !important;
	font-weight: 500 !important;
	margin-bottom: 25px !important;
}

@media screen and (min-width:1024px) {
.navigation-snippet .nav-second-level-wrapper .child-link .heading-4 {
    color: #000 !important;
	font-size: 19px !important;
	line-height: 20px !important;
	margin-bottom: 13px !important;
	font-weight: 500 !important;
}
  
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link.child-link__image {
      display: flex;
    }
  
    .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link {
        padding: 0 30px;
    }
}

@media screen and (min-width: 1100px) {
      .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link>a {
        font-size: 14px;
        font-weight: 600;
        line-height: 17px
    }
}

@media screen and (min-width: 1450px) {
    
.navigation-snippet .nav-second-level-wrapper .child-link .heading-4 {
    color: #000 !important;
	font-size: 22px !important;
	line-height: 23px !important;
	font-weight: 500 !important;
	margin-bottom: 12px !important;
}
  
      .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link {
        margin: 45px 0 40px;
        padding: 0 14px
    }
    .nav-second-level {
    margin-inline: -15px;
  }

      .navigation-snippet .nav-third-level>li>a {
        font-size: 14px;
      }

      .navigation-snippet .nav-third-level>li {
        margin-bottom: 5px
    }
}
@media screen and (min-width: 1600px) {
      .navigation-snippet .nav-third-level>li>a {
        font-size: 14px;
        font-weight: 400;
        line-height: 25px
    }

        .navigation-snippet .nav-third-level>li {
        line-height: 21px
    }

      .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link {
        padding: 0 30px;
        margin: 25px 0 20px;
    }
}



.navigation-snippet .nav-mob-actions,
.navigation-snippet .nav-mob-hierarchy-title {
    display: none
}

.announcement-bar-active .navigation-main {
    top: var(--header-height);
}

.mobile-nav-open .navigation-main {
    left: 0;
}

.mobile-nav-open .menu-open .nav-second-level-wrapper {
    right: 0;
    z-index: 10
}

.navigation-main {
    width: 100%;
}

.announcement-bar-active .nav-second-level-wrapper {
    top: var(--header-height);
}

@media screen and (min-width:800px) {
    .modal-visible .navigation-snippet .nav-first-level>li.menu-open .nav-second-level-wrapper {
        display: block;
        visibility: visible;
        max-height: 700px;
        opacity: 1;
    }
}

.is-ie .navigation-snippet {
    position: relative
}

.is-ie .nav-second-level-wrapper {
    z-index: 110
}



.header-section .header-icon.hamburger-snippet .hamburger-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    justify-content: center
}


.hamburger-icon--close {
    display: none;
}
.mobile-nav-open .hamburger-icon--open {
    display:none !important;
}

.mobile-nav-open .hamburger-icon--close {
    display:block !important;
}

@media screen and (min-width:769px) {
    .header-section .header-icon.hamburger-snippet .hamburger-icon {
        width: auto;
    }
}

.header-section .header-icon.hamburger-snippet .hamburger-icon svg {
    display: block
}

.header-collections-snippet .image-container {
    margin-bottom: 24px;
    width: 100%
}

@media screen and (min-width:768px) {
    .header-collections-snippet .image-container {
        margin-bottom: 48px
    }
}

.header-collections-snippet .image-container img {
    height: auto;
    min-height: 184px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.header-collections-snippet .rte {
    margin-bottom: 24px;
    max-width: 785px;
    margin-inline: auto;
    font-size: 0.938rem;
}

.header-collections-snippet .rte p {
    font-size: 0.938rem;
}

.header-collections-snippet .title{
    margin-bottom: 10px;
}
@media screen and (min-width:768px) {
    .header-collections-snippet .rte {
        margin-bottom: 43px;
        font-size: 0.9375rem;
    }

    .header-collections-snippet .rte p {
        font-size: 0.9375rem;
    }

    .header-collections-snippet .title{
        font-size: 30px;
    }

    .header-collections-snippet .read-more-container{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
}

.header-collections-snippet .filter-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow-x: auto;
    padding: 0 0 16px
}

@media screen and (min-width:1024px) {
    .header-collections-snippet .filter-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 0 48px
    }
}




@media screen and (max-width: 800px) {
.nav-second-level__footer {
	position: sticky;
	bottom: 0;
	padding: 18px;
}

  .mob-nav-header {
	position: sticky;
	top: 0;
}

  .nav-second-level__footer > .button {
	 border-radius: 30px;
}

.navigation-snippet .nav-second-level-wrapper .child-link .heading-4 {
	color: #000 !important;
	font-size: 18px !important;
	line-height: 23px !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
	padding: 15px 18px;
	font-family: var(--font-family);
	background-color: rgb(var(--color-bg-greige));
}

  .navigation-snippet .nav-third-level li a{
	font-size: 16px;
	letter-spacing: 0;
	font-weight: 400;
    
}
}



.header-collections-snippet .cloud-search-filter-collection {
    -ms-flex-negative: 0;
    background-color: var(--cloud-search-button-color, transparent);
    border-radius: 22.5px;
    color: var(--cloud-search-button-text-color);
    display: inline-block;
    flex-shrink: 0;
    font-size: 14px;
    padding: 8px 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.header-standard-snippet {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-background-dark);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 24px;
    min-height: 200px;
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center
}

@media screen and (min-width:768px) {
    .header-standard-snippet {
        margin-bottom: 100px;
        min-height: 374px
    }
}

.header-standard-snippet .heading-1 {
    color: #fff
}

.header-standard-snippet .btn {
    margin-top: 24px
}

.header-standard-snippet .container {
    max-width: 500px
}

.header-standard-snippet .rte {
    margin-top: 24px
}

.header-standard-snippet .rte,
.header-standard-snippet p {
    line-height: 27px
}

.payment-icons-container {
    padding: 0
}

@media screen and (min-width:768px) {
    .payment-icons-container {
        padding: 0 0 24px 30px
    }
}

@media screen and (min-width:1024px) {
    .payment-icons-container {
        padding-left: 80px
    }
}

.payment-icons-container .img-logo {
    margin-bottom: 30px;
    max-height: 40px;
    width: 200px
}

@media screen and (min-width:768px) {
    .payment-icons-container .img-logo {
        margin-bottom: 50px
    }
}

.payment-icons-container p {
    color: #828282;
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 12px
}

@media screen and (min-width:768px) {
    .payment-icons-container p {
        margin-bottom: 17px
    }
}

.payment-icons-container .payment-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.payment-icons-container .payment-icons li {
    margin-right: 4px
}

.product-collection-links-snippet {
    background: #fff;
    border: 1px solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding: 20px
}

.product-collection-links-snippet .collection-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    width: 50%
}

.product-collection-links-snippet .collection-link:first-of-type {
    border-right: 1px solid var(--border-color)
}

.product-collection-links-snippet .collection-link p {
    margin-bottom: 10px
}

.product-collection-links-snippet.full-width .collection-link {
    width: 100%
}

.product-collection-links-snippet.full-width .collection-link:first-of-type {
    border-right: none
}

.product-collection-links-snippet .cta {
    color: var(--color-accent-3);
    margin-bottom: 10px
}

.product-collection-links-snippet .cta:after {
    background-color: var(--color-accent-3)
}

.product-description-snippet .product-description__description-container,
.product-description-snippet .product-description__specs {
    width: 100%
}

.product-description-snippet .product-description__description-container {
    padding: 0 16px 33px
}


.product-description-snippet .product-description__description-container {
    background: rgba(var(--color-bg-greige));
    padding: 0 16px 30px;
}

.product-description__description-container > *:first-child {
    padding-top: 36px;
} 

.product-description__heading-container {
    margin-bottom: 15px;
}

#product-description ul {
	margin-left: 40px;
    list-style-type: none;
}

#product-description ul li{
    list-style: none;
}


#product-description .read-more-content ul li::before,
#product-description-desktop .read-more-content ul li::before
{
	content: "";
	width: 24px;
	height: 24px;
	min-width: 16px;
	min-height: 16px;
	background-image: var(--custom-desc-icon);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: navajowhite;
	left: -40px;
    top: 17px;
}

#product-description .read-more-content ul,
#product-description-desktop .read-more-content ul
{
    display: flex;
    flex-direction: column;
    gap: 14px;
}

@media screen and (min-width: 768px){
    .product-description-snippet .product-description__description-container {
        padding: 0 16px 16px
    }

    .product-description__heading-container {

        margin-bottom: 15px;
    }

    .product-description__description-container > *:first-child {
        padding-top: 50px;
    } 

    .product-description-snippet .product-description__description-container {
        border-radius: 20px 20px 0 0;
        padding: 0 50px 50px
    }
}


.product-description-snippet .product-description__description-container .rte {
    color: var(--color-body-text);
    font-family: var(--font1);
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

@media screen and (min-width:768px) {
    .product-description-snippet .product-description__description-container .rte {
        font-size: 16px;
        line-height: 160%
    }
}

.product-description-snippet .product-description__description-container .heading-2 {
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .product-description-snippet .product-description__description-container.truncated-container .truncated {
        display: none
    }
    .product-description-snippet .product-description__description-container.truncated-container .full {
        display: block
    }
}
.product-description-snippet .product-description__heading-container .heading-2 {
    margin-bottom: 0
}

.product-details-price-snippet {
    color: #212a2f
}

.product-details-price-snippet s {
    margin: 0 8px 0 0
}

.product-details-price-snippet .on-sale {
    color: var(--sale-price-color);
    opacity: .6
}



.product-form-snippet .select-wrapper {
    margin-bottom: 28px
}

.product-form-snippet .select {
    font-weight: 400
}

.product-form-snippet .label {
    font-size: 14px;
    line-height: 17px
}

.product-form-label,
.product-form-snippet .product-form-label{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 1rem;
}



@media screen and (min-width: 800px) {
    .product-form-label,
    .product-form-snippet .product-form-label{
        font-size: 18px;
        margin-bottom: 24px;
    }
}

.product-form-snippet .preorder-notice {
    border: 1px solid var(--color-accent);
    margin-bottom: 12px;
    padding: 10px
}

.product-form-snippet .preorder-notice p:not(.label) {
    font-size: 14px;
    line-height: 17px
}

.product-form-snippet .product-details-price {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.product-form-snippet .product-details-price div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.product-form-snippet .product-details-price div.unit-size-info {
    display: block;
    font-size: 14px
}

@media screen and (min-width:768px) {
    .product-form-snippet .product-details-price div.unit-size-info {
        font-size: 16px
    }
}

.product-form-snippet .order-by-form-options {
    position: relative;
    margin-bottom: 0;
}

.product-form-snippet .order-by-form-options legend {
    margin-bottom: 0.9375rem;
}

.product-form-snippet .order-by-form-options ul {
    border-bottom: 2px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.product-form-snippet .order-by-form-options ul li {
    color: #b4b4b4;
    cursor: pointer;
    font-weight: 600;
    margin-right: 16px;
    padding-bottom: 8px
}

/* .product-form-snippet .order-by-form-options>div {
    display: none
} */

.product-form-snippet .order-by-form-options.display-order-by-area [data-order-by-option=area] {
    color: #212a2f;
    font-weight: 600
}

.product-form-snippet .order-by-form-options.display-order-by-area [data-order-by-option=area]:after {
    background-color: #212a2f;
    content: " ";
    display: block;
    height: 2px;
    position: relative;
    top: 10px;
    width: 100%
}

.product-form-snippet .order-by-form-options.display-order-by-area [data-order-by-area] {
    display: block
}

.product-form-snippet .order-by-form-options.display-order-by-box [data-order-by-option=box] {
    color: #212a2f;
    font-weight: 600
}

.product-form-snippet .order-by-form-options.display-order-by-box [data-order-by-option=box]:after {
    background-color: #212a2f;
    content: " ";
    display: block;
    height: 2px;
    position: relative;
    top: 10px;
    width: 100%
}

.product-form-snippet .order-by-form-options.display-order-by-box [data-order-by-box] {
    display: block
}

.product-form-snippet .order-by-form-options.display-order-by-box label {
    display: none
}

.product-form-snippet .order-by-form-options .help {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    position: absolute;
    right: 0
}

.product-form-snippet .order-by-form-options .help:after {
    background-image: url(icon-help.svg);
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 16px;
    margin-left: 8px;
    margin-top: 1px;
    width: 16px
}

@media screen and (min-width:768px) {
    .product-form-snippet .order-by-form-options .help:after {
        margin-left: 10px;
        margin-top: 4px
    }

    .product-form-snippet .order-by-form-options .grid--3-col{
        column-gap: 30px;
    }
}

.product-form-snippet .add-to-cart-btn-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: .85rem;
    justify-content: space-between;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media screen and (min-width:1024px) {
    .product-form-snippet .add-to-cart-btn-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.product-form-snippet .add-to-cart-btn-container.free-sample button:first-of-type {
    margin-bottom: 16px;
    margin-right: 0
}

@media screen and (min-width:1024px) {
    .product-form-snippet .add-to-cart-btn-container.free-sample button:first-of-type {
        margin-right: 24px
    }
}

.product-form-snippet .add-to-cart-btn-container.free-sample button.btn.btn-secondary {
    bottom: 0;
    height: 45px;
    max-width: 91.75vw;
    z-index: 10
}

.product-form-snippet .add-to-cart-btn-container [data-atc-quantity]{
    margin: 0 5px
}

.product-form-snippet .add-to-cart-btn-container .atc-divider {
  margin: 0 10px;
}

.product-form-snippet .add-to-cart-btn-container button[data-product-form-submit] {
    margin-right: 0;
    width: 100%
}

.product-form-snippet .add-to-cart-btn-container button[data-product-form-submit] * {
	color: currentColor !important;
}

.product-form-snippet .btn--atc {
    position: relative;
    width: 100%
}


.product-form-snippet .btn--atc.loading {
    opacity: .5
}

.product-form-snippet .btn--atc.success {
    background-color: #27ae60;
    border-color: #27ae60;
    color: transparent;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

.product-form-snippet .btn--atc.success:after {
    color: #fff;
    opacity: 1
}

.product-form-snippet .btn--atc:after {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(icon-success.svg);
    background-position: 5px;
    background-repeat: no-repeat;
    bottom: -1px;
    color: transparent;
    content: attr(data-success-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: -1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: -1px;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
    width: calc(100% + 2px)
}

.product-form-snippet .product-swatches {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.product-form-snippet .product-swatches__label .color-selected {
    font-weight: 600;
    text-transform: none
}

.product-form-snippet .product-swatches__swatch {
    border: 1px solid transparent;
    border-radius: 50%;
    margin-right: 10px;
    padding: 1px
}

.product-form-snippet .product-swatches__swatch a {
    display: block
}

.product-form-snippet .product-swatches__swatch .default-swatch,
.product-form-snippet .product-swatches__swatch img {
    border-radius: 50%;
    display: block;
    height: 28px;
    width: 28px
}

.product-form-snippet .product-swatches__swatch .default-swatch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--color-accent);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    text-align: center
}

.product-form-snippet .product-swatches__swatch--selected {
    border-color: var(--color-body-text)
}

.product-form-snippet .delivery-messaging {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
    text-decoration: underline
}

.product-form-snippet .delivery-messaging strong {
    font-weight: 600
}

.product-form-snippet .delivery-messaging span {
    -ms-flex-item-align: center;
    align-self: center
}

.product-form-snippet .delivery-messaging img {
    -ms-flex-item-align: center;
    align-self: center;
    height: 20px;
    margin-right: 6px;
    width: 20px
}

.btn--need-help {
    border: 1px solid #212a2f;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%
}

.btn--need-help span {
    margin-bottom: 2px
}

.btn--need-help svg {
    margin-right: 12px;
    -webkit-transition: fill .2s ease;
    transition: fill .2s ease
}

.shop-usps {
    background: var(--color-background-light);
    border-radius: 5px;
    padding: 16px
}

@media screen and (max-width:767px) {
    #launcher,
    .kl-teaser-VkxzgN {
        margin-bottom: 20px !important
    }
}

.product-image-zoom-container {
    background: #fff;
    display: none;
    height: 100vh;
    left: 50%;
    padding: 58px;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.product-image-zoom-container .btn-close {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    cursor: pointer;
    order: 3;
    position: absolute;
    right: 54px;
    top: 54px;
    z-index: 1
}

.product-image-zoom-container .product-image--thumbnails {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-top: 16px;
    order: 1
}

@media screen and (min-width:1024px) {
    .product-image-zoom-container .product-image--thumbnails {
        margin-left: 72px
    }
}

.product-image-zoom-container .product-image--thumbnail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px solid transparent;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    justify-content: center;
    margin-right: 14px;
    padding: 3px;
    width: 100px
}

.product-image-zoom-container .product-image--thumbnail.active {
    border: 2px solid #000
}

.product-image-zoom-container .product-image-slideshow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    justify-content: center
}

.product-image-zoom-container [data-main-product-image-wrapper] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    margin: 0 auto;
    max-width: 80%;
    order: 2;
    overflow: hidden;
    padding: 0 !important;
    position: relative
}

.product-image-zoom-container [data-main-product-image-wrapper] [data-main-product-image] {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    display: block;
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    outline: none;
    width: 100%
}

.product-image-zoom-container [data-main-product-image-wrapper] [data-main-product-image][data-zoomed=true] {
    cursor: -webkit-grab;
    cursor: grab
}

.product-image-zoom-container [data-main-product-image-wrapper] [data-main-product-image][data-zooming=in],
.product-image-zoom-container [data-main-product-image-wrapper] [data-main-product-image][data-zooming=out] {
    cursor: none
}

.product-image-zoom-container [data-main-product-image-wrapper] [data-main-product-image][data-zooming=out] {
    -webkit-transition: -webkit-transform .2s linear, -webkit-transform-origin 0s .2s;
    transition: -webkit-transform .2s linear, -webkit-transform-origin 0s .2s;
    transition: transform .2s linear, transform-origin 0s .2s;
    transition: transform .2s linear, transform-origin 0s .2s, -webkit-transform .2s linear, -webkit-transform-origin 0s .2s
}

.product-image-zoom-container [data-main-product-image-wrapper] [data-main-product-image][data-zooming=in] {
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

.product-image-zoom-container [data-main-product-image-wrapper] [data-main-product-image][data-zoomed=true]+.zoom-toggle {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.product-image-zoom-container [data-main-product-image-wrapper][data-dragging=true] {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.product-image-zoom-container [data-main-product-image-wrapper][data-dragging=true]:after {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999
}

.product-image-zoom-container [data-main-product-image-wrapper] .zoom-toggle {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 17px;
    width: 35px
}

.modal-visible.modal-product-image-zoom .product-image-zoom-container {
    display: block;
    z-index: 10000
}

.product-image-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    display: none;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.product-image-list .product-image-list__scroll {
    height: 100%;
    overflow: scroll;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 37px
}

@media screen and (min-width:768px) {
    .product-image-list .product-image-list__scroll {
        padding: 58px
    }
}

.product-image-list .product-image-list__items {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    margin: 0 auto;
    order: 2;
    overflow: scroll;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .product-image-list .product-image-list__items {
        max-width: 90%
    }
}

.product-image-list .product-image-list__items .product-image-list__item {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    display: block;
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    outline: none;
    width: 100%
}

.product-image-list .product-image-list__items .product-image-list__item .image-snippet {
    margin-top: 24px;
    width: 100%
}

.product-image-list .product-image-list__items .product-image-list__item .product-image-list__video {
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.product-image-list .product-image-list__items .product-image-list__item iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.product-image-list .product-image-list__close-btn {
    background: #fff;
    background-image: url(icon-close-black.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .125);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .125);
    content: " ";
    cursor: pointer;
    height: 44px;
    position: absolute;
    right: 16px;
    top: 2vh;
    width: 44px;
    z-index: 1
}

.modal-visible.modal-product-image-list .product-image-list {
    display: block;
    z-index: 10000
}

.product-short-description-snippet p {
    margin-bottom: 16px
}

.product-title h1 {
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .product-title h1 {
        max-width: 282px
    }
}

.product-upsells-snippet {
    border: 1px solid var(--border-color);
    margin-bottom: 16px;
    padding: 16px
}

@media screen and (min-width:768px) {
    .product-upsells-snippet {
        margin-bottom: 24px;
        padding: 20px
    }
}

.product-upsells-snippet .heading-5,
.product-upsells-snippet .product-upsells__item {
    margin-bottom: 12px
}

.product-upsells-snippet .product-upsells__item:last-of-type {
    margin-bottom: 0
}

.product-upsells-snippet .product-upsells__item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-upsells-snippet .product-upsells__item__image {
    height: 64px;
    margin-right: 12px;
    min-width: 64px
}

.product-upsells-snippet .product-upsells__item__description {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.product-upsells-snippet .product-upsells__item__title {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 5px
}

@media screen and (min-width:768px) {
    .product-upsells-snippet .product-upsells__item__title {
        font-size: 14px;
        line-height: 17px
    }
}

.product-upsells-snippet .product-upsells__item__price {
    color: #212a2f;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .product-upsells-snippet .product-upsells__item__price {
        font-size: 15px;
        line-height: 21px
    }
}

.product-upsells-snippet .product-upsells__item__btn-container {
    min-width: 80px
}

@media screen and (min-width:768px) {
    .product-upsells-snippet .product-upsells__item__btn-container {
        min-width: 90px
    }
}

.product-upsells-snippet .product-upsells__item__btn-container .btn {
    padding: 13px;
    width: 100%
}

@media screen and (max-width:767px) {
    .product-upsells-snippet .product-upsells__item__btn-container .btn {
        font-size: 12px
    }
}

.product-upsells-snippet .product-upsells__item-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    margin-top: 12px
}

.product-upsells-snippet .product-upsells__item-selection .select-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    margin-bottom: 0;
    margin-right: 12px
}

.product-upsells-snippet .product-upsells__item-selection .btn {
    font-size: 12px;
    margin: 0;
    width: 80px
}

@media screen and (min-width:768px) {
    .product-upsells-snippet .product-upsells__item-selection .btn {
        font-size: 14px;
        width: 90px
    }
}

.product-vendor-snippet {
    margin-bottom: 16px
}

.product-vendor-snippet .subdued {
    opacity: .6
}

.product-content-and-image__snippet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .product-content-and-image__snippet {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 120px
    }
}

.product-content-and-image__blurb-container,
.product-content-and-image__img-container {
    width: 100%
}

@media screen and (min-width:768px) {
    .product-content-and-image__blurb-container,
    .product-content-and-image__img-container {
        width: 50%
    }
}

.product-content-and-image__blurb-container {
    background-color: #fff;
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .product-content-and-image__blurb-container {
        margin-bottom: 0;
        margin-right: 32px
    }
}

.product-content-and-image__blurb-container .heading-2 {
    line-height: 46px;
    margin-bottom: 24px
}

.product-content-and-image__blurb-container .rte {
    color: var(--color-body-text);
    font-family: var(--font1);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3em;
    line-height: 27px
}

@media screen and (min-width:768px) {
    .product-content-and-image__blurb-container .rte {
        font-size: 16px;
        line-height: 160%
    }
}

.product-content-and-image__blurb-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    padding: 24px
}

@media screen and (min-width:768px) {
    .product-content-and-image__blurb-content {
        max-width: 300px;
        padding: 0
    }
}

@media screen and (min-width:860px) {
    .product-content-and-image__blurb-content {
        max-width: 350px
    }
}

.product-content-and-image__img-container img {
    width: 100%
}

.product-vide-snippet .content-and-video-section {
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .product-vide-snippet .content-and-video-section {
        margin-bottom: 32px
    }
}

.stickers {
    left: 8px;
    position: absolute;
    top: 8px
}

.stickers .sticker {
    background-color: #fff;
    border-radius: 5px;
    color: #212a2f;
    margin-bottom: 5px;
    min-width: 80px;
    padding: 4px 10px
}

.stickers .sticker p {
    font-size: 14px;
    font-weight: 600
}

.product-related-products-snippet {
    margin-bottom: 76px
}

@media screen and (min-width:768px) {
    .product-related-products-snippet .heading-2 {
        font-size: 40px
    }
}

@media screen and (min-width:1024px) {
    .product-related-products-snippet {
        margin-bottom: 100px
    }
}

.product-related-products-snippet .cl-product-card-container.grid-list {
    grid-gap: 16px;
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (min-width:768px) {
    .product-related-products-snippet .cl-product-card-container.grid-list {
        grid-gap: 32px;
        grid-template-columns: repeat(4, 1fr)
    }
}

.product-related-products-snippet .yotpo-display-wrapper .yotpo-bottomline.star-clickable {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.product-full-images .image-snippet {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.product-full-images .image-snippet img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media screen and (min-width:768px) {
    .section-short-listing header .heading-2 {
        font-size: 40px
    }
}

.section-short-listing .btn.btn-secondary.hide-desktop-inline-flex {
    margin-top: 24px
}

.content-background-image-snippet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    overflow: hidden
}

.content-background-image-snippet .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .content-background-image-snippet .content-wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.content-background-image-snippet .content-wrapper .image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.content-background-image-snippet .content-wrapper .content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 30px 0;
    width: 100%;
    z-index: 5
}

.content-background-image-snippet .content-wrapper .content-container .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content-background-image-snippet .content-wrapper .content-container .text-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.content-background-image-snippet .content-wrapper .content-container .text-container .content-text-paragraph {
    font-size: 14px;
    line-height: 1.3em;
    margin-bottom: 24px
}

@media screen and (min-width:1024px) {
    .content-background-image-snippet .content-wrapper .content-container .text-container .content-text-paragraph {
        font-size: 24px
    }
}

.content-background-image-snippet .content-wrapper .content-container .text-container .heading-1 {
    font-size: 36px
}

@media screen and (min-width:768px) {
    .content-background-image-snippet .content-wrapper .content-container .text-container .heading-1 {
        font-size: 66px
    }
}

@media screen and (min-width:1024px) {
    .content-background-image-snippet .content-wrapper .content-container .text-container .heading-1 {
        font-size: 96px
    }
}

.content-background-image-snippet .content-wrapper .content-container .text-container .heading-1.not-hero {
    font-size: 30px
}

@media screen and (min-width:768px) {
    .content-background-image-snippet .content-wrapper .content-container .text-container .heading-1.not-hero {
        font-size: 36px
    }
}

@media screen and (min-width:1024px) {
    .content-background-image-snippet .content-wrapper .content-container .text-container .heading-1.not-hero {
        font-size: 48px
    }
}

.content-background-image-snippet .content-wrapper .content-container .text-container .cta-bkg-image {
    padding: 18px 24px 14px
}

.content-background-image-snippet .content-wrapper .img-brand {
    height: 120px
}

.content-background-image--full .content-wrapper .image-snippet .img-mob {
    display: block;
    width: 100%
}

@media screen and (min-width:768px) {
    .content-background-image--full .content-wrapper .image-snippet .img-mob {
        display: none
    }
}

.content-background-image--full .content-wrapper .image-snippet .img-main {
    display: none
}

@media screen and (min-width:768px) {
    .content-background-image--full .content-wrapper .image-snippet .img-main {
        display: block
    }
}

.content-background-image--full .content-wrapper .content-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute
}

.content-background-image--full .content-wrapper .img-brand {
    height: 70px;
    margin-bottom: 24px
}

.content-image-block-snippet {
    padding: 0 12px;
    width: 100%
}

.content-image-block-snippet.half {
    width: 100%
}

@media screen and (min-width:768px) {
    .content-image-block-snippet.half {
        width: 50%
    }
}

.content-image-block-snippet .image-wrapper,
.content-image-block-snippet .text-wrapper,
.content-image-block-snippet img {
    width: 100%
}

.content-image-block-snippet .image-wrapper {
    display: block;
    margin-bottom: 24px;
    position: relative
}

.content-image-block-snippet .image-wrapper img {
    display: block
}

.content-image-block-snippet .image-wrapper .overlay {
    background: #434944;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.content-image-block-snippet .image-wrapper .btn {
    bottom: 24px;
    position: absolute;
    right: 24px
}

@media screen and (min-width:768px) {
    .content-image-block-snippet .image-wrapper .btn {
        bottom: 40px;
        right: 40px
    }
}

.content-image-block-snippet .image-wrapper:hover .overlay {
    opacity: .2
}

.content-image-block-snippet .heading-3 {
    margin-bottom: 12px
}

.content-image-block-snippet .text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.content-image-block {
    margin-bottom: 50px;
    position: relative
}

.content-image-block:last-of-type {
    margin-bottom: 0
}

.content-image-block:hover .overlay {
    opacity: .2
}

.content-image-block .image-wrapper {
    margin-bottom: 0
}

.content-image-block .heading-2 {
    margin-bottom: 12px
}

@media screen and (min-width:768px) {
    .content-image-block .heading-2 {
        margin-bottom: 48px
    }
}

.content-image-block .text-wrapper {
    bottom: 50px;
    left: 50px;
    position: absolute;
    top: 50px;
    width: calc(100% - 100px)
}

.content-image-block .image-wrapper .btn--primary,
.content-image-block .text-wrapper .btn--primary {
    background: var(--btn-bg-color-1-hover);
    border-color: var(--btn-border-color-1-hover);
    color: var(--btn-font-color-1-hover)
}

.content-image-block .image-wrapper:hover .btn--primary,
.content-image-block .text-wrapper:hover .btn--primary {
    background: var(--btn-bg-color-1);
    border-color: var(--btn-border-color-1);
    color: var(--btn-font-color-1)
}

.section-shop-all {
    margin-bottom: 40px
}

@media screen and (min-width:768px) {
    .section-shop-all {
        margin-bottom: 100px
    }
}

.section-shop-all .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

@media screen and (min-width:768px) {
    .section-shop-all .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left
    }
}

.section-shop-all p {
    color: #000
}

@media screen and (min-width:768px) {
    .section-shop-all p {
        margin-bottom: 0;
        margin-right: 24px
    }
}

.content-and-video-section {
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .content-and-video-section {
        margin-bottom: 100px
    }
}

.content-and-video-section .content-and-video-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content-and-video-section .thumbnail-container {
    width: 100%
}

@media screen and (min-width:768px) {
    .content-and-video-section .thumbnail-container {
        max-height: 600px
    }
}

.content-and-video-section .thumbnail-container {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.content-and-video-section svg {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.content-and-video-section .thumbnail {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.content-and-video-section .le-content {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.content-and-video-section .le-content .heading-2 {
    margin-bottom: 24px
}

.content-and-video-section iframe {
    display: none
}

.modal-visible.modal-video .content-and-video-section iframe {
    display: block;
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 1000
}

.collections-showcase-section.section-with-header {
    margin-top: 0
}

.list-collections {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.collections-showcase-item {
    position: relative
}

.collections-showcase-item img {
    display: block;
    height: auto;
    width: 100%
}

.collections-showcase-item .footer {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 10px;
    padding: 16px;
    position: absolute;
    right: 10px;
    width: 100%
}

@media screen and (min-width:768px) {
    .collections-showcase-item .footer {
        bottom: 20px;
        left: 20px;
        padding: 24px;
        right: 20px
    }
}

.collections-showcase-item .footer .footer-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.collections-showcase-item .footer .footer-inner .btn {
    font-size: 14px;
    margin-top: 24px
}

@media screen and (min-width:768px) {
    .collections-showcase-item .footer .footer-inner .btn {
        font-size: 12px
    }
}

.collections-showcase-item .footer .footer-inner .heading-4 {
    color: #fff;
    margin-bottom: 0;
    margin-top: 24px
}

@media screen and (min-width:768px) {
    .collections-showcase-item .footer .footer-inner .heading-4 {
        font-size: 24px
    }
}

.collections-showcase--lifestyle .collections-showcase-item {
    margin-bottom: 24px;
    width: 100%
}

.collections-showcase--lifestyle .collections-showcase-item:nth-of-type(4) {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .collections-showcase--lifestyle .collections-showcase-item {
        margin-bottom: 2.5%;
        width: 32.5%
    }
    .collections-showcase--lifestyle .collections-showcase-item:nth-of-type(4) {
        margin-bottom: 2.5%
    }
}

.collections-showcase--lifestyle .collections-showcase-item img {
    height: 100%;
    width: 100%
}

.collections-showcase--lifestyle .collections-showcase-item img:after {
    content: "";
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.collections-showcase--lifestyle .collections-showcase-item .footer {
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    top: 0
}

.collections-showcase--lifestyle .collections-showcase-item .footer p {
    color: var(--color-heading-text);
    font-family: var(--font2);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .collections-showcase--lifestyle .collections-showcase-item .footer p {
        font-size: 24px;
        font-weight: 600
    }
}

@media screen and (min-width:768px)and (min-width:768px) {
    .collections-showcase--lifestyle .collections-showcase-item .footer p {
        font-size: 30px
    }
}

@media screen and (min-width:768px) {
    .collections-showcase--lifestyle .collections-showcase-item.two_thirds {
        width: 65%
    }
}

.collections-showcase--lifestyle .hide-on-mobile {
    display: none
}


.logo-footer-image-container {
	margin-bottom: 20px;
}

.logo-footer-image-container svg,
.logo-footer-image-container img{
    width: 100%;
	max-width: 200px;
	height: auto;
	max-height: 100%;
}

@media screen and (min-width:768px) {
    .collections-showcase--lifestyle .hide-on-mobile {
        display: block
    }
}

.footer-text {
    display: block
}
.footer-text + .footer-text {
    margin-top: 25px;
}

.footer-text .heading-2,
.footer-text p {
    color: #fff
}

.footer-text .heading-2 {
    font-size: 28px
}

@media screen and (min-width:768px) {
    .footer-text .heading-2 {
        font-size: 40px
    }
}

.footer-text p {
    margin-bottom: 16px
}

.footer-text p a {
    color: #fff !important
}

.product-features-images-and-text-snippet {
    padding-top: 24px
}

@media screen and (max-width:767px) {
    .product-features-images-and-text-snippet {
        padding-bottom: 24px
    }
}

.product-features-images-and-text-snippet .product-features-images-and-text-snippet-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (min-width:1024px) {
    .product-features-images-and-text-snippet .product-features-images-and-text-snippet-inner {
        margin: 0 auto
    }
}

.product-features-images-and-text-snippet .product-features-images-and-text-snippet-inner .feature-image-and-text {
    width: 33%
}

.product-features-images-and-text-snippet .product-features-images-and-text-snippet-inner .feature-image-and-text .feature-image-and-text-inner {
    margin: 0 auto;
    padding: 0 10px;
    text-align: center
}

@media screen and (min-width:768px) {
    .product-features-images-and-text-snippet .product-features-images-and-text-snippet-inner .feature-image-and-text .feature-image-and-text-inner {
        font-size: 15px
    }
}

.product-features-images-and-text-snippet .product-features-images-and-text-snippet-inner .feature-image-and-text .feature-image-and-text-inner img {
    height: auto;
    margin-bottom: 16px;
    max-width: 60px
}

@media screen and (min-width:1024px) {
    .product-features-images-and-text-snippet .product-features-images-and-text-snippet-inner .feature-image-and-text .feature-image-and-text-inner img {
        max-width: 90px
    }
}

.accordions {
    padding: 0 16px
}

@media screen and (min-width:768px) {
    .accordions {
        background: #f8f8f8
    }
    .product-accordions-section .accordions {
        background: none;
    }
}

@media screen and (max-width:767px) {
    .accordions__heading {
        font-size: 18px;
        margin-bottom: 17px
    }
}


.accordion__title-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 55px;
    padding: 18px 0;
    position: relative
}

@media screen and (min-width:768px) {
    .accordion__title-container {
        margin: 0 16px;
        max-height: 80px;
        padding: 27px 0;
    }
}

.accordion__title-container:after {
    background-image: url(icon-arrow-2.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    content: "";
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 11px
}


.accordion--large .accordion__title-container:after {
    background-size: contain;
    width: 11px;
    height: 11px;
    right: 20px;
    transform: translateY(-50%);
}
.accordion--math .icon {
	background: var(--custom-icon-bg, #fff);
	width: 2rem;
	height: 2rem;
	padding: 0.64rem;
	border-radius: 100%;
	border: 1px solid var(--color-border-light);
}

.accordion--math .icon--minus,
.accordion--math details[open] .icon--plus{
  display: none;
}

.accordion--math details[open] .icon--minus{
  display: flex;
}


@media screen and (min-width:768px) {
    .accordion--large .accordion__title-container:after {
        background-size: contain;
        width: 16px;
        height: 16px;
    }

    .accordion__title-container:after {
        right: 0
    }
    .accordion__title-container:hover {
        cursor: pointer
    }
}

.accordion__title-container .image-container {
    height: auto;
    margin-bottom: 3px;
    margin-left: 12px;
    width: 34px
}

.accordion__title-container .image-container img {
    display: block;
    height: auto;
    width: 100%
}

.accordion__title {
    font-size: 1rem;
    font-weight: 600
}

.accordion--large .accordion__title-container {
    padding-inline: 1.25rem;
}

.accordion--large .accordion__title  {
    font-size: 1.25rem;
    font-weight: 600;
}


@media screen and (min-width:768px) {
    .accordion--large .accordion__title  {
        font-size: 1.625rem;
    }

    .accordion__title {
        font-size: 18px
    }
}

.accordion__body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 0;
    opacity: 0;
    overflow: scroll;
    -webkit-transition: all .5s;
    transition: all .5s
}

.accordion__body::-webkit-scrollbar {
    display: none
}

@media screen and (min-width:768px) {
    .accordion__body {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.accordion__body>div {
    gap: 48px
}

.accordion__body p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column
}

#tab-delivery-returns .accordion__body p,
#tab-how-to-install .accordion__body p,
#tab-how-to-order .accordion__body p {
    display: block
}

.accordion__body .accordion-info {
    color: #717171;
    display: block;
    margin-left: 18px
}

.accordion__body ul li {
    list-style: none;
    position: relative
}

.accordion__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: unset;
    line-height: 155%;
  font-size: 16px;
}

@media screen and (min-width:768px) {
    .accordion__content {
        font-size: 16px;
        margin: 0 16px
    }
}

.accordion__content li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 5px;
    margin-right: 10%;
    width: 100%
}

@media screen and (min-width:768px) {
    .accordion__content li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 10px;
        width: 40%
    }
}

.accordion__content li .image-container {
    height: auto;
    width: 30px
}

.accordion__content li p:first-letter {
    text-transform: uppercase
}

.accordion__content li a {
    text-decoration: underline
}

.accordion__content li a:hover {
    text-decoration: none
}

.accordion__content li.full-width {
    width: 100%
}

.accordion__content li.full-width strong {
  font-weight: 600;
  font-size: 18px !important;
}

.accordion .specifications {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width:767px) {
    .accordion .specifications {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content
    }
}

.accordion .specifications li {
    height: 30px
}

.accordion--open .accordion__title-container:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.accordion--open .accordion__body {
    max-height: 1000px;
    opacity: 1;
    padding: 24px 0 16px
}


@media screen and (min-width: 800px) {
  .accordion--large .accordion__body {
    padding-inline: 0;
  }
}

@media screen and (max-width: 800px) {
    .accordion__content li {
      margin-right: 0;
    }

    .accordion__content {
      display: grid;
      grid-template-columns: 1fr auto;
      row-gap: 8px;
    }

    .accordion__content li {
      display: contents;
    }
}

.shop-usps .shop-usps-wrapper p:not(:last-of-type) {
    margin-bottom: 8px
}

.shop-usps .shop-usps-wrapper p:before {
    content: url(icon-tick.svg);
    margin-right: 12px
}

.shop-usps .shop-usps-wrapper a {
    text-decoration: underline
}

.yotpo-instagram-gallery {
    text-align: center
}

.yotpo-instagram-gallery__heading {
    font-family: var(--font2);
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    margin: 0 0 7px
}

@media screen and (min-width:1024px) {
    .yotpo-instagram-gallery__heading {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 2px
    }
}

.yotpo-instagram-gallery__p {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px
}

@media screen and (min-width:1024px) {
    .yotpo-instagram-gallery__p {
        font-size: 20px;
        line-height: 30px
    }
}

.yotpo-instagram-gallery .yotpo-pictures-widget {
    margin: 36px 0 0
}

@media screen and (min-width:1024px) {
    .yotpo-instagram-gallery .yotpo-pictures-widget {
        margin: 58px 0 0
    }
}

/* .yotpo-instagram-gallery .yotpo-load-more-button {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    background: #212a2f !important;
    border: 2px solid #212a2f !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 44px !important;
    width: 100% !important
} */
/* 
@media screen and (min-width:768px) {
    .yotpo-instagram-gallery .yotpo-load-more-button {
        height: 48px !important;
        padding: 15px 15px 11px !important;
        width: 165px !important
    }
}

.yotpo-instagram-gallery .yotpo-load-more-button span {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    margin-top: 4px
}

@media screen and (min-width:768px) {
    .yotpo-instagram-gallery .yotpo-load-more-button span {
        margin-top: 0
    }
} */

.yotpo-instagram-gallery .yotpo-pictures-widget {
    margin-top: 0
}

.yotpo-instagram-gallery .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0 !important
}

@media screen and (min-width:768px) {
    .yotpo-instagram-gallery .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.yotpo-instagram-gallery .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-upload-button-wrapper .yotpo-pictures-gallery-upload-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff !important;
    border: 2px solid #212a2f;
    border-radius: 5px;
    color: #212a2f !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 46px;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .yotpo-instagram-gallery .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-upload-button-wrapper .yotpo-pictures-gallery-upload-button {
        font-size: 16px;
        margin-bottom: 32px
    }
}

.yotpo-instagram-gallery .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-upload-button-wrapper .yotpo-pictures-gallery-upload-button .yotpo-icon.yotpo-icon-upload-photo {
    display: none
}

.yotpo-instagram-gallery .yotpo-display-wrapper .yotpo-pictures-collage-wrapper {
    margin-left: -8px;
    margin-right: -8px
}

@media screen and (min-width:768px) {
    .yotpo-instagram-gallery .yotpo-display-wrapper .yotpo-pictures-collage-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

.yotpo-instagram-gallery .yotpo-display-wrapper .yotpo-pictures-collage-wrapper [role=button] {
    cursor: pointer
}

.yotpo-instagram-gallery .yotpo-display-wrapper .yotpo-pictures-collage-wrapper .yotpo-pictures-gallery-images-wrapper .yotpo-hover-cta {
    background: #212a2f !important;
    text-transform: uppercase
}

.yotpo-instagram-gallery .yotpo-display-wrapper .yotpo-pictures-collage-wrapper .yotpo-pictures-gallery-images-wrapper .y-image-wrapper {
    margin: 0 6px 12px !important
}

@media screen and (min-width:768px) {
    .yotpo-instagram-gallery .yotpo-display-wrapper .yotpo-pictures-collage-wrapper .yotpo-pictures-gallery-images-wrapper .y-image-wrapper {
        margin: 0 16px 32px !important
    }
}

.y-image-wrapper {
    border-radius: 1.25rem;
}

.yotpo-lightbox-wrapper .yotpo-lightbox-content-container .yotpo-lightbox-product-button {
    background-color: #212a2f !important
}

.product-yotpo-instagram-snippet {
    margin-bottom: 56px;
    margin-top: 56px
}

.product-yotpo-instagram-snippet:target:before {
    content: "";
    display: block;
    height: 200px;
    margin: -200px 0 0
}

@media screen and (min-width:768px) {
    .product-yotpo-instagram-snippet {
        margin: 120px auto
    }
}

.product-yotpo-instagram-snippet .yotpo-pictures-widget {
    margin-top: 0
}

.product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper {
    margin-bottom: 0
}

.product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-title-wrapper {
    margin-bottom: 24px;
    margin-top: 0;
    text-align: left !important
}

.product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-title-wrapper span {
    color: #212a2f;
    font-family: var(--font1) !important;
    font-size: 24px !important;
    font-weight: 600;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-title-wrapper span {
        font-size: 40px !important
    }
}

.product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-upload-button-wrapper .yotpo-pictures-gallery-upload-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff !important;
    border: 2px solid #212a2f;
    border-radius: 5px;
    color: #212a2f !important;
    display: none;
    font-size: 14px;
    font-weight: 600;
    height: 46px;
    justify-content: center;
    margin-bottom: 24px;
    text-transform: uppercase;
    width: 100%
}

@media screen and (min-width:768px) {
    .product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-upload-button-wrapper .yotpo-pictures-gallery-upload-button {
        font-size: 16px;
        margin-bottom: 32px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-upload-button-wrapper .yotpo-pictures-gallery-upload-button .yotpo-icon.yotpo-icon-upload-photo {
    display: none
}

.product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-wrapper {
    margin-bottom: 16px
}

.product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-wrapper [role=button] {
    cursor: pointer
}

.product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-wrapper .yotpo-single-image-container {
    margin-bottom: 12px !important;
    margin-right: 12px !important;
    width: calc(33.33333% - 8px) !important
}

.product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-wrapper .yotpo-single-image-container:nth-of-type(3n) {
    margin-right: 0 !important
}

@media screen and (min-width:768px) {
    .product-yotpo-instagram-snippet .yotpo-display-wrapper .yotpo-pictures-gallery-wrapper .yotpo-single-image-container {
        margin-bottom: 32px !important;
        margin-right: 32px !important;
        width: calc(33.33333% - 21.33333px) !important
    }
}

.product-yotpo-instagram-snippet .yotpo-load-more-button {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    background: #212a2f !important;
    border: 2px solid #212a2f !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 44px !important;
    margin: 16px auto 0 !important;
    width: 100% !important
}

@media screen and (min-width:768px) {
    .product-yotpo-instagram-snippet .yotpo-load-more-button {
        height: 48px !important;
        padding: 15px 15px 11px !important;
        width: 165px !important
    }
}

.product-yotpo-instagram-snippet .yotpo-load-more-button span {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    margin-top: 4px
}

@media screen and (min-width:768px) {
    .product-yotpo-instagram-snippet .yotpo-load-more-button span {
        margin-top: 0
    }
}

.product-yotpo-instagram-snippet {
    margin-bottom: 54px
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-pictures-gallery-header-wrapper {
    margin-bottom: 0
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-slider-title-wrapper {
    margin-bottom: 24px;
    margin-top: 0;
    text-align: left !important
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-slider-title-wrapper span {
    color: #212a2f;
    font-family: var(--font2) !important;
    font-size: 24px !important;
    font-weight: 600;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-slider-title-wrapper span {
        font-size: 40px !important
    }
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-upload-button-wrapper .yotpo-pictures-gallery-upload-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff !important;
    border: 2px solid #212a2f;
    border-radius: 5px;
    color: #212a2f !important;
    display: none;
    font-size: 14px;
    font-weight: 600;
    height: 46px;
    justify-content: center;
    margin-bottom: 24px;
    text-transform: uppercase;
    width: 100%
}

@media screen and (min-width:768px) {
    .product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-upload-button-wrapper .yotpo-pictures-gallery-upload-button {
        font-size: 16px;
        margin-bottom: 32px;
        margin-right: 125px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-pictures-gallery-header-wrapper .yotpo-pictures-gallery-upload-button-wrapper .yotpo-pictures-gallery-upload-button .yotpo-icon.yotpo-icon-upload-photo {
    display: none
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper {
    position: static
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper [role=button] {
    cursor: pointer
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .y-slider-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .yotpo-single-image-container {
    margin-right: 12px !important
}

@media screen and (min-width:768px) {
    .product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .yotpo-single-image-container {
        margin-right: 32px !important
    }
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .yotpo-single-image-container .yotpo-image {
    border-radius: 0 !important
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .y-arrows {
    bottom: -55px;
    height: 40px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 4%;
    width: 90px
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .y-arrows .yotpo-icon-left-arrow-light:before {
    right: 1px !important
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .y-arrows .yotpo-icon-right-arrow-light:before {
    left: 2px !important
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .y-arrows .yotpo-icon-left-arrow-light,
.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .y-arrows .yotpo-icon-right-arrow-light {
    background-color: #212a2f;
    border-radius: 50px;
    color: #fff;
    height: 40px !important;
    opacity: 1;
    width: 40px !important
}

.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .y-arrows .yotpo-icon-left-arrow-light:before,
.product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .y-arrows .yotpo-icon-right-arrow-light:before {
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-top: -9px !important
}

@media screen and (min-width:768px) {
    .product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .y-arrows {
        display: block;
        left: auto;
        margin: 0;
        right: 0;
        top: 0
    }
    .product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .y-arrows .yotpo-icon-left-arrow-light:before,
    .product-yotpo-instagram-snippet .yotpo-slider-wrapper .yotpo-display-wrapper .y-arrows .yotpo-icon-right-arrow-light:before {
        font-size: 16px
    }
}


.product-subtitle-snippet {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.product-subtitle-snippet div {
    color: #717171;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 4px
}

.product-subtitle-snippet div.metafield-price-per-size {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    order: 2;
    padding-top: 4px
}

.product-subtitle-snippet div.metafield-size-dimensions {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    background-color: #e5e5e5;
    border-radius: 20px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-left: 0;
    order: 1;
    padding: 2px 16px;
    text-align: center;
    width: auto
}

.product-subtitle-snippet div.metafield-size-dimensions:before {
    background-color: #717171;
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    margin-right: 4px;
    margin-top: 7px;
    width: 4px
}

@media screen and (min-width:768px) {
    .product-subtitle-snippet div.metafield-size-dimensions:before {
        margin-top: 11px;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content
    }
}

.product-subtitle-snippet div .circle {
    background: #717171;
    border-radius: 50%;
    height: 5px;
    margin: 10px 10px 0;
    width: 5px
}

.product-subtitle-snippet .on-sale {
    color: var(--sale-price-color);
    opacity: .6
}

.product-actions-snippet {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: -26px
}

@media screen and (min-width:768px) {
    .product-actions-snippet {
        top: 30px
    }
}

.product-actions-snippet .icon--copy {
    margin-right: 8px
}

.product-actions-snippet .icon--copy:before {
    background: #fff;
    background-image: url(icon--copy.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 17px;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    content: " ";
    display: inline-block;
    height: 44px;
    width: 44px
}

.product-actions-snippet i.icon--wishlist-empty:before,
.product-actions-snippet i.icon--wishlist:before {
    background: #fff;
    background-size: 14px 14px !important;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12)
}

.product-actions-snippet #wishlist_icon {
    position: absolute
}

.product-actions-snippet .wishlist-button-wrapper {
    position: relative
}

.trade-messaging-snippet {
    background-color: #212a2f;
    left: 0;
    opacity: 0;
    padding: 12px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 134px
}

@media screen and (min-width:768px) {
    .trade-messaging-snippet {
        padding: 6px;
        top: 86px
    }
}

.trade-messaging-snippet p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto
}

.trade-messaging-snippet.trade-show {
    opacity: 1
}

.trade-messaging-snippet.trade-hide {
    opacity: 0;
    -webkit-transition: opacity 8s ease;
    transition: opacity 8s ease
}

.header-article-snippet {
    margin-bottom: 32px;
    position: relative
}

@media screen and (min-width:768px) {
    .header-article-snippet {
        margin-bottom: 100px
    }
}

.header-article-snippet .overlay {
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.header-article-snippet .image-snippet {
    overflow: hidden
}

.header-article-snippet .image-snippet img {
    display: block;
    height: 100%;
    width: 100%
}

@media screen and (max-width:767px) {
    .header-article-snippet .image-snippet {
        height: 218px
    }
}

.header-article-snippet .container {
    color: #fff;
    left: 50%;
    padding: 57px 16px;
    position: absolute;
    text-align: left;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (min-width:768px) {
    .header-article-snippet .container {
        margin: auto;
        max-width: 868px;
        padding: 97px 0
    }
}

.header-article-snippet .container h1 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .header-article-snippet .container h1 {
        font-size: 48px;
        max-width: 792px
    }
}

.image-full-width-snippet img,
.image-full-width-snippet picture {
    display: block
}

.image-full-width-snippet .prevent-lazy-load-pop:not(.loaded) {
    width: 100%
}

section.featured-banner {
    border-top: 1px solid #212a2f;
    padding-top: 24px
}

@media screen and (min-width:1024px) {
    section.featured-banner {
        padding-top: 40px
    }
}

section.featured-banner .featured-header {
    margin-bottom: 24px
}

@media screen and (max-width:767px) {
    section.featured-banner .featured-header h3.heading-3 {
        font-size: 18px
    }
}

section.featured-banner .grid {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    justify-content: flex-start;
    margin: 0 -16px;
    overflow-x: auto;
    padding: 0 16px 8px
}

@media screen and (min-width:768px) {
    section.featured-banner .grid {
        margin: 0;
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    section.featured-banner .grid {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

section.featured-banner .grid-item {
    max-width: 125px;
    min-width: 100px;
    width: 100%
}

@media screen and (min-width:768px) {
    section.featured-banner .grid-item {
        min-width: auto
    }
}

.b2b-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.b2b-modal,
.b2b-modal .modal-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.b2b-modal .modal-content {
    -webkit-box-flex: 0;
    -ms-flex-item-align: center;
    align-self: center;
    background-color: #fff;
    border-radius: 20px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-height: 100%;
    outline: 0;
    overflow: visible;
    padding: 24px;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 500px
}

@media screen and (max-width:768px) {
    .b2b-modal .modal-content {
        padding: 32px;
        width: calc(100vw - 32px)
    }
}

.b2b-modal .modal-content button {
    height: 20px;
    margin-right: 16px;
    margin-top: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.b2b-modal .modal-content .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b2b-modal .modal-content .member-level {
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 32px;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
    width: 150px
}

.b2b-modal .modal-content .member-level.gold {
    background: linear-gradient(.6turn, #cba034, #fedf92)
}

.b2b-modal .modal-content .member-level.platinum {
    background: linear-gradient(.6turn, #9b9b9b, #f4f4f4)
}

.b2b-modal .modal-content .member-level.bronze {
    background: linear-gradient(.6turn, #875735, #f6ad70)
}

.b2b-modal .modal-content .title {
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 24px
}

.b2b-modal .modal-content .title span {
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.b2b-modal .modal-content .messaging {
    -ms-flex-item-align: center;
    align-self: center;
    color: #212a2f;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 0 24px 32px;
    text-align: center
}

.b2b-modal .modal-content .messaging strong {
    font-weight: 700
}

.b2b-modal .modal-content .btn {
    -ms-flex-item-align: center;
    align-self: center;
    background-color: var(--btn-bg-color-1-hover);
    border: 2px solid var(--btn-border-color-1-hover);
    border-radius: 7px;
    color: var(--btn-font-color-1-hover);
    font-size: 14px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.product-media-list {
    display: grid;
    margin: 0 0 24px;
    position: relative
}

@media screen and (min-width:1024px) {
    .product-media-list {
        gap: 24px;
        grid-template-columns: 124px 1fr;
    }
}

.product-media-list--gift-card,
.product-media-list--gift-card img {
    display: block
}

.product-media-list .product-media-images img,
.product-media-list .product-media-thumbs img {
    display: block;
    height: auto;
    width: 100%
}

.product-media-list .product-media-thumbs {
    display: none
}

@media screen and (min-width:1024px) {
    .product-media-list .product-media-thumbs {
        display: block
    }
}

.product-media-list .product-media-thumbs .swiper {
    max-height: 46.3vw
}

.product-media-list .product-media-thumbs .swiper-slide {
    cursor: pointer
}

.product-media-list .product-media-thumbs .swiper-slide-thumb-active {
    position: relative
}

.product-media-list .product-media-thumbs .swiper-slide-thumb-active:before {
    background: url(product-active-thumbnail.png) 50%/cover no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.product-media-list .product-media-thumb {
    border: 1px solid #e5e5e5;
    padding: 11px
}

.product-media-list .product-media-thumb--video {
    position: relative
}

.product-media-list .product-media-thumb--video .product-media-icon {
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    z-index: 1
}

.product-media-list .swiper-slide-thumb-active .product-media-thumb {
    border: 2px solid #212a2f;
    padding: 10px
}

.product-media-list .product-media-images {
    position: relative;
    height: fit-content;
    min-width: 0
}

.product-media-images__badge {
	position: absolute;
  	top: 10px;
    left: unset;
    right: 10px;
	z-index: 2;
}


@media screen and (min-width: 800px){
  .product-media-images__badge {
  	left: 10px;
    right: unset;
  }
}

.product-media-list .product-media-images img {
    height: auto;
    width: 100%
}

.product-media-list .product-media-images .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-media-list .product-media-images .swiper-button {
    background: #fff url(icon-arrow.svg) 17.25px/12px 16px no-repeat;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .125);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .125);
    cursor: pointer;
    height: 44px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    z-index: 1;
    z-index: 3
}

.product-media-list .product-media-images .swiper-button-prev {
    -webkit-box-shadow: 0 -4px 20px rgba(0, 0, 0, .125);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, .125);
    left: 16px;
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

.product-media-list .product-media-images .swiper-button-next {
    right: 16px
}

@media screen and (min-width:1024px) {
    .product-media-list .product-media-images .swiper-pagination {
        display: none
    }
}

.product-media-list .product-media-images .product-reviews-badge {
    bottom: 50px;
    left: 16px
}

@media(min-width:1024px) {
    .product-media-list .product-media-images .product-reviews-badge {
        bottom: 16px;
        left: 164px
    }
}

.product-media-list .product-media-video {
    aspect-ratio: 1/1;
    position: relative
}

.product-media-list .product-media-video iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.section-with-header header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .section-with-header header {
        margin-bottom: 32px
    }
}

.section-with-header header .heading-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    margin-bottom: 0
}

.slideshow-section .slideshow-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20% 0
}

/* #shopify-section-header {
    position: sticky;
    top: 0;
    z-index: 99
} */

.shopify-section-header {
    position: sticky;
    top: 0;
    z-index: 99
}

#shopify-section-header .container {
    max-width: 1354px;
    padding-inline: 0;
}

@media screen and (min-width: 800px) {
    #shopify-section-header .container {
      padding-inline: 20px
    }
}

.skip-link {
    clip: rect(0 0 0 0);
    background-color: #fff;
    border: 3px solid red;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    width: 1px
}

.skip-link:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: auto;
    position: absolute;
    width: auto
}

.announcement-bar-active .announcement-bar {
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    max-height: 40px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: max-height .5s ease 0s;
    transition: max-height .5s ease 0s;
    width: 100%
}

@media screen and (max-width: 800px){
    .announcement-bar-active .announcement-bar{
        height: 30px;
    }
}

.announcement-bar-active .announcement-bar .swiper {
    width: 100%;
}

.announcement-bar-active .announcement-bar a,
.announcement-bar-active .announcement-bar p {
    font-size: 14px;
    line-height: 14px
}

.announcement-bar p,
.announcement-bar p *{
  font-weight: 600 !important;
  font-family: var(--font-family);
}


.announcement-bar-active .announcement-bar .announcement-bar-text em {
    border-bottom: 1px solid;
    display: inline-block;
    font-style: normal
}

.announcement-bar-active .announcement-bar .announcement-bar-text a {
    color: inherit
}

.header-section {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .15);
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100
}

@media screen and (min-width:768px) {
    .header-section {
        margin-bottom: 0
    }
}



@media screen and (max-width: 800px){
  .announcement-bar .button{
    display: none;
  }
  .announcement-bar swiper-slider {
	max-width: 100%;
}
}

.header-section .main-bar {
    background-color: #fff
}

.header-section .header-section-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 16px;
    border-bottom: 1px solid rgba(var(--color-main-text),.25);
}


.header-section-inner > * {
    width: 100%;
}

.header-section-inner__top {
    display: grid;
    align-items: center;
    justify-content: space-between;
    padding-block: 0.65rem ;
    grid-template-columns: 80px 129px 80px;
}

.header-section-inner__top mobile-search-btn {
  display: flex;
  margin-left: .75rem;
}

.header-section-inner__top [drawer-icon-open] svg, .header-section-inner__top [drawer-icon-close] svg {
	width: 22px;
	height: 22px;
}



.header-section-icons {
	display: flex;
	align-items: center;
}
 

.header-section-icons > * + * {
    margin-left: 14px;
}

.header-section-inner__bottom {
    --link-margin: .6rem;
    background: rgba(var(--color-white));
    overflow: hidden;
}

.header-section-inner__bottom  form { 
    padding-block: 0.8125rem;
}


.logo-image {
    display: none;
}

.logo-image--mobile {
    display: flex;
}

@media screen and (min-width:800px) {
    .logo-image {
        display: flex;
    }

    .logo-image--mobile {
        display: none;
    }

    .header-section-inner__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-block: 1.1rem;
    }

    .header-section-icons {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: end;
    }


}


@media screen and (min-width: 800px) {
      .header-section-inner__bottom {
        --link-margin: .85rem;
    }
}

@media screen and (min-width:1000px) {
      .header-section-inner__bottom {
        --link-margin: 1.25rem;
        
    }
}

@media screen and (min-width:1200px) {
    .header-section-icons > * + * {
        margin-left: 38px;
    }

    .header-section-inner__bottom .nav-first-level{
        margin-inline: calc(-1 * var(--link-margin) );
    }
}




@media screen and (min-width:800px) {
    .header-section .header-section-inner {
        height: auto;
        padding: 0
    }

    .header-section-inner__bottom .btn-nav-first-level,
.header-section-inner__bottom .btn-nav-first-level a:not(.btn),
.header-section-inner__bottom .btn-nav-first-level a:not(.btn):visited {
    color: rgba(var(--color-black)) !important;
}
}

.header-section .header-section-inner .header-icons-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    width: 100%
}

@media screen and (min-width:800px) {
    .header-section .header-section-inner .header-icons-wrapper {
        margin-left: 5%
    }
}

@media screen and (min-width:768px) {
    .header-section .header-section-inner .header-icons-wrapper {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}


.logo-image-container{
    width: 100%;
    max-width: 129px;
    position: relative;
    top: 2px;
}

.logo-image-container a{
    display: flex;
}

@media screen and (min-width: 800px) {
    .header-section .logo-image-container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        justify-content: flex-start;
        min-width: 206px;
        order: 0;
        padding: 0;
        text-align: left;
        margin-inline: 20px;
    }
}

.header-section .logo-image-container .logo-image svg {
    max-height: 50px
}

@media screen and (min-width: 800px) {
    .header-section .logo-image-container .logo-image svg {
    position: relative;
    width: 180px;
    height: auto;
    max-height: 100%;
    }
  
    .header-section .logo-image-container .logo-image--pro svg {
        width: 200px
    }
}

.header-section .logo-mobile-container {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 8px;
    order: 3;
    width: 100%
}

@media screen and (min-width:768px) {
    .header-section .logo-mobile-container {
        display: none
    }
}

.header-section .logo-mobile-container svg {
    max-width: 120px;
    width: 100%
}
/* 


.header-section .header-icons-search-snippet {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.header-section .header-icons-customer-snippet {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
} */

@media screen and (min-width:768px) {
    .header-section .header-icons-customer-snippet {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.header-section .header-icons-wishlist-snippet {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media screen and (min-width:768px) {
    .header-section .header-icons-wishlist-snippet {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.header-section .header-icons-cart-snippet {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

@media screen and (min-width:768px) {
    .header-section .header-icons-cart-snippet {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

.header-section .header-icon {
    align-items: center;
    display: flex;
    height: 56px;
    max-height: 56px;
    gap: 10px;
    justify-content: flex-start;
    cursor: pointer;
}

.header-section .header-icon svg {
    display: block;
    margin-inline: auto;
}


@media screen and (max-width: 768px) {
  .header-section-icons,
  .header-section .header-icon{
    min-height: 56px;
    transform: translateZ(0);
    will-change: transform;
    transition: none;
  }
}
@media screen and (min-width:768px) {
    .header-section .header-icon {
        height: 64px;
        width: auto;
    }

    .header-icon a {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .header-icon .icon-label{
        text-transform: capitalize;
        font-size: 0.625rem;
        margin-top: 0.6rem;
        letter-spacing: 0;
        text-align: center;
    }


    .header-section .header-icon .icon-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 22px;
        justify-content: center;
        width: 20px
    }
    .header-section .header-icon .icon-wrapper:hover {
        opacity: .8
    }
}

.is-ie #shopify-section-header {
    width: 100%
}

.is-ie .header-section {
    background: transparent
}

.is-ie .header-section .logo-image-container {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.is-ie>.container,
.is-ie>.navigation-snippet {
    background: #fff
}

.is-ie .announcement-bar-active .announcement-bar {
    display: block
}

.is-ie .announcement-bar-active .announcement-bar .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

[data-dynamic-reviews-counter] {
    min-width: 110px
}

.footer-section .footer-section-outer {
    background-color: rgb(var(--color-main-accent));
    padding: 0 0 20px 0;
    position: relative;
}


.footer-section .footer-section-container {
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-text .icon-with-text__title {
    color: rgba(var(--color-white),1);
}

@media screen and (min-width:800px) {
    .footer-section .footer-section-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}


@media screen and (min-width:768px) {

}

.footer-section .footer-section-container .container {
    padding: 0
}

.footer-section .newsletter-signup {
    padding: 48px 0
}

@media screen and (min-width:768px) {
    .footer-section .newsletter-signup {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        padding: 90px 0 0 16px;
        width: 50%
    }
}

.footer-section .newsletter-signup .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
}

.footer-section .newsletter-signup .col {
    margin-bottom: 8px;
    width: 100%
}

@media screen and (min-width:768px) {
    .footer-section .newsletter-signup .col {
        -webkit-box-flex: 1;
        -ms-flex: 1 auto;
        flex: 1 auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 0;
        width: auto
    }
}

.footer-section .newsletter-signup .input-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:768px) {
    .footer-section .newsletter-signup .input-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width:1024px) {
    .footer-section .newsletter-signup .input-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.footer-section .newsletter-signup h3,
.footer-section .newsletter-signup p {
    color: #fff
}

@media screen and (min-width:768px) {
    .footer-section .newsletter-signup h3,
    .footer-section .newsletter-signup p {
        margin-bottom: 16px
    }
}

.footer-section .newsletter-signup form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media screen and (min-width:768px) {
    .footer-section .newsletter-signup form {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width:1024px) {
    .footer-section .newsletter-signup form {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.footer-section .newsletter-signup form input {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    color: var(--color-body-text);
    color: #fff;
    font-family: var(--font1);
    font-size: 16px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1;
    margin-bottom: 8px;
    padding: 14px;
    width: 100%
}

.footer-section .newsletter-signup form input:focus {
    -webkit-box-shadow: 0 0 2px var(--border-color);
    box-shadow: 0 0 2px var(--border-color);
    outline: none
}

@media screen and (min-width:768px) {
    .footer-section .newsletter-signup form input {
        min-width: 274px
    }
}

.footer-section .newsletter-signup form input::-webkit-input-placeholder {
    color: #b4b4b4
}

.footer-section .newsletter-signup form input::-moz-placeholder {
    color: #b4b4b4
}

.footer-section .newsletter-signup form input:-ms-input-placeholder {
    color: #b4b4b4
}

.footer-section .newsletter-signup form input::-ms-input-placeholder {
    color: #b4b4b4
}

.footer-section .newsletter-signup form input::placeholder {
    color: #b4b4b4
}

@media screen and (min-width:768px) {
    .footer-section .newsletter-signup form input {
        margin-right: 16px;
        max-width: 380px;
        min-width: 250px
    }
}

@media screen and (min-width:1024px) {
    .footer-section .newsletter-signup form input {
        margin-bottom: 0
    }
}

.footer-section .newsletter-signup form button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-color: #fff;
    color: #212a2f;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--font1);
    font-weight: 600;
    justify-content: center;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background .2s;
    transition: background .2s
}

.footer-section .newsletter-signup form button:focus {
    outline: none
}

.footer-section .newsletter-signup form button:active {
    -webkit-transform: scale(.99);
    transform: scale(.99)
}

.footer-section .newsletter-signup form button:disabled {
    cursor: not-allowed
}

.footer-section .newsletter-signup form button:disabled,
.footer-section .newsletter-signup form button:disabled:hover {
    background-color: rgba(33, 42, 47, .502);
    border: 2px solid rgba(33, 42, 47, .502) !important;
    color: #fff
}

.footer-section .newsletter-signup form button:hover {
    color: #212a2f
}

.footer-section .newsletter-signup .newsletter-errors {
    margin-top: 16px
}

.footer-section .newsletter-signup .newsletter-errors .errors ul li {
    color: #fff;
    font-size: 14px
}

.footer-section .socials-and-payments {
    margin-bottom: 0;
    margin-top: 20px
}

@media screen and (min-width:768px) {
    .footer-section .socials-and-payments {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        margin-top: 36px;
        order: 3;
        width: 50%
    }
}

.footer-section .socials-and-payments .payment-icons-container {
    margin-top: 20px;
    padding-left: 0 !important
}

.footer-section .col-socials .social-icon {
    margin-right: 16px;
    width: 46px
}

@media screen and (min-width:768px) {
    .footer-section .col-socials .social-icon {
        margin-left: 16px;
        margin-right: 0
    }
    .footer-section .col-socials .social-icon:first-child {
        margin-left: 0
    }
}

.footer-section .footer-section-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 24px 0
}

@media screen and (min-width:768px) {
    .footer-section .footer-section-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 70px 0
    }
}

.footer-section .footer-menu,
.footer-section .payment-icons-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.footer-section .footer-menu {
    margin-bottom: 30px;
}

.footer-section .footer-menu .footer-heading{
    font-size: 20px;
    font-weight: 600;
}

.footer-menus-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.link-contact-us .footer-menus-wrapper{
    flex-direction: column;
}
.link-contact-us .footer-menus-wrapper > *{
    margin-left: 0;
}

.footer-menus-wrapper .footer-links__phone-number{
    font-size: 16px;
}

.footer-menus-wrapper .footer-links__open-time{
    font-size: 13px;
}

.footer-menus-wrapper .footer-links__email{
    font-size: 16px;
    margin-top: 21px;
}


.footer-social-links{
    display: flex;
    flex-direction: row;
    justify-content: space-between !important;
    align-items: center;
    padding-block: 35px 30px;
    border-bottom: 1px solid rgb(var(--color-black));
}

.footer-social-links .footer-social-links__payments{
    display: flex;
    flex-direction: column;
}

.footer-social-links .footer-social-links__payments .payment-icons{
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.footer-social-links .footer-inner__payment-container {
    padding: 0.5rem 0 0 0;
}

@media screen and (min-width:800px) {
    .footer-text-wrapper {
        margin: 0 25px 26px 0;
    }
    .footer-menus-wrapper > * + * {
        margin-left: 55px;
    }

    .footer-section .footer-menu {
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        margin-bottom: 0;
        order: 2;
        width: 100%;
    }
}

@media screen and (min-width:1330px) {

  .footer-section .footer-menu > ul {
    justify-content: space-between;
  }
}


@media screen and (max-width:800px) {
  
  [data-nav-toggle] > a {
	pointer-events: none;
}
    .footer-section .footer-menu .footer-heading {
        background-image: url(icon-arrow-white-down.svg);
        background-position: 97%;
        background-repeat: no-repeat;
        border-top: 1px solid var(--border-color);
        font-size: 16px;
        font-weight: 400;
        line-height: 1em;
        margin-bottom: 0;
        padding: 17px 0
    }

      .navigation-snippet .nav-first-level > li > .btn-nav-first-level.highlighted_link::after{
      background-image: url(icon-arrow-white-right.svg);
    }
}

.footer-section .footer-menu > ul {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

.footer-social-links {
    
}

@media screen and (max-width:800px) {

    .footer-section .footer-menu {
        border-top: 1px solid rgb(var(--color-black))
    }

    .footer-section .footer-menu>ul ul {
        display: none;
        padding-bottom: 0;
    }
    .footer-section .footer-menu>ul>li {
        border-top: none;
        cursor: pointer;
        width: 100%
    }

    .footer-section .footer-menu>ul .menu-open ul {
        display: block
    }
}

@media screen and (min-width:800px) {
    .footer-links {
        padding-right: 20px;
        margin-right: 20px;
    }

    .footer-section .footer-menu > ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 0;
        width: 100%;
        justify-content: space-between;
    }
}

.footer-section .footer-menu .child-link p {
    font-size: 14px;
    padding: 6px 0;
    text-transform: capitalize
}

@media screen and (min-width:1200px) {
    .footer-links {
        padding-right: 42px;
        margin-right: 42px;
    }
}

@media screen and (min-width:800px) {
    .footer-section .footer-menu .child-link p {
        padding: 2px 0
    }
}

.footer-section .footer-menu .child-link p a,
.footer-section .h6 {
    color: rgba(var(--color-black),1)
}

.footer-section .h6 {
    display: block;
    margin-bottom: 1.1rem;
}

.footer-section .footer-footer {
	font-size: 12px;
	padding: 24px 16px 0;
}

.footer-footer-inner {
	display: flex;
    align-items: center;
	justify-content: space-between;
    flex-wrap: wrap-reverse;
}

.footer-footer-inner  .payment-icons-wrapper {
	display: flex;
    flex-wrap: wrap;
	align-items: center;
    flex-wrap: wrap;
}



.footer-footer-inner .payment-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer-footer-inner .payment-icons li{
    display: inherit;
    
}

.footer-footer-inner .payment-icons {
    gap: 5px;
}

.footer-footer-inner {
}

.footer-footer-inner  .payment-icons-wrapper > * + * {
    margin: 1.0625rem 0 0 0 ;
}

.footer-footer-inner small {
    font-size: 0.8125rem;
	text-align: center;
}

.is-ie #shopify-section-footer {
    width: 100%
}


.four-0-four .four-0-four-inner {
    margin: 32px 0 64px
}

.footer-menu .accordion--footer{
    border-bottom: 1px solid rgb(var(--color-black)) !important;
}

@media screen and (max-width:800px) {
    .footer-section .footer-footer {
        margin-top: 0;
    }
    .footer-menus-wrapper {
        flex-direction: column;
    }

    .footer-footer-inner .payment-icons-wrapper {
        align-items: flex-start;
        flex-direction: column;
        padding-block: 30px 24px;
    }
    .footer-section .footer-menu {
        width: 100%;
        padding: 0 0 36px 0;
        margin: 0;
    }
    .footer-section .h6 {
        margin-bottom: 0;
        padding: 15px 0;
    }
}

@media screen and (min-width:768px) {

    .footer-footer-inner small {
        font-size: unset;
        text-align: left;
    }

    .footer-footer-inner > * + * {
        margin:  0 0 0 1.0625rem;
    }

    .footer-footer-inner  .payment-icons-wrapper > * + * {
        margin: 0 0 0 1.0625rem;
    }

    .four-0-four .four-0-four-inner {
        margin: 80px 0
    }
}

.four-0-four .four-0-four-inner .heading-2 {
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .four-0-four .four-0-four-inner .heading-2 {
        margin-bottom: 20px
    }
}

.four-0-four .four-0-four-inner .heading-3 {
    font-size: 26px;
    margin-bottom: 24px
}

@media screen and (max-width:767px) {
    .four-0-four .four-0-four-inner .heading-3 {
        font-size: 22px;
        font-weight: 600
    }
}

.four-0-four .four-0-four-inner .rte {
    margin: auto auto 48px;
    max-width: 303px
}

@media screen and (min-width:768px) {
    .four-0-four .four-0-four-inner .rte {
        margin-bottom: 32px;
        max-width: 551px
    }
}

.four-0-four .four-0-four-inner-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    width: 400px
}

@media screen and (max-width:767px) {
    .four-0-four .four-0-four-inner-actions {
        width: 100%
    }
}

.four-0-four .four-0-four-inner-actions #site-search__input {
    background-image: url(search-arrow.svg);
    background-position: calc(100% - 17px);
    border-color: var(--color-body-text);
    padding: 9px 17px
}

.four-0-four .four-0-four-inner-actions #site-search__input::-webkit-input-placeholder {
    color: var(--color-body-text)
}

.four-0-four .four-0-four-inner-actions #site-search__input::-moz-placeholder {
    color: var(--color-body-text)
}

.four-0-four .four-0-four-inner-actions #site-search__input:-ms-input-placeholder {
    color: var(--color-body-text)
}

.four-0-four .four-0-four-inner-actions #site-search__input::-ms-input-placeholder {
    color: var(--color-body-text)
}

.four-0-four .four-0-four-inner-actions #site-search__input::placeholder {
    color: var(--color-body-text)
}

.four-0-four .four-0-four-inner-actions span {
    margin: 16px auto
}

@media screen and (min-width:768px) {
    .four-0-four .four-0-four-inner-actions span {
        font-weight: 600;
        margin: 24px auto
    }
}

.four-0-four .four-0-four-inner ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center
}

@media screen and (min-width:768px) {
    .four-0-four .four-0-four-inner ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 24px
    }
}

@media screen and (max-width:767px) {
    .four-0-four .four-0-four-inner ul li {
        width: 100%
    }
}

.four-0-four .four-0-four-inner ul .btn {
    margin: 0
}

@media screen and (max-width:767px) {
    .four-0-four .four-0-four-inner ul .btn {
        display: block;
        width: 100%
    }
}

.cart-shipping-bands-section ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 17px
}

.cart-shipping-bands-section ul img {
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.cart-shipping-bands-section ul p {
    font-size: 14px;
    letter-spacing: .06em;
    line-height: 17px;
    margin-bottom: 0
}

.cart-shipping-bands-section ul p strong {
    font-weight: 600;
    text-transform: uppercase
}

.cart-shipping-bands-section ul p a {
    color: var(--color-accent)
}

.content-divider {
    clear: both;
    display: block;
    height: var(--height-m);
    width: 100%
}

@media screen and (min-width:1024px) {
    .content-divider {
        height: var(--height-d)
    }
}

.content-and-images-section {
    margin-bottom: 45px
}

@media screen and (min-width:768px) {
    .content-and-images-section {
        margin-bottom: 50px
    }
}

.content-and-images-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 12px;
    width: auto
}

@media screen and (min-width:1274px) {
    .content-and-images-section .container {
        margin: 0 auto;
        max-width: 1274px;
        width: 100%
    }
}

.newsletter-section,
.newsletter-section .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.newsletter-section .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}



.newsletter-section .container form [type=email] {
    margin-bottom: 0;
    background-color: #fff
}

.newsletter-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

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

.newsletter-wrapper form {
    flex-grow: 1;
}

.newsletter-wrapper form [type=email] {
    flex-grow: 1;
    border-radius: 50px 0 0 50px;
}


.newsletter-wrapper form [type=submit] {
    cursor: pointer;
    width: 100%;
    max-width: 190px;
    min-width: 190px;
    border-radius: 0 50px 50px 0;
    min-height: 50px;
}

 .newsletter-wrapper {
    justify-content: center;
 }
 
.newsletter-wrapper form .input-container .button{
    color: rgb(var(--color-white));
}
 

@media screen and (min-width: 850px){
    .newsletter-section{
        padding-block: 48px !important;
    }

    .newsletter-wrapper{
        justify-content: space-between;
    }

    .newsletter-wrapper form{
        max-width: 650px;
        margin-left: 24px;
    }
    

}


@media screen and (max-width: 850px) {
    .newsletter-wrapper label { 
        padding-right: 0;
        margin: 0;
        border-right: 0;
        text-align: center;
    }

    .newsletter-wrapper {
        flex-direction: column;
        justify-content: center;
    }

    .newsletter-wrapper .contact-form{
        margin: 0;
        margin-top: 16px;
    }

    .newsletter-wrapper form .input-container {
        align-items: center;
        flex-direction: row;
        justify-content: center;
        gap: 8px;
        margin-top: 16px;
    }

    .newsletter-wrapper form {
        width: 100%;
    }   


    .newsletter-wrapper form .input-container > * {
        flex-grow: 1;
        max-width: 100%;
        width: 100%;
        border-radius: 5px;
        text-align: center;
    }
    .newsletter-wrapper form .input-container > * + * {
        font-size: 14px;
    }

    .newsletter-wrapper .input-container .text-input {
        text-align: left;
        border: solid 1px rgb(var(--color-new-border));
    }

    .newsletter-wrapper .input-container .text-input:focus{
        box-shadow: none;
        border: solid 1px rgba(0, 0, 0, 1);
    }

    .newsletter-wrapper form .input-container .button{
        width: max-content;
        min-width: 84px;
        padding: 0;
    }
}




































.page-template.page-template-contact .header-standard-snippet {
    padding: 50px 0
}

.page-template.page-template-contact .container {
    max-width: 867px
}

.page-template.page-template-contact .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:768px) {
    .page-template.page-template-contact .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.page-template.page-template-contact .row .col {
    width: 100%
}

@media screen and (min-width:768px) {
    .page-template.page-template-contact .row .col {
        margin-right: 24px;
        width: 33%
    }
    .page-template.page-template-contact .row .col:last-of-type {
        margin-right: 0
    }
}

.page-template.page-template-contact .row.full-width .col {
    width: 100%
}

.page-template.page-template-contact .shopify-section .heading-1,
.page-template.page-template-contact .shopify-section .rte {
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .page-template.page-template-contact .shopify-section .rte {
        margin-bottom: 50px
    }
}

.page-template.page-template-contact .shopify-section .rte p {
    margin-bottom: 48px
}

.page-template.page-template-contact .shopify-section .rte .row {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 32px;
    padding-bottom: 16px
}

@media screen and (min-width:768px) {
    .page-template.page-template-contact .shopify-section .rte .row {
        margin-bottom: 48px;
        padding-bottom: 48px
    }
}

.page-template.page-template-contact .shopify-section .rte .row.no-border {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 32px
}

@media screen and (max-width:767px) {
    .page-template.page-template-contact .shopify-section .rte .row.no-border {
        padding-bottom: 0
    }
}

.page-template.page-template-contact .shopify-section .rte .row p {
    margin-bottom: 16px
}

.page-template.page-template-contact .shopify-section .rte .row p:last-of-type {
    margin-bottom: 32px
}

@media screen and (min-width:768px) {
    .page-template.page-template-contact .shopify-section .rte .row p:last-of-type {
        margin-bottom: 0
    }
}

.page-template.page-template-contact .shopify-section .rte .row p strong {
    color: #959595;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.page-template.page-template-contact .select,
.page-template.page-template-contact .text-input {
    min-width: auto;
    width: 100%
}

@media screen and (max-width:767px) {
    .page-template.page-template-contact .select,
    .page-template.page-template-contact .text-input {
        margin-bottom: 16px
    }
}

.page-template.page-template-contact .select-wrapper {
    margin-bottom: 0
}

.page-template.page-template-contact .asterisk {
    color: var(--color-accent)
}

.page-template.page-template-contact .form-container {
    padding-bottom: 46px
}

@media screen and (min-width:768px) {
    .page-template.page-template-contact .form-container {
        padding-bottom: 51px
    }
}

@media screen and (max-width:767px) {
    .page-template.page-template-contact .form-container .rte p {
        margin-bottom: 32px
    }
}

.page-template.page-template-contact .btn {
    width: 100%
}

.page-template.page-template-contact .contact-errors {
    margin-top: 16px
}

.page-template.page-template-contact .contact-errors .errors ul li {
    color: var(--sale-price-color);
    font-size: 14px
}

.image-grid .image-grid-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

@supports(display:grid) {
    .image-grid .image-grid-container {
        grid-gap: 10px;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
    @media screen and (min-width:768px) {
        .image-grid .image-grid-container {
            grid-gap: 5px;
            grid-template-columns: repeat(5, 1fr)
        }
    }
}

.image-grid .image-grid-container .img-bg {
    display: block;
    width: 100%
}

.image-grid .image-grid-container .grid-item {
    max-width: 25%;
    padding: 5px;
    position: relative
}

@supports(display:grid) {
    .image-grid .image-grid-container .grid-item {
        max-width: none;
        padding: 0;
        -webkit-transition: all 1s;
        transition: all 1s
    }
}

.image-grid .image-grid-container .grid-item .overlay {
    background: #434944;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.image-grid .image-grid-container .grid-item:hover .overlay {
    opacity: .8
}

@supports(display:grid) {
    .image-grid .image-grid-container .grid-item--featured {
        grid-column: span 2;
        grid-row: span 2
    }
    .image-grid .image-grid-container .grid-item--featured .img-icon {
        margin-bottom: 30px;
        max-width: 130px
    }
}

@supports(display:grid) {
    @media screen and (min-width: 768px) {
        .image-grid .image-grid-container .grid-item--featured .img-icon {
            max-width:150px
        }
    }
    @media screen and (min-width:1024px) {
        .image-grid .image-grid-container .grid-item--featured .img-icon {
            margin-bottom: 75px
        }
    }
}

.image-grid .image-grid-container .grid-item--featured .heading-3 {
    margin-bottom: 24px;
    text-align: center
}

.image-grid .image-grid-container .grid-item--featured .btn,
.image-grid .image-grid-container .grid-item--featured .heading-3 {
    display: block
}

@supports not (display:grid) {
    .image-grid .image-grid-container .grid-item--featured .btn,
    .image-grid .image-grid-container .grid-item--featured .heading-3 {
        display: none
    }
}

.image-grid .image-grid-container .content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.image-grid .image-grid-container .img-icon {
    max-height: 110px;
    max-width: 140px
}

.image-grid .image-grid-container .btn,
.image-grid .image-grid-container .heading-3 {
    display: none
}

@media screen and (min-width:768px) {
    .image-grid .image-grid-container[data-size="6"] .grid-item:nth-child(6) {
        grid-column: span 2;
        overflow: hidden;
        position: relative
    }
    .image-grid .image-grid-container[data-size="6"] .grid-item:nth-child(6) img {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media screen and (max-width:767px) {
    .image-grid .image-grid-container[data-size="5"] .grid-item:first-child,
    .image-grid .image-grid-container[data-size="6"] .grid-item:nth-child(6) {
        grid-column: span 2
    }
}

.image-grid .image-grid-container[data-grid="5"] {
    grid-template-columns: repeat(4, 1fr)
}

@supports(display:grid) {
    .image-grid .image-grid-container[data-grid="5"] .grid-item:nth-child(5n+1) {
        grid-column: span 2;
        grid-row: span 2
    }
    .image-grid .image-grid-container[data-grid="5"] .grid-item:nth-child(5n+1) .img-icon {
        margin-bottom: 30px;
        max-width: 130px
    }
}

@supports(display:grid) {
    @media screen and (min-width: 768px) {
        .image-grid .image-grid-container[data-grid="5"] .grid-item:nth-child(5n+1) .img-icon {
            max-width:150px
        }
    }
    @media screen and (min-width:1024px) {
        .image-grid .image-grid-container[data-grid="5"] .grid-item:nth-child(5n+1) .img-icon {
            margin-bottom: 75px
        }
    }
}

.image-grid .image-grid-container[data-grid="5"] .grid-item:nth-child(5n+1) .heading-3 {
    margin-bottom: 24px;
    text-align: center
}

.image-grid .image-grid-container[data-grid="5"] .grid-item:nth-child(5n+1) .btn,
.image-grid .image-grid-container[data-grid="5"] .grid-item:nth-child(5n+1) .heading-3 {
    display: block
}

@supports not (display:grid) {
    .image-grid .image-grid-container[data-grid="5"] .grid-item:nth-child(5n+1) .btn,
    .image-grid .image-grid-container[data-grid="5"] .grid-item:nth-child(5n+1) .heading-3 {
        display: none
    }
}

.image-grid .image-grid-container[data-grid="7"] {
    grid-template-columns: repeat(5, 1fr)
}

@supports(display:grid) {
    .image-grid .image-grid-container[data-grid="7"] .grid-item:nth-child(7n+1) {
        grid-column: span 2;
        grid-row: span 2
    }
    .image-grid .image-grid-container[data-grid="7"] .grid-item:nth-child(7n+1) .img-icon {
        margin-bottom: 30px;
        max-width: 130px
    }
}

@supports(display:grid) {
    @media screen and (min-width: 768px) {
        .image-grid .image-grid-container[data-grid="7"] .grid-item:nth-child(7n+1) .img-icon {
            max-width:150px
        }
    }
    @media screen and (min-width:1024px) {
        .image-grid .image-grid-container[data-grid="7"] .grid-item:nth-child(7n+1) .img-icon {
            margin-bottom: 75px
        }
    }
}

.image-grid .image-grid-container[data-grid="7"] .grid-item:nth-child(7n+1) .heading-3 {
    margin-bottom: 24px;
    text-align: center
}

.image-grid .image-grid-container[data-grid="7"] .grid-item:nth-child(7n+1) .btn,
.image-grid .image-grid-container[data-grid="7"] .grid-item:nth-child(7n+1) .heading-3 {
    display: block
}

@supports not (display:grid) {
    .image-grid .image-grid-container[data-grid="7"] .grid-item:nth-child(7n+1) .btn,
    .image-grid .image-grid-container[data-grid="7"] .grid-item:nth-child(7n+1) .heading-3 {
        display: none
    }
}

.rich-text-section .heading-2 {
    display: inline-block;
    max-width: 60%
}

@media screen and (min-width:768px) {
    .rich-text-section .heading-2 {
        font-size: 40px;
        max-width: 48%
    }
}

.mascot-and-text {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .mascot-and-text {
        max-width: 1138px
    }
}

.mascot-and-text .mascot-and-text-block {
    margin-bottom: 32px;
    padding: 0 16px;
    text-align: center;
    width: 100%
}

.mascot-and-text .mascot-and-text-block:last-child {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .mascot-and-text .mascot-and-text-block {
        margin-bottom: 0;
        width: 26%
    }
}

.mascot-and-text .mascot-and-text-block>a {
    display: block;
    height: auto;
    margin: 0 auto 16px;
    max-width: 100px
}

@media screen and (min-width:768px) {
    .mascot-and-text .mascot-and-text-block>a {
        max-width: 140px
    }
}

.mascot-and-text .mascot-and-text-block .text-container {
    margin: 0 auto;
    max-width: 222px
}

@media screen and (min-width:768px) {
    .mascot-and-text .mascot-and-text-block .text-container {
        max-width: 254px
    }
}

.mascot-and-text .mascot-and-text-block .text-container .heading-5 {
    font-size: 16px
}

@media screen and (min-width:768px) {
    .mascot-and-text .mascot-and-text-block .text-container .heading-5 {
        font-size: 24px
    }
}

.mascot-and-text .mascot-and-text-block .text-container p {
    color: #717171;
    line-height: 2em
}

.image-with-text {
    display: grid
}

.image-with-text--stacked {
    margin: 0 0 76px
}

@media screen and (min-width:1024px) {
    .image-with-text--stacked {
        margin: 0 0 100px
    }
}

.image-with-text__content {
    display: grid;
    z-index: 2;
    position: relative;
}

@media screen and (min-width:1024px) {
    .image-with-text__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;z
        justify-content: center
    }

    .image-with-text--left .image-with-text__content {
        grid-template-columns: 1.5fr 1fr;
    }

    .image-with-text--right .image-with-text__content {
        grid-template-columns: 1fr 1.5fr;
    }
}

.image-with-text__content+.image-with-text__content {
    margin: 24px 0 0
}

@media screen and (min-width:1024px) {
    .image-with-text__content+.image-with-text__content {
        margin: 32px 0 0
    }
}

.image-with-text__image {
    overflow: hidden;
}

.image-with-text__text {
    padding-inline: 20px;
    text-align: center;
}


.image-with-text--right .image-with-text__text {
    order: 2;
}

@media screen and (min-width:1024px) {
    .image-with-text__text {
        padding-inline: 0;
        max-width: 540px;
        text-align: left;
    }

    .image-with-text--left .image-with-text__text {
        margin-left: auto;
        margin-right: auto ; 
    }

    .image-with-text--right .image-with-text__text {
        order: 0;
    }

    .image-with-text__image{
        margin-bottom: 0;
    }
}

.image-with-text__heading {
    line-height: 110%;
    margin: 0 0 24px;
    text-align: center;
}

.image-with-text__heading.h1{
    font-weight: 700;
}

.image-with-text__heading.h2{
    font-size: 30px;
    font-weight: 700;
}

@media screen and (min-width:1024px) {
    .image-with-text__heading{
        text-align: left;
    }

    .image-with-text__text .image-with-text__p p {
        font-size: 18px;
        line-height: 150%;
    }
}

 .image-with-text__btn {
    margin: 26px auto 0;
}

@media screen and (min-width:1024px) {
    .image-with-text__btn {
        margin: 24px 0 0;
        font-size: 18px;
    }
}

@media screen and (max-width:767px) {
    .reviews-carousel {
        background: Var(--bg)
    }
}

.reviews-carousel__grid {
    display: grid;
    gap: 16px
}

@media screen and (min-width:768px) {
    .reviews-carousel__grid {
        gap: 30px;
        grid-template-columns: repeat(2, 1fr)
    }
}

.reviews-carousel__images,
.reviews-carousel__text {
    min-width: 0
}

@media screen and (min-width:768px) {
    .reviews-carousel__text {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: var(--bg);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.reviews-carousel__content {
    padding: 64px 0 32px
}

@media screen and (min-width:768px) {
    .reviews-carousel__content {
        margin: 0 auto;
        padding: 16px
    }
}

@media screen and (min-width:1024px) {
    .reviews-carousel__content {
        width: 66%
    }
}

.reviews-carousel__content .heading-2 {
    font-size: 24px
}

@media screen and (min-width:1024px) {
    .reviews-carousel__content .heading-2 {
        font-size: 40px
    }
}

.reviews-carousel__content p {
    margin: 16px 0 32px
}

@media screen and (min-width:768px) {
    .reviews-carousel__content p {
        margin: 16px 0 12%
    }
}

@media screen and (min-width:1024px) {
    .reviews-carousel__content p {
        margin: 16px 0 22%
    }
}

.reviews-carousel__content strong {
    font-weight: 600
}

.reviews-carousel__cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.reviews-carousel__cta .swiper-button {
    margin: 0;
    position: static
}

.reviews-carousel__cta .swiper-button-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.reviews-carousel__cta .swiper-button-next {
    -webkit-transform: unset;
    transform: unset
}

.blog-posts header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .blog-posts header {
        margin-bottom: 32px
    }
}

.blog-posts header .heading-2 {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .blog-posts header .heading-2 {
        font-size: 40px
    }
}

.blog-posts .blog-post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .blog-posts .blog-post {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.blog-posts .blog-post__item {
    margin-bottom: 24px;
    width: 100%
}

@media screen and (min-width:768px) {
    .blog-posts .blog-post__item {
        width: 49%
    }
}

.blog-posts .blog-post__item .heading-3 {
    font-size: 18px
}

@media screen and (min-width:768px) {
    .blog-posts .blog-post__item .heading-3 {
        font-size: 24px
    }
}

.blog-posts .blog-post__item p {
    color: #717171
}

.blog-posts .blog-post__item .image-snippet {
    height: auto;
    margin-bottom: 16px;
    width: 100%
}

.blog-posts .blog-post__item:first-of-type,
.blog-posts .blog-post__item:nth-of-type(2) {
    display: block
}

.faqs header h1.heading-1 {
    font-weight: 700
}

.faqs .inner-container {
    margin: 0 auto 24px;
    text-align: center
}

@media screen and (min-width:768px) {
    .faqs .inner-container {
        margin: 0 auto 65px
    }
}

.faqs .inner-container .heading-5 {
    color: #717171;
    font-size: 14px
}

@media screen and (min-width:768px) {
    .faqs .inner-container .heading-5 {
        font-size: 18px
    }
    .faqs .inner-container .heading-2 {
        font-size: 40px
    }
}

.faqs .faqs-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 60px;
    max-width: 1094px
}

@media screen and (max-width:767px) {
    .faqs .faqs-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.faqs .faqs-content main.faqs-accordion-container {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    border-radius: 20px;
    -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 40px rgba(0, 0, 0, .12);
    order: 1;
    padding: 24px 32px
}

@media screen and (min-width:768px) {
    .faqs .faqs-content main.faqs-accordion-container {
        margin-left: 53px
    }
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] {
    border-bottom: 1px solid #e5e5e5
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] h2.heading-3 {
    color: #212a2f;
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 0;
    padding-top: 24px
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] div.accordion {
    cursor: pointer;
    padding: 24px 0
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] div.accordion h3.heading-5.accordion__title {
    color: #212a2f;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 0;
    position: relative
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] div.accordion h3.heading-5.accordion__title:after {
    background-image: url(icon-arrow-grey-down.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 5px;
    position: absolute;
    right: 0;
    top: 30%;
    width: 10px
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] div.accordion div.accordion__body {
    max-height: 0;
    opacity: 0;
    overflow: scroll;
    scrollbar-width: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] div.accordion div.accordion__body::-webkit-scrollbar {
    display: none
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] div.accordion div.accordion__body p {
    color: #717171;
    font-size: 14px;
    line-height: 160%;
    margin: 12px 0
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] div.accordion div.accordion__body p:first-of-type {
    margin-top: 0
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] div.accordion div.accordion__body p:last-of-type {
    margin-bottom: 0
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] div.accordion--open h3.heading-5.accordion__title {
    border-bottom: none
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] div.accordion--open h3.heading-5.accordion__title:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faqs .faqs-content main.faqs-accordion-container div[data-child-index] div.accordion--open div.accordion__body {
    line-height: 25px;
    max-height: 500px;
    opacity: 1;
    padding: 24px 0 0
}

.faqs .faqs-content article.faqs-accordion-nav {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

@media screen and (min-width:768px) {
    .faqs .faqs-content article.faqs-accordion-nav {
        max-width: 298px;
        width: 41%
    }
}

.faqs .faqs-content article.faqs-accordion-nav ul {
    border-radius: 20px;
    -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 40px rgba(0, 0, 0, .12)
}

@media screen and (max-width:767px) {
    .faqs .faqs-content article.faqs-accordion-nav ul {
        display: none
    }
}

.faqs .faqs-content article.faqs-accordion-nav ul li[data-parent-index] {
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    font-weight: 600;
    padding: 32px
}

.faqs .faqs-content article.faqs-accordion-nav ul li[data-parent-index].active {
    background: #212a2f;
    color: #fff
}

.faqs .faqs-content article.faqs-accordion-nav ul li[data-parent-index]:first-of-type {
    border-radius: 20px 20px 0 0
}

.faqs .faqs-content article.faqs-accordion-nav ul li[data-parent-index]:last-of-type {
    border-bottom: none
}

.faqs .faqs-content article.faqs-accordion-nav select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(icon-arrow-grey-down.svg);
    background-position: 94%;
    background-repeat: no-repeat;
    background-size: 10px;
    border: 1px solid #212a2f;
    border-radius: 5px;
    font-family: var(--font1);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 32px;
    padding: 14px 16px;
    width: 100%
}

@media screen and (min-width:768px) {
    .faqs .faqs-content article.faqs-accordion-nav select {
        display: none
    }
}

.trade-section .trade-form-container {
    margin: 48px auto 0;
    max-width: 448px
}

.trade-section .trade-form-container .input-container {
    margin-bottom: 16px;
    width: 100%
}

.trade-section .trade-form-container .input-container input {
    margin-bottom: 0;
    width: 100%
}

.trade-section .trade-form-container a {
    text-decoration: underline
}

.trade-section .trade-form-container p {
    font-size: 14px;
    line-height: 120%
}

.trade-section .trade-form-container .btn {
    margin: 24px 0
}

.blog-header-section {
    padding-top: 32px
}

@media screen and (min-width:768px) {
    .blog-header-section {
        padding-top: 70px
    }
}

.blog-header-section .container {
    margin: auto;
    max-width: 1376px;
    text-align: center
}

@media screen and (min-width:768px) {
    .blog-header-section .container {
        padding: 0 15px
    }
}

.blog-header-section .container h1 {
    margin-bottom: 16px
}

@media screen and (max-width:767px) {
    .blog-header-section .container h1 {
        font-size: 24px;
        margin-bottom: 8px
    }
}

.blog-header-section .container p {
    color: #717171;
    line-height: 160%;
    margin-bottom: 29px
}

@media screen and (min-width:768px) {
    .blog-header-section .container p {
        margin: 0 auto 48px;
        max-width: 852px
    }
    .blog-header-section .container .tag-container {
        overflow-x: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .blog-header-section .container .tag-container .tags-snippet {
        width: unset
    }
    .blog-feature-section {
        margin: 0 -16px;
        padding: 16px
    }
}

@media screen and (min-width:768px) {
    .blog-feature-section {
        border-top: 1px solid var(--border-light-color);
        padding-top: 60px
    }
}

.blog-feature-section .image .img-overlay {
    background-color: #000;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: relative
}

.blog-feature-section .image .img-overlay,
.blog-feature-section .image .img-overlay:hover,
.blog-feature-section .image .img-overlay:hover img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-feature-section .image .img-overlay:hover img {
    opacity: .5
}

.blog-feature-section .image .img-overlay:hover .read-more-btn {
    opacity: 1 !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-feature-section .image .img-overlay img {
    display: block;
    height: auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.blog-feature-section .image .img-overlay .read-more-btn {
    bottom: 25px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    left: 25px;
    opacity: 0;
    position: absolute;
    text-decoration: underline;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-feature-section .content {
    height: 100%;
    width: 100%
}

@media screen and (max-width:767px) {
    .blog-feature-section .content {
        padding: 0
    }
}

@media screen and (min-width:768px) {
    .blog-feature-section .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        justify-content: center !important;
        padding: 0 16px
    }
}

.blog-feature-section .content .sticker {
    padding: 8px 16px
}

.blog-feature-section .content h2 {
    margin-bottom: 0;
    margin-top: 20px
}

@media screen and (max-width:425px) {
    .blog-feature-section .content h2 {
        font-size: 24px;
        margin-bottom: 0
    }
}

.blog-feature-section .content p {
    margin-bottom: 16px
}

.blog-feature-section .content a {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important
}

.blog-feature-section .grid-list {
    margin-bottom: 48px
}

@media screen and (max-width:767px) {
    .blog-feature-section .grid-list {
        margin-bottom: 0
    }
}

.product-accordions-section {
    background-color: rgba(var(--color-bg-greige));
    padding-bottom: 34px;
}

@media screen and (min-width: 768px) {
    .product-accordions-section {
        padding-bottom: 50px;
        border-radius: 0 0 20px 20px;
    }
}

@media screen and (max-width:767px) {
    .announcement-bar-active .icon-text-section {
        position: absolute;
        top: 96px;
        width: 100%
    }
}

@media screen and (max-width:767px)and (min-width:768px) {
    .announcement-bar-active .icon-text-section {
        top: 96px
    }
}

.icon-text-section {
    max-height: 56px;
    overflow: hidden;
    position: relative;
    -webkit-transition: top .5s ease 0s, -webkit-transform .5s ease 0s;
    transition: top .5s ease 0s, -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s, top .5s ease 0s;
    transition: transform .5s ease 0s, top .5s ease 0s, -webkit-transform .5s ease 0s
}

.icon-text-section .icon-text-inner,
.icon-text-section .icon-text-inner .icon-text-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.icon-text-section .icon-text-inner .icon-text-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 0
}

.icon-text-section .icon-text-inner .icon-text-item.icon-text-item-single-or-double {
    width: 50%
}

.icon-text-section .icon-text-inner .icon-text-item.icon-text-item-thirds {
    width: 33.3333333333%
}

@media screen and (max-width:767px) {
    .icon-text-section .icon-text-inner .icon-text-item.icon-text-item-thirds {
        width: 50%
    }
    .icon-text-section .icon-text-inner .icon-text-item.icon-text-item-thirds:nth-of-type(2) a {
        border-right: none !important
    }
}

.icon-text-section .icon-text-inner .icon-text-item span {
    margin-top: 3px;
    text-align: center;
    white-space: normal
}

@media screen and (max-width:767px) {
    .icon-text-section .icon-text-inner .icon-text-item span {
        margin-right: 6px;
        text-align: left
    }
}

.icon-text-section .icon-text-inner .icon-text-item a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.icon-text-section .icon-text-inner .icon-text-item img {
    display: block;
    margin-right: 16px;
    max-height: 32px;
    max-width: 100px
}

@media screen and (max-width:767px) {
    .icon-text-section .icon-text-inner .icon-text-item img {
        margin-left: 10px
    }
    .icon-text-section .icon-text-inner .icon-text-item:last-child {
        display: none
    }
}

.article-template .fallback-header-container {
    margin-top: 32px;
    max-width: 868px
}

@media screen and (min-width:768px) {
    .article-template .fallback-header-container {
        margin-top: 24px;
        position: relative
    }
}

@media screen and (min-width:868px) {
    .article-template .fallback-header-container {
        padding: 0
    }
}

.article-template .author-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #717171;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 0 16px
}

@media screen and (min-width:1440px) {
    .article-template .author-info {
        padding: 0 16px;
        position: absolute;
        top: 250px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        width: 271px
    }
}

.article-template .author-info-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    width: 48px
}

@media screen and (min-width:1440px) {
    .article-template .author-info-image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
        flex: 0 0 64px;
        width: 64px
    }
}

.article-template .author-info-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.article-template .author-info-name {
    color: var(--color-body-text);
    font-weight: 600
}

@media screen and (min-width:1440px) {
    .article-template .author-info-name {
        font-size: 20px;
        line-height: 1.3em
    }
}

.article-template .author-info-date {
    font-weight: 600
}

.article-template .author-info-bio {
    display: none
}

@media screen and (min-width:1440px) {
    .article-template .author-info-bio {
        -webkit-box-flex: 0;
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.article-template .article-content {
    color: #717171;
    margin-bottom: 86px
}

@media screen and (min-width:768px) {
    .article-template .article-content {
        margin-bottom: 175px
    }
}

.article-template .article-content .rte {
    position: relative
}

@media screen and (min-width:768px) {
    .article-template .article-content .rte {
        margin: auto;
        max-width: 868px
    }
}

.article-template .article-content .rte ul li:before {
    background: #717171
}

.article-template .article-content .rte img {
    width: 100%
}

.article-template .article-content .rte p {
    color: #717171;
    margin-bottom: 24px
}

.article-template .article-content .rte h2,
.article-template .article-content .rte h3,
.article-template .article-content .rte h4,
.article-template .article-content .rte h5,
.article-template .article-content .rte h6 {
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .article-template .article-content .rte h2,
    .article-template .article-content .rte h3,
    .article-template .article-content .rte h4,
    .article-template .article-content .rte h5,
    .article-template .article-content .rte h6 {
        margin-bottom: 16px
    }
}

.article-template .article-content .rte .icon--copy {
    display: none;
    margin-right: 8px;
    position: absolute
}

@media screen and (min-width:768px) {
    .article-template .article-content .rte .icon--copy {
        display: block
    }
}

@media screen and (max-width:1023px) {
    .article-template .article-content .rte .icon--copy {
        right: 0;
        top: -55px
    }
}

@media screen and (min-width:1024px) {
    .article-template .article-content .rte .icon--copy {
        left: -77px;
        top: 0
    }
}

.article-template .article-content .rte .icon--copy:before {
    background: #fff;
    background-image: url(icon--copy.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 17px;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    content: " ";
    display: inline-block;
    height: 44px;
    width: 44px
}

.blog-template {
    margin-bottom: 40px
}

.blog-template .blog-header {
    text-align: center
}

.blog-template .grid-list {
    margin-bottom: 60px
}

.blog-template .blog-grid {
    grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width:767px) {
    .blog-template .blog-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 40px;
        margin-top: -16px
    }
}

.blog-template .grid-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

.blog-template .grid-item .read-more-container {
    display: none;
    position: absolute;
    right: 24px;
    top: 378px
}

@media screen and (max-width:767px) {
    .blog-template .grid-item .read-more-container {
        display: none
    }
}

.blog-template .grid-item .read-more-container .btn {
    background-color: #fff;
    color: var(--color-body-text);
    font-size: 14px
}

.blog-template .grid-item .read-more-container .btn:hover {
    background: hsla(0, 0%, 100%, .8)
}

.blog-template .grid-item .article-image {
    margin-bottom: 20px;
    overflow: hidden
}

.blog-template .grid-item .article-image .img-overlay {
    background-color: #000;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: relative
}

.blog-template .grid-item .article-image .img-overlay,
.blog-template .grid-item .article-image .img-overlay:hover,
.blog-template .grid-item .article-image .img-overlay:hover img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-template .grid-item .article-image .img-overlay:hover img {
    opacity: .5
}

.blog-template .grid-item .article-image .img-overlay:hover .read-more-btn {
    opacity: 1 !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-template .grid-item .article-image .img-overlay img {
    display: block;
    height: auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.blog-template .grid-item .article-image .img-overlay .read-more-btn {
    bottom: 25px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    left: 25px;
    opacity: 0;
    position: absolute;
    text-decoration: underline;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width:767px) {
    .blog-template .grid-item .article-image .img-overlay .read-more-btn {
        bottom: 15px;
        left: 15px
    }
}

.blog-template .grid-item .tags-snippet {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .blog-template .grid-item .tags-snippet {
        margin: 0
    }
    .blog-template .grid-item .tags-snippet li {
        margin-bottom: 0
    }
}

.blog-template .grid-item .sticker {
    border-radius: 22.5px;
    font-size: 14px
}

@media screen and (max-width:767px) {
    .blog-template .grid-item .sticker {
        padding: 12px 16px
    }
}

.blog-template .grid-item h3 {
    margin-bottom: 8px;
    margin-top: 6px
}

@media screen and (max-width:767px) {
    .blog-template .grid-item h3 {
        font-size: 20px;
        margin-bottom: 10px
    }
}

.blog-template .grid-item p.date {
    color: #717171
}

.shopify-challenge__container {
    padding: 80px 0 50px
}

@media screen and (min-width:768px) {
    .shopify-challenge__container {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

.shopify-challenge__container .g-recaptcha {
    margin: 0 0 24px
}

.shopify-challenge__container .shopify-challenge__button {
    background-color: var(--btn-bg-color-1);
    border-color: var(--btn-border-color-1);
    color: var(--btn-font-color-1);
    min-width: 300px
}

@media screen and (min-width:768px) {
    .shopify-challenge__container .shopify-challenge__button:hover {
        background-color: var(--btn-bg-color-1-hover);
        border-color: var(--btn-border-color-1-hover);
        color: var(--btn-font-color-1-hover)
    }
}

.shopify-challenge__message {
    margin-bottom: 24px
}

.cart-section {
    padding: 30px 0 70px
}

@media screen and (min-width:768px) {
    .cart-section {
        padding: 70px 0 80px;
    }
}

.cart-section .cart-header {
      text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    flex-direction: column;
    border-bottom: 1px solid var(--color-border-light);
    padding-bottom: 15px;
}

.cart-section .cart-header > * {
    width: 100%;
  
}

/* .cart-section .cart-header > * + * {
  margin-top: 10px;
}
 */


@media screen and (max-width: 949px) {
  .cart-section .cart-header > * + *,
  .cart-section .cart-header__lower > * + * {
    margin-top: 18px;
  }

  .cart-section .cart-header__lower .site-link {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .cart-section .cart-header__upper{
    flex-direction: column;
  }
  .cart-section .cart-header__upper > * {
    width: 100%;
  }
  .cart-section .cart-header__upper > * + * {
    margin-top: 18px;
  }
}

/* Cart: New Sample Counter */
.sample-counter {
  display: flex;
  align-items: center;
  justify-content: center;
	padding: 15px 15px;
	background: rgba(var(--color-bg-greige));
	border-radius: 10px;
}

.sample-counter > * + * {
  margin-left: 1.5625rem;
}

.sample-counter__list {
	display: flex;
}

.sample-counter__list li + li {
  margin-left: 0.3125rem;
}

.sample-counter__list svg {
  display: block;
}

  @media screen and (min-width: 950px) {
    .cart-section .cart-header {
    	text-align: left;
    	align-items: flex-start;
    	flex-direction: column;
    }
  }

.cart-section .cart-header__upper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.cart-section .cart-header {
    margin-bottom: 0
}

.cart-section .cart-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 950px) {
    .cart-section .cart-content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.cart-section .cart-content .cart-items-container {
    margin-bottom: 24px;
    width: 100%
}

@media screen and (min-width:950px) {
    .cart-section .cart-content .cart-items-container {
        margin-bottom: 0;
        width: 70%
    }
}

.cart-section .cart-content .cart-items-container .cart-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    position: relative
}

@media screen and (min-width: 950px) {
    .cart-section .cart-content .cart-items-container .cart-item {
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        padding: 30px 0
    }
}

@media screen and (max-width:1100px) {
    .cart-section .cart-content .cart-items-container .cart-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.cart-section .cart-content .cart-items-container .cart-item--details-left {
    display: flex;
    width: 65%
}

.cart-section .cart-content .cart-items-container .cart-item--details-left .cart-item-image {
    width: 136px
}

.cart-section .cart-content .cart-items-container .cart-item--details-left .cart-item-image .img-container {
  overflow: hidden;
  border-radius: 20px;
  display: flex;
}


.cart-item--title .box-details-info {
	margin-top: 24px;
}

@media screen and (max-width:1100px) {
    .cart-section .cart-content .cart-items-container .cart-item--details-left .cart-item-image {
        -ms-flex-item-align: center;
        align-self: center;
        justify-self: flex-start
    }
    .cart-section .cart-content .cart-items-container .cart-item--details-left {
        width: 100%
    }
    .cart-section .cart-content .cart-items-container .cart-item--details-left .cart-item-image {
        -ms-flex-item-align: center;
        align-self: center;
        justify-self: flex-start
    }
}

@media screen and (max-width: 949px) {
  .cart-section .cart-content .cart-items-container .cart-item--details-left .cart-item-image {
	-ms-flex-item-align: flex-start;
	align-self: flex-start;
	justify-self: flex-start;
	max-width: 100px;
}
}

.cart-section .cart-content .cart-items-container .cart-item--details-right {
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width: 50%;
	justify-content: flex-end;
}

@media screen and (max-width:1100px) {
    .cart-section .cart-content .cart-items-container .cart-item--details-right {
        padding-left: 0;
        margin-top: 18px;
        width: 100%
    }
    .cart-section .cart-content .cart-items-container .cart-item--details-right .pseudo-space {
        margin-left: 55px
    }
    .cart-section .cart-content .cart-items-container .cart-item--details-right .variant-title {
        left: unset;
        position: unset;
        width: 55px
    }
}

@media screen and (max-width: 949px) {
    .cart-section .cart-content .cart-items-container .cart-item--details-right .pseudo-space {
        margin-left: 44px
    }
    .cart-section .cart-content .cart-items-container .cart-item--details-right .variant-title {
        left: unset;
        position: unset;
        width: 44px
    }
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 10px 21px
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title {
    width: 50%
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title .cart-item--title {
    width: 100%
}



.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title .cart-item--title h5 a {
	font-size: 18px;
	line-height: 18px;
}

@media screen and (max-width:949px){
  .cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title .cart-item--title {
      width: 78%
  }
  .cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title .cart-item--title h5 a {
	font-size: 17px;
  }
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title .cart-item--title.box-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title .cart-item--title.box-flex p {
    font-size: 15px;
    line-height: 18px
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title .cart-item--title.box-flex p sup {
    font-size: smaller;
    vertical-align: super
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title .cart-item--title.box-flex .box-details h5 {
    margin-bottom: 3px
}


.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title .cart-item--title.box-flex .box-details .bullet:before {
    content: "•";
    font-size: 26px
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title .cart-item--title.box-flex .box-details .bullet:first-child {
    display: none
}

@media screen and (max-width:1100px) {
    .cart-section .cart-content .cart-items-container .cart-item .cart-item-details--title {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        width: 100%
    }
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--quantity {
    position: relative;
    text-align: center;
    width: 141px;
    margin-left: 10px;
    padding-block: 0;
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--quantity .quantity-selector-wrapper {
    width: 100%;
    margin-bottom: 0;
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--quantity .update-btn-container {
	bottom: -26px;
	left: 25px;
	position: absolute;
	right: 0;
}

 /* Component: Shipping Bar
======================================================================================================*/
.progress-bar--shipping[filled] .progress-bar__bar,
.progress-bar--shipping[filled] .message-shipping,
.progress-bar--shipping:not([filled]) .message-shipping--unlocked{
  display: none;
}

.progress-bar {
	display: flex;
	justify-content: space-between;
  color: rgb(var(--target-color));
}

.progress-bar--vertical {
  text-align: left;
  text-align: center;
  flex-direction: column;
}

[filled] div.progress-bar__bar {
	display: none;
}
div.progress-bar__bar {
	display: block;
	height: 10px;
	min-width: 100px;
	width: 100%;
	background: rgba(var(--target-color), .25);
	border-radius: 10rem;
	overflow: hidden;
  position: relative;
  margin: .5rem 0 0 0;
}

div.progress-bar__bar::after{
  content: "";
  width: var(--progress);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgb(var(--target-color));
  transition: width .3s ease;
}

.progress-bar__message {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	margin-top: .5rem;
}

.progress-bar__message svg {
	width: 21px;
	height: 21px;
	margin-right: 0.8rem;
}

.progress-bar__message > p {
  font-weight: var(--fw-semibold);
}


/* Totals */
  .cart-summary__totals {
    margin-bottom: 30px;
  }
  .totals {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

.totals + .totals {
	margin-top: 18px;
}

.totals.totals--vertical {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 30px;
}
  
  .totals > * {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
  }

  .totals--heading > * {
    font-size: 2.25rem;
  }
  
  .totals > h2 {
    font-size: 1rem;
    font-weight: var(--fw-semibold);
  }

  .totals--heading > h2 {
    font-weight: var(--fw-regular);
    font-size: 1.125rem;
  }
  
  .totals * {
    line-height: 1;
  }
  
  .totals > * + * {
    margin: 0 0 0 2rem;
  }

  .totals--vertical > * + * {
    margin: .5rem 0 0;
  }


  .totals__total small {
  	margin-top: 10px;
  	display: block;
    letter-spacing: 0;
  }
  
  @media all and (min-width: 800px) { 
    .totals {
      justify-content: space-between;
    }
  }


.cart-summary .bb-ds-btn-checkout {
  margin-bottom: 24px;
}

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

.cart-suammary__additional-text > * {
	line-height: 135%;
}

@media screen and (max-width:767px) {
.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--quantity .update-btn-container {
	bottom: 9px;
	right: -140%;
}
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--quantity .update-btn-container .cta {
    color: #717171;
    text-transform: capitalize
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--quantity .update-btn-container .cta:before {
    background-color: #717171
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--quantity input {
    height: 40px;
    margin-bottom: 0;
    min-width: 0;
    text-align: center;
    width: 100%;
    border-radius:20px;
    font-weight: 600;
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--quantity button.btn-quantity-selector {
    height: 40px;
    width: 30px
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--quantity button.btn-quantity-selector.btn-dec {
    left: 0
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--price {
    justify-content: flex-end;
    line-height: 1.5;
    padding: 10px;
    margin-left: 30px;
    text-align: center
}

@media screen and (max-width: 1100px) {
  .cart-section .cart-content .cart-items-container .cart-item .cart-item-details--price {
    margin-left: auto;
  }
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--remove {
	text-align: right;
	position: absolute;
	top: 1rem;
	right: 0;
}

.cart-item-details--remove > .button {
        --button-bg: var(--color-bg-vanilla);
      padding: 0;
      width: 1.75rem;
      height: 1.75rem;
      min-width: 1.75rem;
      min-height: 1.75rem;
}

.cart-item-details--remove svg {
      height: 0.65rem;
    width: 0.65rem;
    display: flex;
    position: relative;
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--remove .cta {
    color: #717171;
    text-transform: capitalize
}

.cart-section .cart-content .cart-items-container .cart-item .cart-item-details--remove .cta:before {
    background-color: #717171;
    content: " "
}

.cart-section .cart-content .cart-items-container .cart-item .on-sale {
    color: var(--sale-price-color);
    opacity: .6
}

.cart-section .preorder-notice {
    color: var(--color-accent-3);
    display: block;
    margin-top: 12px
}

.cart-section .cart-summary-container .preorder-notice {
    margin-bottom: 16px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}


.cart-summary__shipping-bar {
  margin-bottom: 40px;
}

.cart-section .cart-summary-container {
	background: rgba(250, 247, 242, 1);
	width: 100%;
	border-radius: 20px;
	border: 1px solid rgba(232, 232, 231, 1);
}

@media screen and (min-width: 950px) {
    .cart-section .cart-summary-container {
        margin-left: 29px;
        width: 30%
    }
}

.cart-section .cart-summary-container .btn-secondary {
    background: var(--btn-bg-color-1);
    border-color: var(--btn-border-color-1);
    color: var(--btn-font-color-1)
}

.cart-section .cart-summary-container .heading-2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px
}

.cart-section .cart-summary-container .heading-4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 16px
}

.cart-section .cart-summary-container .savings {
    margin-bottom: 24px
}

.cart-section .cart-summary-container .subtotal,
.cart-section .cart-summary-container .total {
    margin-bottom: 8px
}

.cart-section .cart-summary-container .savings p:first-of-type,
.cart-section .cart-summary-container .subtotal p:first-of-type,
.cart-section .cart-summary-container .total p:first-of-type {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.cart-section .cart-summary-container .savings p,
.cart-section .cart-summary-container .subtotal p {
    font-weight: 400
}

.cart-section .cart-summary-container .total p {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px
}

.cart-section .cart-summary-container .btn--primary {
    border: 2px solid #212a2f;
    margin: 8px 0 24px;
    width: 100%
}

    .cart-section .white-container {
        padding: 38px 24px
    }


.cart-section .bb-ds-btn-modal-trigger {
  margin: 0;
}

.cart-section .white-container .text-input {
    border-radius: 10px;
    margin-bottom: 16px;
    min-width: 0;
    width: 100%
}

.cart-section .white-container .shop-usps {
    background: #f8f8f8;
    border-radius: 0;
    padding: 0
}

.cart-section .white-container .need-help {
    margin-bottom: 24px
}

.cart-section .white-container .need-help .heading-3 {
    font-weight: 600
}

.cart-section .courier-message-container {
    padding: 16px 0 32px
}

.cart-section .courier-message-container .heading-3 {
    font-weight: 700
}

.cart-section .courier-message-container .text-input {
    width: 100%
}

@media screen and (min-width:768px) {
    .cart-section .courier-message-container {
        padding: 32px 0
    }
    .cart-section .courier-message-container .text-input {
        margin-bottom: 0
    }
}

.cart-section .payment-icons-container {
    margin-block: 24px;
    padding: 0
}

.cart-section .payment-icons-container .payment-icons {
  justify-content: center; 
} 

.cart-section .payment-icons-container p {
    color: #212a2f;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px
}

@media screen and (max-width:425px) {
    .cart-section .payment-icons-container li {
        width: 35px
    }
}

.collection-template .collection-list-wrapper {
    margin-bottom: 48px
}

@media screen and (max-width:767px) {
    .collection-template .collection-list-wrapper {
        background: var(--bg);
        padding: 20px 0
    }
}

@media screen and (min-width:768px) {
    .collection-template .collection-list-wrapper {
        margin-bottom: 100px
    }
}

.collection-template .header-collections-snippet .heading-2 {
    margin-bottom: 8px;
    padding-top: 12px
}

@media screen and (min-width:768px) {
    .collection-template .header-collections-snippet .heading-2 {
        font-size: 40px;
        margin-bottom: 16px;
        padding-top: 0
    }
}

.collection-template [data-products-container] [data-products-list] {
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .collection-template [data-products-container] [data-products-list] {
        margin-bottom: 48px
    }
}

.collection-template .seo-block {
    border-top: 1px solid #e5e5e5;
    padding: 24px 0 54px
}

@media screen and (min-width:768px) {
    .collection-template .seo-block {
        padding: 32px 0 87px
    }
}

.collection-template .seo-block p {
    color: #717171;
    line-height: 200%
}

.collection-template .seo-block a {
    text-decoration: underline
}

.collection-template .seo-block a:hover {
    text-decoration: none
}

.collection-template .seo-block ol li,
.collection-template .seo-block ul li {
    list-style: disc
}

.collection-template .btn--load-more {
    display: block;
    margin: 0 auto
}

.customer-template {
    padding: 40px 0 50px
}

@media screen and (min-width:768px) {
    .customer-template {
        padding: 100px 0
    }
}

.customer-template .account-menu {
    margin: 0 auto 14px
}

@media screen and (min-width:768px) {
    .customer-template .account-menu {
        margin-bottom: 57px
    }
}

.customer-template .account-menu .mobile-menu {
    display: block
}

.customer-template .account-menu .mobile-menu select {
    color: #b4b4b4 !important;
    font-weight: 600;
    margin-bottom: 0;
    width: 100%
}

@media screen and (min-width:768px) {
    .customer-template .account-menu .mobile-menu {
        display: none
    }
}

.customer-template .account-menu ul {
    display: none
}

@media screen and (min-width:768px) {
    .customer-template .account-menu ul {
        border-bottom: 1px solid var(--border-light-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 19px
    }
}

.customer-template .account-menu li {
    font-size: 16px;
    margin-right: 40px;
    position: relative
}

.customer-template .account-menu li.active:after {
    background: var(--color-background-dark);
    bottom: -20px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.customer-template .account-menu li:last-of-type {
    margin-right: 0
}

.customer-template .account-menu li a,
.customer-template .account-menu li a:not(.btn):focus,
.customer-template .account-menu li a:not(.btn):visited,
.customer-template .account-menu li.active a,
.customer-template .account-menu li.active a:not(.btn):focus,
.customer-template .account-menu li.active a:not(.btn):visited {
    color: var(--color-body-text)
}

.customer-template .address {
    line-height: 27px
}

.customer-template .address a {
    display: block;
    margin-top: 16px;
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .customer-template .address a {
        margin-top: 14px
    }
    .customer-template {
        text-align: center
    }
}

.customer-contained-template {
    text-align: center
}

.customer-contained-template .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    max-width: 448px
}

.customer-contained-template .heading-2 {
    margin-bottom: 8px
}

.customer-contained-template p {
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .customer-contained-template p {
        margin-bottom: 32px
    }
}

.customer-contained-template input {
    margin-bottom: 16px;
    width: 100%
}

.customer-contained-template .supporting-text a {
    text-decoration: underline
}

.customers-login-template .customer-login-main {
    width: 100%
}

.customers-login-template .password-container {
    margin-bottom: 17px;
    position: relative
}

.customers-login-template .password-container input {
    margin-bottom: 0
}

.customers-login-template .password-container .recover-password {
    color: #b4b4b4;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    right: 10px;
    text-decoration: underline;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.customer-account-main>.heading-2 {
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .customer-account-main>.heading-2 {
        margin-bottom: 29px
    }
}

.customer-account-main .heading-3 {
    margin-bottom: 25px;
    text-align: left
}

.customer-account-main .customer-details-overview {
    text-align: left
}

.customer-account-main .customer-details-overview .customer-details-overview-container {
    background: var(--color-background-light);
    padding: 24px 30px
}

@media screen and (min-width:768px) {
    .customer-account-main .customer-details-overview .customer-details-overview-container {
        padding: 30px
    }
}

.customer-account-main .customer-details-overview .heading-5 {
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .customer-account-main .customer-details-overview .heading-5 {
        margin-bottom: 14px
    }
}

.customer-account-main .no-orders {
    margin-bottom: 16px;
    text-align: left
}

.customer-account-main.new-address-form-open .address-form-wrapper {
    max-height: 2000px;
    text-align: left
}

.customer-account-main.new-address-form-open .address-section,
.customer-account-main.new-address-form-open .form-button {
    display: none
}

.customer-account-main .orders-overview {
    margin-bottom: 32px
}

@media screen and (min-width:768px) {
    .customer-account-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .customer-account-main,
    .customer-account-main .customer-account-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .customer-account-main .orders-overview {
        margin-bottom: 0;
        margin-right: 35px;
        width: 75%
    }
    .customer-account-main .customer-details-overview {
        width: 25%
    }
}

.customer-order-template-main .heading-3 {
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .customer-order-template-main .heading-3 {
        margin-bottom: 13px
    }
}

.customer-order-template-main .date {
    color: var(--color-body-text);
    margin-bottom: 25px;
    text-align: left
}

@media screen and (min-width:768px) {
    .customer-order-template-main .date {
        margin-bottom: 29px
    }
}

.customer-order-template-main .customer-details-overview .heading-5 {
    margin-bottom: 16px !important
}

@media screen and (min-width:768px) {
    .customer-order-template-main .customer-details-overview .heading-5 {
        margin-bottom: 14px !important
    }
}

.customer-order-template-main .customer-details-overview .heading-5:last-of-type {
    margin-top: 24px
}

.customer-order-template-main .customer-details-overview p.bold {
    margin-bottom: 14px
}

.customer-order-template-main .table-order tfoot tr {
    margin-bottom: 0
}

.customer-order-template-main .table-order tfoot tr td {
    border-bottom: none;
    border-top: none;
    font-weight: 600;
    text-transform: uppercase
}

.customer-order-template-main .table-order tfoot tr:last-of-type {
    margin-bottom: 16px
}

.customer-order-template-main .table-order tfoot tr:last-of-type td {
    border-bottom: 1px solid var(--border-light-color);
    border-top: 1px solid var(--border-light-color)
}

@media screen and (max-width:769px) {
    .customer-order-template-main .table-order.responsive-table tfoot {
        background: var(--color-background-light)
    }
    .customer-order-template-main .table-order.responsive-table tfoot td {
        padding-left: 75% !important
    }
}

.customer-addresses-template .container {
    max-width: 748px
}

.customer-addresses-template .address-form-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .customer-addresses-template .address-form-section {
        display: block;
        margin-bottom: 60px;
        text-align: center
    }
}

.customer-addresses-template .address-form-wrapper .btn {
    margin: 0 auto 16px;
    padding: 15px 45px;
    width: 100%
}

@media screen and (min-width:768px) {
    .customer-addresses-template .address-form-wrapper .btn {
        width: auto
    }
}

.customer-addresses-template .address-form-wrapper {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .33s;
    transition: max-height .33s
}

.customer-addresses-template .address-form-wrapper.address-form-open {
    max-height: 2000px;
    text-align: left
}

.customer-addresses-template .address-form-wrapper .heading-4 {
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .customer-addresses-template .address-form-wrapper .heading-4 {
        margin-bottom: 16px
    }
}

.customer-addresses-template .address-form-wrapper .label {
    margin-bottom: 8px
}

.customer-addresses-template .address-form-wrapper .checkbox-wrapper {
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .customer-addresses-template .address-form-wrapper .checkbox-wrapper {
        margin-bottom: 32px;
        margin-top: 8px
    }
}

.customer-addresses-template .address-form-wrapper .checkbox-wrapper .label {
    margin-bottom: 0
}

.customer-addresses-template .address-form-wrapper .text-input {
    margin-bottom: 16px;
    width: 100%
}

@media screen and (min-width:768px) {
    .customer-addresses-template .address-form-wrapper .text-input {
        margin-bottom: 24px
    }
}

.customer-addresses-template .address-form-wrapper .name-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:768px) {
    .customer-addresses-template .address-form-wrapper .name-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.customer-addresses-template .address-form-wrapper .name-container>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    margin-right: 12px
}

.customer-addresses-template .address-form-wrapper .name-container>div:last-of-type {
    margin-right: 0
}

.customer-addresses-template .address-section {
    border-top: 1px solid var(--border-color);
    padding: 24px 0
}

@media screen and (min-width:768px) {
    .customer-addresses-template .address-section {
        padding: 48px 0
    }
}

.customer-addresses-template .address-section:last-of-type {
    border-bottom: 1px solid var(--border-color)
}

.customer-addresses-template .address-section .heading-4 {
    margin-bottom: 22px
}

.customer-addresses-template .address-section .address {
    margin-bottom: 24px
}

.customer-addresses-template .action-btns-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.customer-addresses-template .action-btns-container>div button {
    margin-right: 24px
}

.customer-addresses-template .action-btns-container .cta {
    text-transform: none
}

@media screen and (min-width:768px) {
    .customer-addresses-template .action-btns-container .cta {
        font-size: 16px
    }
}

.template-list-collections .list-collections-content {
    padding: 10px 0 60px
}

.page-template {
    padding-bottom: 36px
}

.page-template .container {
    max-width: 930px
}

@media screen and (min-width:768px) {
    .page-template .container {
        margin-bottom: 88px
    }
}

.search-template {
    padding: 60px 0
}

.search-template .heading-2 {
    margin-bottom: 24px
}

.search-template .search-form {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 48px
}

@media screen and (min-width:768px) {
    .search-template .search-form {
        margin-bottom: 60px
    }
}

.search-template .search-form .input-container {
    margin-bottom: 16px;
    position: relative
}

@media screen and (min-width:768px) {
    .search-template .search-form .input-container {
        margin-bottom: 0
    }
}

.search-template .search-form .input-container input {
    background-image: url(icon-search.svg);
    background-position: 10px;
    background-repeat: no-repeat;
    margin: 0;
    padding-left: 40px
}

.search-template .search-form .btn {
    margin: 0
}

@media screen and (min-width:768px) {
    .search-template .search-form .btn {
        margin-left: 12px
    }
}

.search-template .search-form .input-container,
.search-template .search-form button,
.search-template .search-form input {
    width: 100%
}

@media screen and (min-width:768px) {
    .search-template .search-form .input-container,
    .search-template .search-form button,
    .search-template .search-form input {
        width: auto
    }
}

.search-template .grid-list {
    grid-gap: 12px;
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (min-width:1024px) {
    .search-template .grid-list {
        grid-gap: 32px;
        grid-template-columns: repeat(4, 1fr)
    }
}

#cloud_search_filters_root {
    display: none
}


:root {
    --font1: "Averta", sans-serif;
    --font2: "Tiempos", sans-serif;
    --border-color: #e5e5e5;
    --header-height-dt: 78px;
    --header-height-mb: 60px;
    --image-aspect-ratio: 1/1
}

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

.hide {
    display: none !important
}

.swiper {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden
}

swiper-wrapper .swiper {
    position: relative;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    visibility: visible;
}

.swiper--active,
.swiper--mob-active,
.swiper-initialized {
    pointer-events: all;
    visibility: visible
}

.swiper-flush {
    margin: 0 -16px;
    padding: 0 16px
}

@media screen and (min-width:1024px) {
    .swiper-flush {
        margin: 0 -24px;
        padding: 0 24px
    }
}

.swiper-button {
    background: #fff url(icon-arrow.svg) 17.25px/12px 16px no-repeat;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .125);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .125);
    cursor: pointer;
    height: 44px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    z-index: 1;
    z-index: 3
}

.swiper-button:after {
    display: none
}

.swiper-button-prev {
    -webkit-box-shadow: 0 -4px 20px rgba(0, 0, 0, .125);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, .125);
    left: 16px;
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

.swiper-button-next {
    right: 16px
}

.swiper-button-disabled {
    visibility: hidden
}

.swiper-button-vertical {
    left: 50%;
    right: 0;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.swiper-button-vertical:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='m10 14 .38-.343L18 6.845 17.238 6 10 12.469 2.762 6 2 6.845l7.62 6.812L10 14Z'/%3E%3C/svg%3E");
    height: 20px;
    width: 20px
}

.swiper-button-up {
    top: 10px;
    -webkit-transform: translate(-50%, 50%) rotate(-90deg);
    transform: translate(-50%, 50%) rotate(-90deg)
}

.swiper-button-down {
    bottom: 10px;
    top: unset;
    -webkit-transform: translate(-50%) rotate(90deg);
    transform: translate(-50%) rotate(90deg)
}

.swiper-pagination {
    margin: 16px 0 0;
    position: static
}

@media screen and (min-width:1280px) {
    .swiper-pagination {
        margin: 24px 0 0
    }
}

.swiper-pagination-bullet {
    background: #e5e5e5;
    border-radius: 50%;
    height: 8px;
    opacity: 1;
    width: 8px
}

.swiper-pagination-bullet-active {
    background: #212a2f
}

.cookie-warning-snippet {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 999999
}

.cookie-warning-snippet [data-cookie-warning] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-accent-2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    padding: 16px 22px;
    text-align: center;
    width: 100%
}

@media screen and (min-width:768px) {
    .cookie-warning-snippet [data-cookie-warning] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
        padding: 24px 32px;
        text-align: left
    }
}

.cookie-warning-snippet [data-cookie-warning] p {
    line-height: 180%
}

@media screen and (min-width:768px) {
    .cookie-warning-snippet [data-cookie-warning] p {
        padding-right: 32px
    }
}

.cookie-warning-snippet [data-cookie-warning-btn] {
    margin-right: 0;
    margin-top: 16px
}

@media screen and (min-width:768px) {
    .cookie-warning-snippet [data-cookie-warning-btn] {
        margin-top: 0
    }
}

.instant-search-menu .suggestions,
.instant-search-menu.instant-search-menu--mobile .suggestions {
    margin: 16px 24px
}

.instant-search-menu .suggestions .suggestion,
.instant-search-menu.instant-search-menu--mobile .suggestions .suggestion {
    color: #212a2f;
    font-size: 14px;
    line-height: 18px
}

.instant-search-menu .results-block,
.instant-search-menu.instant-search-menu--mobile .results-block {
    margin: 24px
}

.instant-search-menu .results-block .cs-item,
.instant-search-menu.instant-search-menu--mobile .results-block .cs-item {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.instant-search-menu .results-block .cs-item .description,
.instant-search-menu .results-block .cs-item .price,
.instant-search-menu.instant-search-menu--mobile .results-block .cs-item .description,
.instant-search-menu.instant-search-menu--mobile .results-block .cs-item .price {
    display: none
}

.instant-search-menu .results-block .header-right,
.instant-search-menu .results-block .price,
.instant-search-menu.instant-search-menu--mobile .results-block .header-right,
.instant-search-menu.instant-search-menu--mobile .results-block .price {
    color: #212a2f;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: left
}

.instant-search-menu .results-block dl dt,
.instant-search-menu.instant-search-menu--mobile .results-block dl dt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.instant-search-menu .results-block dl dt .list-image,
.instant-search-menu.instant-search-menu--mobile .results-block dl dt .list-image {
    margin-top: 0
}

.instant-search-menu .results-block dl dt a img,
.instant-search-menu.instant-search-menu--mobile .results-block dl dt a img {
    max-height: 80px;
    max-width: 80px
}

.instant-search-menu .results-block dl dt .cs-item-details,
.instant-search-menu.instant-search-menu--mobile .results-block dl dt .cs-item-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.instant-search-menu .results-block dl dt .cs-item-details .cs-price-block,
.instant-search-menu.instant-search-menu--mobile .results-block dl dt .cs-item-details .cs-price-block {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    margin: 0;
    order: 1
}

.instant-search-menu .results-block dl dt .cs-item-details .cs-item-title,
.instant-search-menu.instant-search-menu--mobile .results-block dl dt .cs-item-details .cs-item-title {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.instant-search-menu .results-block dl dt .cs-item-details .description,
.instant-search-menu.instant-search-menu--mobile .results-block dl dt .cs-item-details .description {
    display: none
}

.instant-search-menu .results-block dl dt .cs-item-details .highlight-hit,
.instant-search-menu.instant-search-menu--mobile .results-block dl dt .cs-item-details .highlight-hit {
    font-weight: 400
}

.instant-search-menu .results-block dl dd.active .details-top,
.instant-search-menu.instant-search-menu--mobile .results-block dl dd.active .details-top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.instant-search-menu .results-block dl dd.active .details-top .details-top-text .name,
.instant-search-menu.instant-search-menu--mobile .results-block dl dd.active .details-top .details-top-text .name {
    margin-bottom: 8px
}

.instant-search-menu .results-block dl dd.active .details-top .details-top-text .name .highlight-hit,
.instant-search-menu.instant-search-menu--mobile .results-block dl dd.active .details-top .details-top-text .name .highlight-hit {
    font-weight: 400
}

.instant-search-menu .results-block dl dd.active .description,
.instant-search-menu.instant-search-menu--mobile .results-block dl dd.active .description {
    display: none
}

.instant-search-menu .results-block dl dd.active .see-details a,
.instant-search-menu.instant-search-menu--mobile .results-block dl dd.active .see-details a {
    text-decoration: underline
}

.instant-search-menu .powered-by,
.instant-search-menu.instant-search-menu--mobile .powered-by {
    display: none
}

.instant-search-menu .see-more-results a,
.instant-search-menu.instant-search-menu--mobile .see-more-results a {
    background: #212a2f;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    max-width: calc(100% - 32px);
    padding: 14px;
    width: 100%
}

.cloud-search-mobile-open .cloud-search-mobile .cloud-search-mobile__input form input[type=search],
.cloud-search-mobile-open .cloud-search-mobile .cloud-search-mobile__input input[type=search]:focus {
    background: #f3f3f3;
    border-radius: 22px;
    height: 44px;
    padding: 13px 15px 13px 50px
}

.cloud-search-mobile-open .cloud-search-mobile {
    background: #fff
}

.cloud-search-mobile-open .cloud-search-mobile .cloud-search-mobile__cancel {
    font-size: 14px
}

.cloud-search-mobile-open .cloud-search-mobile .cloud-search-mobile__input:after {
    background-image: url(icon-search.svg);
    background-repeat: no-repeat;
    height: 22px;
    top: 11px;
    width: 22px
}

.collection-template .filter-and-sort {
    margin: 0;
    padding: 14px 0 0
}

@media screen and (min-width:768px) {
    .collection-template .filter-and-sort {
        padding: 48px 0 24px
    }
}

.collection-template .filter-and-sort .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1410px
}

.collection-template .filter-and-sort .container .btn-container {
    margin-right: 10px;
    position: relative;
    width: 50%
}

@media screen and (min-width:768px) {
    .collection-template .filter-and-sort .container .btn-container {
        width: 90%
    }
}

.collection-template .filter-and-sort .container .btn-container:last-of-type {
    margin-right: 0
}

@media screen and (min-width:768px) {
    .collection-template .filter-and-sort .container .btn-container:last-of-type {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        min-width: 115px;
        width: 10%
    }
}

.collection-template .filter-and-sort .container .btn-container .cloud-search-page-controls__filters-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #212a2f;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 15px
}

.collection-template .filter-and-sort .container .btn-container .cloud-search-filters-link-icon {
    display: none
}

.collection-template .filter-and-sort .container .btn-container .cloud-search-filters-link-num {
    display: block
}

.collection-template .filter-and-sort .container .btn-container .cloud-search-page-controls__applied-filters {
    display: none
}

.collection-template .filter-and-sort .container .btn-container #input-sort-by {
    background: transparent;
    background-color: transparent;
    background-image: url(icon-arrow-2.svg);
    background-position: 100% 45%;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    border-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    color: #212a2f;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    font-weight: 400;
    letter-spacing: .06em;
    margin: 0;
    min-width: 0;
    padding: 15px 20px 20px;
    text-align: center;
    -moz-text-align-last: right;
    text-align-last: right;
    text-transform: capitalize;
    width: 100%
}

@media screen and (min-width:768px) {
    .collection-template .filter-and-sort .container .btn-container #input-sort-by {
        margin-bottom: 12px;
        max-width: 200px
    }
}

.collection-template .filter-and-sort .container .btn-container #cloud_search_filters_root {
    display: block;
    margin-bottom: 0;
    max-width: 100%
}

@media screen and (min-width:768px) {
    .collection-template .filter-and-sort .container .btn-container #cloud_search_filters_root .cloud-search-page-controls__filters-container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.collection-template .filter-and-sort .container .btn-container #cloud_search_filters_root .cloud-search-page-controls__filters-container .cloud-search-page-controls__filters-link {
    font-size: 0;
    height: 22px;
    position: relative;
    width: 90px
}

.collection-template .filter-and-sort .container .btn-container #cloud_search_filters_root .cloud-search-page-controls__filters-container .cloud-search-page-controls__filters-link:before {
    background-image: url(icon-filter.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: 1px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    width: 12px
}

.collection-template .filter-and-sort .container .btn-container #cloud_search_filters_root .cloud-search-page-controls__filters-container .cloud-search-page-controls__filters-link:after {
    content: "Filter by";
    font-size: 16px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .06em;
    margin-left: 10px;
    padding-top: 18px;
    text-transform: capitalize
}

@media screen and (min-width:768px) {
    .collection-template .filter-and-sort .container .btn-container #cloud_search_filters_root .cloud-search-page-controls__filters-container .cloud-search-page-controls__filters-link {
        display: none
    }
}

.collection-template .filter-and-sort .container .btn-container .cloud-search-filter__name {
    border-radius: 22.5px;
    font-size: 14px;
    padding: 12px 16px
}

.collection-template .filter-and-sort .container .btn-container .cloud-search-filter__name:after {
    border-style: solid;
    border-width: 0 1.6px 1.6px 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    display: inline-block;
    height: 5.6px;
    left: 5px;
    margin: 0 4px 0 5px;
    opacity: .8;
    position: relative;
    top: -2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    width: 5.6px
}

.collection-template .filter-and-sort .container .btn-container .cloud-search-clear-filters {
    border: 1px solid #212a2f;
    border-radius: 22.5px;
    padding: 14px 16px;
    text-decoration: none
}

.cloud-search-filter-values-container.cloud-search-filter .cloud-search-filter-value .cloud-search-filter-value__name,
.cloud-search-filter-values-container.cloud-search-filter .cloud-search-filter-value .cloud-search-filter-value__name .cloud-search-filter-value__count {
    color: #212a2f;
    font-size: 14px
}

.cloud-search-filter-values-container.cloud-search-filter .cloud-search-filter-value input {
    border-color: #212a2f;
    border-radius: 50%
}

.cloud-search-filter-values-container.cloud-search-filter .cloud-search-filter-value.cloud-search-filter-value--selected input {
    background-color: #212a2f
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filters-pane__filters {
    margin: 0 24px 16px
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filters-pane__close {
    fill: #fff;
    background: none;
    position: absolute;
    right: 0;
    top: 10px
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filters-pane__heading {
    background: #212a2f;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 16px
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filter {
    border-top: 1px solid #e5e5e5;
    margin: 16px 0
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filter:last-child {
    border-bottom: 1px solid #e5e5e5
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filter .cloud-search-filter__values input {
    border-radius: 50%
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filter__name {
    color: #212a2f;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    text-transform: capitalize
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filter__name .cloud-search-filter__collapse {
    border-style: none;
    -webkit-transform: none;
    transform: none;
    width: 100%
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filter__name .cloud-search-filter__collapse:before {
    background-image: url(icon-arrow-black.svg?v=2);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: 17px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 12px
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filter__name .cloud-search-filter__expand {
    border-style: none;
    -webkit-transform: none;
    transform: none;
    width: 100%
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filter__name .cloud-search-filter__expand:before {
    background-image: url(icon-arrow-black.svg?v=2);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: 17px;
    width: 12px
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filter-value__name {
    color: #212a2f;
    font-size: 14px
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-applied-filter__count,
.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-applied-filter__text {
    font-size: 14px
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filter-value__count {
    color: #212a2f
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-filters-pane__separator {
    display: none
}

.cloud-search-filters-pane.cloud-search-filters-pane--open .cloud-search-clear-filters {
    color: #212a2f;
    font-weight: 600;
    text-transform: uppercase
}

.wishlistpage {
    font-family: var(--font1) !important
}

.wishlistpage .wishlistbodycontainer .titletext,
.wishlistpage .wishlisttitlecontainer .titletext {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
    margin-left: 0
}

@media screen and (min-width:768px) {
    .wishlistpage .wishlistbodycontainer .titletext,
    .wishlistpage .wishlisttitlecontainer .titletext {
        font-size: 40px;
        margin-left: 16px
    }
}

.wishlistpage .wishlistbodycontainer .btn,
.wishlistpage .wishlisttitlecontainer .btn {
    background: #212a2f !important;
    border: 2px solid #212a2f !important;
    font-family: var(--font1) !important;
    font-weight: 600
}

.wishlistpage .wishlistbodycontainer .btn.btn-info.sharebutton,
.wishlistpage .wishlisttitlecontainer .btn.btn-info.sharebutton {
    background: #212a2f !important;
    border: 2px solid #212a2f !important
}

.wishlistpage .wishlistbodycontainer .variant_title,
.wishlistpage .wishlisttitlecontainer .variant_title {
    display: none
}

.wishlistpage .wishlistbodycontainer #bookmarks,
.wishlistpage .wishlisttitlecontainer #bookmarks {
    text-align: center
}

.wishlistpage .wishlistbodycontainer #bookmarks .alert.alert-info,
.wishlistpage .wishlisttitlecontainer #bookmarks .alert.alert-info {
    background-color: transparent;
    border: none;
    color: #212a2f;
    margin: 0 auto;
    min-width: 0
}

.wishlistpage .wishlistbodycontainer #bookmarks .alert.alert-info:before,
.wishlistpage .wishlisttitlecontainer #bookmarks .alert.alert-info:before {
    display: none
}

.wishlistpage .wishlistbodycontainer #bookmarks .row.text-center,
.wishlistpage .wishlisttitlecontainer #bookmarks .row.text-center {
    margin-left: 0;
    margin-right: 0
}

.wishlistpage .wishlistbodycontainer .loginmessage,
.wishlistpage .wishlisttitlecontainer .loginmessage {
    text-align: center
}

.wishlistpage .wishlistbodycontainer .loginmessage .alert.alert-info,
.wishlistpage .wishlisttitlecontainer .loginmessage .alert.alert-info {
    background-color: transparent;
    border: none;
    color: #212a2f !important;
    font-size: 16px;
    margin: 0 auto
}

.wishlistpage .wishlistbodycontainer .loginmessage .alert.alert-info:before,
.wishlistpage .wishlisttitlecontainer .loginmessage .alert.alert-info:before {
    display: none
}

.wishlistpage .wishlistbodycontainer .loginmessage .alert.alert-info a,
.wishlistpage .wishlisttitlecontainer .loginmessage .alert.alert-info a {
    color: #212a2f !important;
    margin: 0 5px
}

.btn.btn-primary.btn-primary-modal,
.btn.btn-warning.btn-primary-warning.btn-warning-modal {
    background-color: #212a2f !important;
    border-color: #212a2f !important;
    color: #fff !important
}

.topbadge {
    background: var(--color-background-dark);
    border-radius: 50%;
    color: #fff;
    font-family: var(--font1) !important;
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    line-height: 18px;
    padding: 4px 6px !important;
    position: absolute;
    right: 4px;
    text-align: center;
    top: 8px;
    width: 18px
}

@media screen and (min-width:768px) {
    .topbadge {
        right: -3px;
        top: 12px
    }
}

.wishlist-button-wrapper>.icon-wishlist,
.wishlist-button-wrapper>.icon-wishlist .icon--wishlist {
    display: block
}

.wishlist-button-wrapper>.icon-wishlist .icon--wishlist:before {
    background-image: url(icon--wishlist.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    content: " ";
    display: block;
    height: 48px;
    width: 48px
}

.wishlist-button-wrapper>.icon-wishlist .icon--wishlist-empty {
    display: block
}

.wishlist-button-wrapper>.icon-wishlist .icon--wishlist-empty:before {
    background-image: url(icon--wishlist-empty.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    content: " ";
    display: block;
    height: 48px;
    width: 48px
}

.template-password .password-content {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: Poppins, sans-serif;
    height: 100vh;
    padding: 145px 29px
}

@media screen and (min-width:768px) {
    .template-password .password-content {
        padding: 226px 113px
    }
}

.template-password .password-content .password-toggle {
    position: fixed;
    right: 29px;
    top: 48px;
    z-index: 10
}

@media screen and (min-width:768px) {
    .template-password .password-content .password-toggle {
        right: 82px;
        top: 40px
    }
}

.template-password .password-content .back-arrow {
    cursor: pointer;
    display: block;
    margin-bottom: 32px
}

.template-password .password-content .title {
    font-size: 34px;
    font-weight: 700;
    line-height: 51px
}

@media screen and (min-width:768px) {
    .template-password .password-content .title {
        font-size: 72px;
        line-height: 108px
    }
}

.template-password .password-content .text {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:768px) {
    .template-password .password-content .text {
        font-size: 18px;
        line-height: 27px
    }
}

.template-password .password-content .text-small {
    font-size: 14px;
    line-height: 21px
}

.template-password .password-content .password-content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left
}

.template-password .password-content .password-content-inner .password-container {
    width: 100%;
    z-index: 10
}

.template-password .password-content .social-icons {
    margin: 22px 0 82px
}

.template-password .password-content .social-icons .social-icon {
    margin-right: 12px
}

.template-password .password-content .social-icons .social-icon img {
    height: 40px
}

.template-password .password-content .form-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 32px 0 28px
}

.template-password .password-content .form-container form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.template-password .password-content .form-container .text-input-password {
    background: transparent;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Poppins, sans-serif;
    margin-bottom: 17px;
    min-height: 51px;
    padding: 12px 0 12px 24px;
    width: 100%
}

@media screen and (min-width:768px) {
    .template-password .password-content .form-container .text-input-password {
        line-height: 27px;
        margin-bottom: 0;
        min-width: 345px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.template-password .password-content .form-container .text-input-password::-webkit-input-placeholder {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.template-password .password-content .form-container .text-input-password::-moz-placeholder {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.template-password .password-content .form-container .text-input-password:-ms-input-placeholder {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.template-password .password-content .form-container .text-input-password::-ms-input-placeholder {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.template-password .password-content .form-container .text-input-password::placeholder {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:768px) {
    .template-password .password-content .form-container .text-input-password::-webkit-input-placeholder {
        font-size: 18px;
        line-height: 27px !important
    }
    .template-password .password-content .form-container .text-input-password::-moz-placeholder {
        font-size: 18px;
        line-height: 27px !important
    }
    .template-password .password-content .form-container .text-input-password:-ms-input-placeholder {
        font-size: 18px;
        line-height: 27px !important
    }
    .template-password .password-content .form-container .text-input-password::-ms-input-placeholder {
        font-size: 18px;
        line-height: 27px !important
    }
    .template-password .password-content .form-container .text-input-password::placeholder {
        font-size: 18px;
        line-height: 27px !important
    }
}

.template-password .password-content .form-container .submit {
    border-radius: 5px;
    cursor: pointer;
    min-height: 51px;
    padding: 12px 24px
}

@media screen and (min-width:768px) {
    .template-password .password-content .form-container .submit {
        font-size: 18px;
        margin-left: 21px
    }
}

.template-password .password-content .form-container .password-error {
    margin-top: 17px;
    width: 100%
}

.template-password .password-content .centralize {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.bb-ds {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: rgba(var(--color-bg-greige));
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    max-width: 500px;
    overflow-y: scroll;
    padding: 10px 16px 16px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(101%);
    transform: translateX(101%);
    -webkit-transition: transform .33s ease-in;
    transition: transform .33s ease-in;
width: 100%;
  z-index: 1000000;
  max-width: 450px;
}

@media screen and (min-width:768px) {
    .bb-ds {
        padding: 20px 30px 30px
    }
}

.bb-ds .bb-ds-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    position: relative
}

.bb-ds .heading-3 {
	font-weight: 400 !important;
}

@media screen and (min-width:768px) {
    .bb-ds .bb-ds-header {
        margin-bottom: 30px
    }
}

.bb-ds .bb-ds-header .heading-3 {
    margin-bottom: 0
}

.bb-ds .bb-ds-icon-close {
    background-image: url(icon-close-black.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
    height: 48px;
    position: absolute;
    right: -14px;
    top: -11px;
    width: 48px
}

.bb-ds p {
    margin-bottom: 0
}

.bb-ds hr {
    margin: 24px 0
}

@media screen and (min-width:768px) {
    .bb-ds hr {
        margin: 30px 0
    }
}

.bb-ds .bb-ds-input-btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px;
    position: relative
}

.bb-ds .bb-ds-input-btn-wrapper .bb-ds-input {
    height: 50px;
    margin-bottom: 0;
    width: 100%
}

.bb-ds .bb-ds-input-btn-wrapper .bb-ds-input[disabled] {
    background-color: #fff
}

.bb-ds .bb-ds-input-btn-wrapper .btn {
	bottom: 0;
	height: 49px;
	margin-right: 0;
	min-height: 40px;
	min-width: 0;
	padding: 13px;
	position: absolute;
	right: 0;
	top: 0;
	width: 105px;
	border-radius: 0 7px 6px 0;
	font-size: 13px;
}

.bb-ds .label {
    line-height: 17px
}

.bb-ds .bb-ds-btn {
    background-color: var(--date-selector-btn-bg);
    border: 2px solid var(--date-selector-btn-border-color);
    width: 100%
}

.bb-ds .bb-ds-shipping-methods {
    font-size: 14px;
    font-weight: 600
}

.bb-ds .bb-ds-shipping-methods li {
    font-size: 13px;
    list-style-type: disc;
    margin-left: 25px
}

.bb-ds .bb-ds-shipping-methods span {
    font-size: 12px
}

.bb-ds .bb-ds-shipping-methods span strong {
    font-weight: 600
}

.bb-ds .bb-ds-postcode-output {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 12px
}

.bb-ds .bb-ds-calendar-form {
    position: relative
}

.bb-ds .bb-ds-calendar-form label {
    line-height: 200%
}

.bb-ds .loading-widget {
    border-bottom-color: transparent;
    display: none;
    left: 50%;
    position: absolute;
    top: 120px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bb-ds .loading-widget.bb-ds-loading-widget-visible {
    display: block
}

.bb-ds .qs-datepicker-container {
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 16px;
    min-width: 100%;
    position: relative;
    top: 0 !important;
    width: 100%
}

.bb-ds .qs-controls {
	background-color: rgba(var(--color-main-accent));
	height: 40px;
}

.bb-ds .qs-year:hover {
    text-decoration: none
}

.bb-ds .qs-month-year {
    text-align: center;
    width: 200px
}

.bb-ds .qs-month-year:hover {
    border-bottom-color: transparent
}

.bb-ds .qs-month, 
.bb-ds .qs-year {
	color: rgba(var(--color-main-text));
	font-weight: 600;
}

.bb-ds .qs-arrow:after {
    background-image: url(icon-circle-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: contain;
    border: none;
    height: 24px;
    left: 7px;
    top: 0;
    -webkit-transform: none;
    transform: none;
    width: 24px
}

.bb-ds .qs-arrow:hover {
    background-color: transparent
}

.bb-ds .qs-right:after {
    left: -7px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.bb-ds .qs-squares {
    padding: 0
}

.bb-ds .qs-month-year {
    color: #717171;
    font-family: var(--font1) !important;
    font-weight: 400
}

.bb-ds .qs-day {
    background-color: #ebebeb;
    border-radius: 0;
    color: #212a2f;
    font-size: 15px;
    height: 34px;
    line-height: 180%
}

.bb-ds .qs-num {
    height: 30px
}

.bb-ds .qs-current {
    font-weight: 400
}

.bb-ds .qs-active {
	background-color: rgb(var(--color-main-accent));
	border-radius: 5px;
	color: rgb(var(--color-main-text));
	font-weight: 700;
}

.bb-ds .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
    background-color: transparent;
    text-decoration: underline
}

.bb-ds-delivery-section {
    margin-top: 16px
}

.bb-ds-need-help {
    margin-bottom: 24px
}

.bb-ds-need-help p {
    margin-top: 12px
}

.bb-ds-product-page-text {
    margin-bottom: 19px;
    margin-top: 24px
}

.bb-ds-product-page-text button {
    cursor: pointer;
    text-decoration: underline
}

.bb-ds-underline {
    text-decoration: underline
}

.bb-ds-hide {
    display: none !important
}

.bb-ds-hide-calendar .qs-datepicker-container {
    display: none
}

.bb-ds-btn-modal-trigger {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 16px;
    width: 100%
}

.bb-ds-btn-modal-trigger span {
    width: 100%
}

.bb-ds-btn-modal-trigger .bb-ds-btn-change-text {
    display: none;
    text-decoration: underline
}

.bb-ds-btn-modal-trigger.success > span {
    width: 100%;
    background: #fff;
    color: #27ae60;
    padding: .45rem;
    border-radius: 2rem;
    margin-top: 0.6rem;
    text-decoration: none;
}

.bb-ds-btn-modal-trigger::before {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12C2 8.229 2 6.343 3.172 5.172C4.343 4 6.229 4 10 4H14C17.771 4 19.657 4 20.828 5.172C22 6.343 22 8.229 22 12V14C22 17.771 22 19.657 20.828 20.828C19.657 22 17.771 22 14 22H10C6.229 22 4.343 22 3.172 20.828C2 19.657 2 17.771 2 14V12Z' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M7 4V2.5M17 4V2.5M2.5 9H21.5' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M18 17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18C16.7348 18 16.4804 17.8946 16.2929 17.7071C16.1054 17.5196 16 17.2652 16 17C16 16.7348 16.1054 16.4804 16.2929 16.2929C16.4804 16.1054 16.7348 16 17 16C17.2652 16 17.5196 16.1054 17.7071 16.2929C17.8946 16.4804 18 16.7348 18 17ZM18 13C18 13.2652 17.8946 13.5196 17.7071 13.7071C17.5196 13.8946 17.2652 14 17 14C16.7348 14 16.4804 13.8946 16.2929 13.7071C16.1054 13.5196 16 13.2652 16 13C16 12.7348 16.1054 12.4804 16.2929 12.2929C16.4804 12.1054 16.7348 12 17 12C17.2652 12 17.5196 12.1054 17.7071 12.2929C17.8946 12.4804 18 12.7348 18 13ZM13 17C13 17.2652 12.8946 17.5196 12.7071 17.7071C12.5196 17.8946 12.2652 18 12 18C11.7348 18 11.4804 17.8946 11.2929 17.7071C11.1054 17.5196 11 17.2652 11 17C11 16.7348 11.1054 16.4804 11.2929 16.2929C11.4804 16.1054 11.7348 16 12 16C12.2652 16 12.5196 16.1054 12.7071 16.2929C12.8946 16.4804 13 16.7348 13 17ZM13 13C13 13.2652 12.8946 13.5196 12.7071 13.7071C12.5196 13.8946 12.2652 14 12 14C11.7348 14 11.4804 13.8946 11.2929 13.7071C11.1054 13.5196 11 13.2652 11 13C11 12.7348 11.1054 12.4804 11.2929 12.2929C11.4804 12.1054 11.7348 12 12 12C12.2652 12 12.5196 12.1054 12.7071 12.2929C12.8946 12.4804 13 12.7348 13 13ZM8 17C8 17.2652 7.89464 17.5196 7.70711 17.7071C7.51957 17.8946 7.26522 18 7 18C6.73478 18 6.48043 17.8946 6.29289 17.7071C6.10536 17.5196 6 17.2652 6 17C6 16.7348 6.10536 16.4804 6.29289 16.2929C6.48043 16.1054 6.73478 16 7 16C7.26522 16 7.51957 16.1054 7.70711 16.2929C7.89464 16.4804 8 16.7348 8 17ZM8 13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14C6.73478 14 6.48043 13.8946 6.29289 13.7071C6.10536 13.5196 6 13.2652 6 13C6 12.7348 6.10536 12.4804 6.29289 12.2929C6.48043 12.1054 6.73478 12 7 12C7.26522 12 7.51957 12.1054 7.70711 12.2929C7.89464 12.4804 8 12.7348 8 13Z' fill='white'/%3E%3C/svg%3E%0A");
	width: 24px;
	height: 24px;
	content: "";
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: .45rem;
	position: relative;
	bottom: .1rem;
}

.bb-ds-btn-modal-trigger {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 16px;
    width: 100%
}

.bb-ds-btn-modal-trigger.success {
    background-color: #27ae60 !important;
    border-color: #27ae60 !important;
    color: #fff !important;
    line-height: 1.2;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    max-height: none !important;
}

.bb-ds-btn-modal-trigger.success:after {
    color: #fff;
    opacity: 1
}

.bb-ds-btn-checkout.loading {
    background-color: #fff;
    font-size: 0
}

.bb-ds-btn-checkout.loading:after {
    color: #000;
    content: "";
    position: absolute;
    height: 17px !important;
    margin: auto;
    width: 17px !important
}

@supports((-webkit-animation-name:loading-animation) or (animation-name:loading-animation)) {
    .bb-ds-btn-checkout.loading:after {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: loading-animation;
        animation-name: loading-animation;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        border: 2px solid;
        border-color: #000 #000 transparent;
        border-radius: 50%;
        color: transparent;
        height: 30px;
        width: 30px
    }
}

.bb-ds-open {
    overflow: hidden
}

.bb-ds-open .bb-ds {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

body.template-product .add-to-cart-btn-container.free-sample button.btn--atc.btn.btn-secondary {
    bottom: 0;
    height: 45px;
    max-width: 91.75vw;
    z-index: 10
}

.bb-ds .bb-ds-btn-footer {
    background-color: var(--date-selector-btn-bg);
    border: 2px solid var(--date-selector-btn-border-color);
    width: 100%
}

@media only screen and (max-width:768px) {
    body.template-product .product-details-form-wrapper-inner {
        position: relative !important;
        top: 0 !important
    }
    #launcher,
    .kl-teaser-VkxzgN {
        margin-bottom: 20px !important
    }
}

.quick-links__heading {
    font-family: var(--font2);
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .quick-links__heading {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 48px
    }
}

.quick-links__image-wrapper,
.quick-links__link-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -16px;
    overflow-x: auto;
    padding: 0 16px 8px
}

@media screen and (min-width:1024px) {
    .quick-links__image-wrapper,
    .quick-links__link-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        overflow: hidden;
        padding: 0
    }
}

.quick-links__link-wrapper {
    gap: 16px
}

.quick-links__image-wrapper {
    gap: 16px;
    padding: 1px 16px
}

@media screen and (min-width:1024px) {
    .quick-links__image-wrapper {
        gap: 32px
    }
}

.quick-links__link {
    background: var(--background);
    border-radius: 30px;
    color: var(--color);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    padding: 0 16px;
    white-space: nowrap
}

@media screen and (min-width:1024px) {
    .quick-links__link {
        font-size: 20px;
        padding: 8px 24px
    }
}

.quick-links__image {
    -webkit-box-flex: 0;
    display: block;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    font-size: 14px;
    font-weight: 700;
    font-weight: 600;
    line-height: 16px;
    padding: 0 0 4px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .quick-links__image {
        font-size: 20px;
        line-height: 24px
    }
}

.quick-links__image span {
    display: inline-block;
    position: relative
}

.quick-links__image span:after {
    background-color: #000;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 333ms ease-in-out;
    transition: -webkit-transform 333ms ease-in-out;
    transition: transform 333ms ease-in-out;
    transition: transform 333ms ease-in-out, -webkit-transform 333ms ease-in-out;
    width: 100%
}

.quick-links__image:hover span:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

@media screen and (min-width:1024px) {
    .quick-links__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
        flex: 0 0 250px
    }
}

.quick-links__img {
    border-radius: 20px;
    margin: 0 0 16px;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .quick-links__img {
        margin: 0 0 24px
    }
}

.homepage-search-section {
    margin: 40px 0
}

@media screen and (min-width:768px) {
    .homepage-search-section {
        margin: 60px 0
    }
}

.homepage-search-section .heading-2 {
    margin-bottom: 15px;
    text-align: center
}

@media screen and (min-width:768px) {
    .homepage-search-section .heading-2 br {
        display: none
    }
}

.homepage-search-section .container {
    max-width: 837px
}

.homepage-search-section #site-search__input {
    background-position: 18px;
    border: 2px solid #212a2f !important;
    border-radius: 20px;
    font-size: 14px;
    height: 44px;
    padding: 19px 0 19px 58px
}

.homepage-search-section #site-search__input::-webkit-input-placeholder {
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    line-height: 13px
}

.homepage-search-section #site-search__input::-moz-placeholder {
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    line-height: 13px
}

.homepage-search-section #site-search__input:-ms-input-placeholder {
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    line-height: 13px
}

.homepage-search-section #site-search__input::-ms-input-placeholder {
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    line-height: 13px
}

.homepage-search-section #site-search__input::placeholder {
    font-size: inherit;
    font-weight: inherit;
    line-height: 13px
}

@media screen and (max-width: 800px){
  .product-video-preview-section {
    padding-bottom: 34px;
}
}

.product-video-preview-section {
    text-align: center;
}


.product-video-preview-section .grid {
	--grid-desktop-horizontal-spacing: 32px;
	--grid-desktop-vertical-spacing: 32px;
	--grid-mobile-horizontal-spacing: 20px;
	--grid-mobile-vertical-spacing: 30px;
	align-items: center;
	text-align: center;
}

.product-video-preview-section__video-container {
	height: 0;
	padding-top: 100%;
	position: relative;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
}

.product-video-preview-section__video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover;
}


.product-video-preview-section__text-block > * + *{
  margin-top: 24px;
}

@media screen and (max-width:800px) {
    .product-video-preview-section__text-block > * + * {
  	margin-top: 10px;
  }
  .product-video-preview-section__text-block {
	text-align: left;
  }
  .product-video-preview-section__text-block .text-body {
	/* font-family: var(--font-family-secondary); */
	font-size: 17px;
	line-height: 146%;
  }
}


@media screen and (min-width:990px) {
    .product-video-preview-section .grid {
        text-align: left
    }

  .product-video-preview-section__text-block {
  max-width: 540px;
  margin-left: auto;
}

}

.image-snippet {
    position: relative;
    width: 100%
}

.image-snippet__fill:after {
    content: ""
}

@media screen and (max-width:1023px) {
    .image-snippet__fill--mobile {
        aspect-ratio: var(--aspect-ratio-mobile)
    }
}

@media screen and (min-width:1024px)and (max-width:1279px) {
    .image-snippet__fill--tablet {
        aspect-ratio: var(--aspect-ratio-tablet)
    }
}

@media screen and (min-width:1280px) {
    .image-snippet__fill--desktop {
        aspect-ratio: var(--aspect-ratio)
    }
}

.image-snippet__img {
    display: block
}

@media screen and (max-width:1023px) {
    .image-snippet__img--desktop,
    .image-snippet__img--tablet {
        display: none
    }
}

@media screen and (min-width:1024px)and (max-width:1279px) {
    .image-snippet__img--desktop,
    .image-snippet__img--mobile {
        display: none
    }
}

@media screen and (min-width:1280px) {
    .image-snippet__img--mobile,
    .image-snippet__img--tablet {
        display: none
    }
}

.image-snippet__img--fill {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.linked-products {
    margin: 0 0 24px
}

.linked-products--mb {
    margin: 24px 0
}

@media screen and (min-width:1024px) {
    .linked-products--mb {
        display: none
    }
}

.linked-products--dt {
    display: none
}

@media screen and (min-width:1024px) {
    .linked-products--dt {
        display: block
    }
}

.linked-products__title {
    margin: 0 0 12px
}

/* .linked-products__products {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, 1fr)
}

.linked-products__product {
    border: 1px solid transparent;
    border-radius: 4px;
    display: block;
    overflow: hidden
}

.linked-products__product--active {
    border-color: var(--color-body-text)
} */

.hero {
    color: var(--color-m);
    position: relative
}

.banner__link{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}




@media screen and (min-width:1024px) {
    .hero {
        color: var(--color-d)
    }
}

.hero__content {
    bottom: 32px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

@media screen and (min-width:1024px) {
    .hero__content {
        bottom: 46px
    }
    .hero__text--m {
        display: none
    }
}

.hero__text--d {
    display: none
}

@media screen and (min-width:1024px) {
    .hero__text--d {
        display: block
    }
}

.hero__heading {
    font-family: var(--font2);
    font-size: 38px;
    font-weight: 800;
    line-height: 40px
}

@media screen and (min-width:1024px) {
    .hero__heading {
        font-size: 50px;
        line-height: 64px
    }
}

.hero__p {
    font-family: var(--font1);
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    margin: 16px 0 0
}

.hero__btn {
    border-radius: 20px
}

.hero__btn--m {
    background: var(--btn-bg-m);
    border-color: var(--btn-border-m);
    color: var(--btn-color-m);
    margin: 16px 0 0
}

.hero__btn--m:hover {
    background: var(--btn-hover-bg-m);
    border-color: var(--btn-hover-border-m);
    color: var(--btn-hover-color-m)
}

.hero__btn--d {
    background: var(--btn-bg-d);
    border-color: var(--btn-border-d);
    color: var(--btn-color-d);
    margin: 32px 0 0
}

.hero__btn--d:hover {
    background: var(--btn-hover-bg-d);
    border-color: var(--btn-hover-border-d);
    color: var(--btn-hover-color-d)
}

@media screen and (min-width:1024px) {
    .why-choose-us {
        background: var(--bg)
    }
}

.why-choose-us__content {
    background: var(--bg);
    border-radius: 20px;
    padding: 24px 40px 32px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .why-choose-us__content {
        padding: 32px 0 36px
    }
}

.why-choose-us__heading {
    font-family: var(--font2);
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .why-choose-us__heading {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 48px
    }
}

.why-choose-us__grid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center
}

@media screen and (min-width:1024px) {
    .why-choose-us__grid {
        gap: 32px;
        grid-template-columns: repeat(3, 275px)
    }
}

.why-choose-us__icon {
    margin: 0 auto 10px;
    width: 45px
}

@media screen and (min-width:1024px) {
    .why-choose-us__icon {
        margin: 0 auto 28px;
        width: 100px
    }
}

.why-choose-us__title {
    font-family: var(--font2);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0
}

@media screen and (min-width:1024px) {
    .why-choose-us__title {
        font-size: 20px
    }
}

.why-choose-us__p {
    display: none
}

@media screen and (min-width:1024px) {
    .why-choose-us__p {
        display: block;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        margin: 8px 0 0
    }
}

.reviews__heading {
    font-family: var(--font2);
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .reviews__heading {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 48px
    }
}

.reviews__p {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: 8px 0 0;
    text-align: center
}

@media screen and (min-width:1024px) {
    .reviews__p {
        font-size: 20px;
        font-weight: 500;
        line-height: 24px
    }
}

.reviews__grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 250px);
    margin: 32px -16px 0;
    overflow-x: auto;
    padding: 0 16px 8px
}

@media screen and (min-width:1024px) {
    .reviews__grid {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        gap: 32px;
        justify-content: center;
        margin: 40px 0 0;
        padding: 0
    }
}

.reviews__item {
    background: var(--bg);
    border-radius: 20px;
    padding: 20px 16px 16px
}

@media screen and (min-width:1024px) {
    .reviews__item {
        padding: 30px 20px 20px;
        text-align: center
    }
}

.reviews__item .heading-5 {
    font-weight: 700;
    margin: 0 0 8px
}

@media screen and (min-width:1024px) {
    .reviews__item .heading-5 {
        margin: 0 0 24px
    }
    .reviews__item strong {
        font-size: 14px;
        font-weight: 700;
        line-height: 16px
    }
}

.reviews__stars {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    gap: 3px;
    grid-template-columns: repeat(5, 16px);
    margin: 0 0 8px
}

@media screen and (min-width:1024px) {
    .reviews__stars {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.reviews__stars svg {
    height: 16px;
    width: 16px
}

.reviews__review {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 0 8px
}

@media screen and (min-width:1024px) {
    .reviews__review {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 32px
    }
}

.reviews__btn {
    border-radius: 20px;
    display: block;
    margin: 16px auto 0;
    text-transform: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width:1024px) {
    .reviews__btn {
        margin: 24px auto 0
    }
}

.as-seen-in .featured-banner {
    border: 0;
    padding: 0
}

.as-seen-in .featured-banner .featured-header .heading-3 {
    font-family: var(--font2);
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .as-seen-in .featured-banner .featured-header .heading-3 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 48px
    }
}

.bestsellers {
    background: var(--bg);
    padding: 24px 0
}

@media screen and (min-width:1024px) {
    .bestsellers {
        padding: 48px 0
    }
}

.bestsellers__heading {
    font-family: var(--font2);
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .bestsellers__heading {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 48px
    }
}

.bestsellers__grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 -16px;
    overflow-x: auto;
    padding: 0 16px 8px
}

@media screen and (min-width:1024px) {
    .bestsellers__grid {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        gap: 32px;
        grid-template-columns: repeat(4, 1fr);
        justify-content: center;
        margin: 0;
        overflow: hidden;
        padding: 0
    }
}

.bestsellers__item {
    padding: 0 0 4px
}

.bestsellers__link {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .bestsellers__link {
        font-size: 20px;
        line-height: 24px
    }
}

.bestsellers__link span {
    display: inline-block;
    position: relative
}

.bestsellers__link span:after {
    background-color: #000;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 333ms ease-in-out;
    transition: -webkit-transform 333ms ease-in-out;
    transition: transform 333ms ease-in-out;
    transition: transform 333ms ease-in-out, -webkit-transform 333ms ease-in-out;
    width: 100%
}

.bestsellers__link:hover span:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.bestsellers__image {
    border-radius: 20px;
    margin: 0 0 16px;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .bestsellers__image {
        margin: 0 0 24px
    }
}

.bestsellers__btn {
    border-radius: 20px;
    display: block;
    margin: 24px auto 0;
    text-transform: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width:1024px) {
    .bestsellers__btn {
        margin: 32px auto 0
    }
}

.collection-blocks {
    background: var(--bg);
    padding: 24px 0
}

@media screen and (min-width:1024px) {
    .collection-blocks {
        padding: 48px 0
    }
}

.collection-blocks__heading {
    font-family: var(--font2);
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .collection-blocks__heading {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 48px
    }
}

.collection-blocks__grid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: grid;
    gap: 32px 16px;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center
}

@media screen and (min-width:1024px) {
    .collection-blocks__grid {
        gap: 64px 32px;
        grid-template-columns: repeat(3, 320px)
    }
}

.collection-blocks__link {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 0 0 4px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .collection-blocks__link {
        font-size: 20px;
        line-height: 24px
    }
}

.collection-blocks__link span {
    display: inline-block;
    position: relative
}

.collection-blocks__link span:after {
    background-color: #000;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 333ms ease-in-out;
    transition: -webkit-transform 333ms ease-in-out;
    transition: transform 333ms ease-in-out;
    transition: transform 333ms ease-in-out, -webkit-transform 333ms ease-in-out;
    width: 100%
}

.collection-blocks__link:hover span:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.collection-blocks__image {
    border-radius: 20px;
    margin: 0 0 16px;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .collection-blocks__image {
        margin: 0 0 24px
    }
}

.blog-links__heading {
    font-family: var(--font2);
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .blog-links__heading {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 48px
    }
}

.blog-links__grid {
    display: grid;
    gap: 24px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .blog-links__grid {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        gap: 32px;
        grid-template-columns: repeat(3, 320px);
        justify-content: center;
        text-align: left
    }
}

.blog-links__link {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 0 0 4px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .blog-links__link {
        font-size: 20px;
        line-height: 24px
    }
}

.blog-links__link span {
    display: inline-block;
    position: relative
}

.blog-links__link span:after {
    background-color: #000;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 333ms ease-in-out;
    transition: -webkit-transform 333ms ease-in-out;
    transition: transform 333ms ease-in-out;
    transition: transform 333ms ease-in-out, -webkit-transform 333ms ease-in-out;
    width: 100%
}

.blog-links__link:hover span:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.blog-links__image {
    border-radius: 20px;
    margin: 0 0 16px;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .blog-links__image {
        margin: 0 0 24px
    }
}

.blog-links__p {
    font-family: var(--font1);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: 8px 0 0
}

@media screen and (min-width:1024px) {
    .blog-links__p {
        font-size: 20px;
        line-height: 32px;
        margin: 16px 0 0
    }
}

.seo-text__heading {
    font-family: Averta, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 15px;
    text-align: left;
    font-weight: 700;
}

@media screen and (min-width:1024px) {
    .seo-text__heading {
        font-size: 30px;
        line-height: 50px;
        margin: 0 0 34px
    }
}

.seo-text__text {
    margin: 0 0 8px;
    max-height: 2000px;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
}

.seo-text__text p{
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
}

@media screen and (min-width:1024px) {
    .seo-text__text {
        margin: 0 0 16px
    }
}

.seo-text__text--hide {
    max-height: 0;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .seo-text p {
        font-size: 18px;
        font-weight: 500;
        line-height: 32px
    }
}

.seo-text p+p {
    margin: 0
}

@media screen and (min-width:1024px) {
    .seo-text p+p {
        margin: 32px 0 0
    }
}

.seo-text__btn {
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    position: relative
}

@media screen and (min-width:1024px) {
    .seo-text__btn {
        font-size: 20px;
        line-height: 32px
    }
}

.seo-text__btn:after {
    background-color: #000;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 333ms ease-in-out;
    transition: -webkit-transform 333ms ease-in-out;
    transition: transform 333ms ease-in-out;
    transition: transform 333ms ease-in-out, -webkit-transform 333ms ease-in-out;
    width: 100%
}

.seo-text__btn:before {
    content: "Read More +"
}

.seo-text__btn--hide:before {
    content: "Read Less -"
}

.seo-text__btn:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}



/* Update */


.icon-button {
    cursor: pointer;
}


/* Typography */


/* 
h1 - 55px
h2 - 39px -> 26
h3 - 33px -> 24
h4 - 28px -> 22
h5 - 24px -> 20
h6 - 20px
*/


strong {
	font-weight: 700;
    font-size:inherit
}

.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: "Averta", sans-serif;
    line-height: 110%;
}

.h-body {
    font-family: var(--font-family);
}


.h1 {
    font-size: 1.875rem;
    font-weight: 600;
}


@media screen and (min-width: 750px) {
    .h1 {
        font-size: 2.375rem;
    }   
}


@media screen and (min-width: 950px) {
    .h1 {
        font-size: 2.8125rem;
    }   
}



.h2 {
    font-size: 1.5rem;
    font-weight: 600;
}

.h2 strong{
    font-size: inherit;
    font-weight: 600;
}


@media screen and (min-width: 750px) {
    .h2 {
        font-size: 1.75rem;
    }   
}


@media screen and (min-width: 950px) {
    .h2 {
        font-size: 40px;
    }
    .h2 strong{
    font-weight: 700;
}   
}



.h3 {
    font-size: 1.5rem;
    font-weight: 600;
}


@media screen and (min-width: 750px) {
    .h3 {
        font-size: 1.625rem;
    }   
}


@media screen and (min-width: 950px) {
    .h3 {
        font-size:  30px;
    }   
}


.h4 {
    font-size: 1.625rem;
}


@media screen and (min-width: 750px) {
    .h4 {
        font-size: 1.625rem;
    }   
}


@media screen and (min-width: 950px) {
    .h4 {
        font-size: 1.625rem;
    }   
}


.h5 {
    font-size: 1.375rem;
}


@media screen and (min-width: 750px) {
    .h5 {
        font-size: 1.375rem;
    }   
}


@media screen and (min-width: 950px) {
    .h5 {
        font-size: 1.5rem;
    }   
}



.h6 {
    font-size: 1.25rem;
}

.text--success {
    color: rgba(var(--color-status-positive));
}

.text--warning {
  color: rgba(245,168,24,1);
}

.text--regular {
    font-weight: var(--fw-regular);
}

.text--bold {
    font-weight: var(--fw-semibold);
}

.text--bolder {
    font-weight: var(--fw-bold);
}

.text--body-font {
    font-family: var(--font-family);
}

.text--second-font {
    font-family: var(--font-heading);
}


.text-underline {
  text-decoration: underline;
}

.text-body {
    font-size: 0.938rem;
    line-height: 155%;
}

.text-body--extra-large {
    font-size: 0.938rem;
}

.text-body--medium-large {
    font-size: 0.938rem;
}

.text-body--large {
    font-size: 1rem;
}

.text-body--smaller {
    font-size: 0.9375rem;
}

.text-body--small {
    font-size: 0.875rem;
}


.text-with-inline-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.1em;
    gap: 5px
}

.center .text-with-inline-icons {
    justify-content: center;
}


.text-inline-icon {
    min-height: 1.1em;
	display: inline-flex;
}

.text-inline-icon > * {
    display: flex;
    height: 1.2em;
}


@media screen and (min-width: 600px) {
    .text-body {
      font-size: 1rem;
    }
  
    .text-body--extra-large {
        font-size: 1.25rem;
    }
  
    .text-body--medium-large {
        font-size: 1.0625rem;
    }
    .text-body--large {
        font-size: 1.125rem;
    }
}

/* Hide classes ========================= */
.visually-hidden {

}

@media screen and (max-width: 550px){
    .pocket-hide {
        display: none !important;
    }
}

@media screen and (min-width: 550px){
    .pocket-up-hide {
        display: none !important;
    }
}


@media screen and (max-width: 800px){
    .tablet-hide {
        display: none !important;
    }
}

@media screen and (min-width: 800px){
    .tablet-up-hide {
        display: none !important;
    }
}

@media screen and (min-width: 1024px){
    .text-body--medium-large {
        font-size: 1rem;
    }
}


@media screen and (max-width: 1150px){
    .large-hide {
        display: none !important;
    }
}

@media screen and (min-width: 1150px){
    .large-up-hide {
        display: none !important;
    }
}



/* Custom  Decorations ====================================== */
.decor-underline {
    position: relative;
  }
  
  .decor-underline::after {
    content: "";
    width: var(--width, 100%);
    height: var(--height, 14px);
    display: block;
    margin-inline: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--bottom-offset, -5px);
  }
  
  @media screen and (max-width: 450px) {
    .decor-underline.decor-underline--mobile-hide::after {
      display: none;
    }
  }

  .decor-accent {
    color: rgba(var(--color-main-accent),1);
  }
  
  .decor-underline--1::after{
    --height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='238' height='5' viewBox='0 0 238 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M115.55 2.75492C71.4126 2.77878 28.8223 3.30796 6.96475 4.10405C4.16204 4.20613 1.35461 3.74193 0.694169 3.06724C0.0337306 2.39255 1.77038 1.76285 4.57309 1.66077C27.2061 0.836439 70.4215 0.307772 114.68 0.283843C153.241 0.262994 193.089 0.624596 221.196 1.53504C221.222 1.53472 221.246 1.53445 221.267 1.53423C221.656 1.5301 222.03 1.5329 222.339 1.5371C222.963 1.54557 223.653 1.56453 224.31 1.58603C225.643 1.6296 227.209 1.69579 228.608 1.75967C230.021 1.82416 231.338 1.88967 232.203 1.93482C232.608 1.95597 232.992 1.97667 233.236 1.99156L233.241 1.99184C233.286 1.99456 233.449 2.0045 233.632 2.01848C233.687 2.0227 233.798 2.03136 233.935 2.04386L233.942 2.04449C234.011 2.05072 234.423 2.08786 234.892 2.15656L234.907 2.15862C235.064 2.18135 235.959 2.31083 236.676 2.56376C237.06 2.72121 237.587 3.1286 237.623 3.37149C237.443 3.61976 236.6 4.00981 236.043 4.1486C235.017 4.36293 233.871 4.40549 233.698 4.4119C233.692 4.41214 233.686 4.41233 233.683 4.41248C233.331 4.42646 233.048 4.42837 232.925 4.42885C232.66 4.4299 232.451 4.42573 232.383 4.42434C232.287 4.42239 232.209 4.42018 232.162 4.41878C232.068 4.41596 231.989 4.41304 231.945 4.41135C231.851 4.40778 231.76 4.40385 231.688 4.40068C228.504 4.26024 225.066 4.12965 221.405 4.00859C221.32 4.0063 221.236 4.00353 221.153 4.00028C193.89 3.10459 154.374 2.73393 115.55 2.75492Z' fill='%23FAC828'/%3E%3C/svg%3E%0A");
  }
  
  
  .decor-underline--2::after{
    --height: 10px;
    --bottom-offset: -5px;
    background-image: url("data:image/svg+xml,%3Csvg width='92' height='10' viewBox='0 0 92 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44.8641 5.27389C27.9025 5.85139 11.5292 6.91466 3.11974 7.98472C2.04143 8.12193 0.968406 7.69307 0.723074 7.02684C0.477743 6.3606 1.15301 5.70928 2.23132 5.57207C10.9391 4.46405 27.5526 3.39344 44.5608 2.81436C59.3792 2.30983 74.6877 2.1715 85.4771 2.72916C85.4871 2.72851 85.4963 2.72795 85.5045 2.72745C85.654 2.71844 85.7978 2.71655 85.9166 2.71687C86.156 2.71752 86.4208 2.72782 86.6733 2.74106C87.185 2.7679 87.7857 2.81444 88.3228 2.86076C88.8649 2.9075 89.3703 2.95647 89.702 2.99076C89.8575 3.00683 90.0046 3.02271 90.0983 3.03453L90.1001 3.03476C90.1172 3.03691 90.1799 3.0448 90.25 3.05648C90.2712 3.06001 90.3136 3.06728 90.3661 3.07805L90.3688 3.0786C90.3953 3.08396 90.5533 3.11592 90.7326 3.17871L90.738 3.1806C90.7982 3.20135 91.1407 3.31956 91.4128 3.56344C91.5587 3.71603 91.756 4.11671 91.7667 4.35908C91.6945 4.60955 91.3654 5.01008 91.1497 5.15581C90.7529 5.38296 90.3118 5.43989 90.2454 5.44846C90.2429 5.44878 90.2409 5.44904 90.2395 5.44923C90.1043 5.46762 89.9953 5.47308 89.9483 5.4751C89.8463 5.47947 89.7659 5.47793 89.7399 5.4774C89.7032 5.47664 89.6732 5.47542 89.6551 5.4746C89.6189 5.47297 89.5887 5.47103 89.5717 5.4699C89.5358 5.46751 89.5007 5.46473 89.4731 5.46245C88.2514 5.36198 86.9318 5.27456 85.5264 5.19946C85.494 5.19822 85.4617 5.1965 85.4295 5.19431C74.9642 4.64082 59.7836 4.76592 44.8641 5.27389Z' fill='%23FAC828'/%3E%3Cellipse cx='87.9583' cy='4.90088' rx='3.13774' ry='1.48913' transform='rotate(1.16708 87.9583 4.90088)' fill='%23FAC828'/%3E%3C/svg%3E%0A");
  }
  
  
  .decor-underline--3::after{
    --height: 22px;
    --bottom-offset: -15px;
    background-image: url("data:image/svg+xml,%3Csvg width='143' height='6' viewBox='0 0 143 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M69.59 3.49298C43.0455 3.87526 17.4276 4.7502 4.27602 5.72365C2.58965 5.84847 0.905038 5.40715 0.513331 4.73793C0.121623 4.06871 1.17116 3.42502 2.85753 3.3002C16.4757 2.29221 42.4696 1.4127 69.0869 1.02938C92.2772 0.695406 116.239 0.733361 133.135 1.41542C133.151 1.41489 133.165 1.41443 133.178 1.41403C133.412 1.40674 133.637 1.40651 133.823 1.40819C134.198 1.4116 134.612 1.42496 135.007 1.44111C135.809 1.47384 136.75 1.52732 137.591 1.57982C138.44 1.63283 139.232 1.68763 139.751 1.72574C139.995 1.74361 140.225 1.76119 140.372 1.77409L140.375 1.77434C140.402 1.77669 140.5 1.7853 140.61 1.79779C140.643 1.80157 140.71 1.80932 140.792 1.82071L140.796 1.82128C140.838 1.82695 141.085 1.86074 141.367 1.92561L141.375 1.92756C141.47 1.94901 142.007 2.07119 142.436 2.31826C142.666 2.47257 142.98 2.87561 142.999 3.11817C142.889 3.36786 142.379 3.7647 142.043 3.90798C141.424 4.13061 140.734 4.18247 140.63 4.19028C140.626 4.19057 140.623 4.19081 140.621 4.19098C140.41 4.20782 140.239 4.21203 140.166 4.2135C140.006 4.2167 139.88 4.21423 139.839 4.2134C139.782 4.21222 139.735 4.21065 139.707 4.20963C139.65 4.20758 139.603 4.20529 139.576 4.20397C139.52 4.20116 139.465 4.19797 139.422 4.19538C137.508 4.08082 135.441 3.97817 133.24 3.88687C133.19 3.88526 133.139 3.88317 133.089 3.8806C116.7 3.20644 92.9386 3.15673 69.59 3.49298Z' fill='%23FAC828'/%3E%3C/svg%3E%0A");
  }
  
  .decor-underline--4::after{
    --height: 14px;
    --bottom-offset: -20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='674' height='14' viewBox='0 0 674 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M548.083 0C551.155 0.932592 553.228 1.55782 555.856 2.35264C563.332 0.476862 570.254 -1.50488 579.581 2.09831C581.542 2.86134 593.535 1.48361 600.308 1.13389C606.267 1.58959 612.744 2.43745 619.295 2.51163C637.432 2.71299 655.605 2.57522 673.778 2.57522C673.852 3.1157 673.926 3.66675 674 4.20723C665.931 4.38739 657.9 4.66292 649.794 4.7265C569.735 5.36236 489.603 5.66971 409.582 6.66589C325.526 7.70446 241.544 9.29411 157.563 10.8414C111.741 11.6892 65.9934 12.9609 20.2088 13.9677C15.8783 14.0631 10.8818 13.9676 7.21751 13.406C3.92338 12.9079 0 11.6573 0 10.746C0 9.94053 4.8117 8.54165 7.92076 8.43568C41.5652 7.28053 75.2097 6.06182 109.002 5.40477C144.127 4.72652 179.363 4.66295 214.562 4.29203C247.207 3.95291 279.89 3.63497 312.498 3.15807C339.036 2.77656 365.5 1.98171 392.038 1.73796C402.327 1.64258 412.654 2.80833 423.054 2.9355C428.162 2.99909 437.378 4.74771 438.452 1.2293C438.489 1.09153 441.117 0.815969 441.894 0.94314C451.406 2.43741 461.474 0.18015 470.098 1.04916C479.684 2.02414 487.752 1.60025 496.746 0.932597C499.707 0.710047 503.483 1.6108 506.851 1.6108C510.922 1.6108 514.92 1.07034 519.028 0.974964C522.507 0.890183 527.023 0.720621 529.355 1.23991C536.979 2.90373 542.457 2.45865 548.009 0H548.083Z' fill='%23006368'/%3E%3C/svg%3E");
  }




  /* New Buttons ==================== */

  /* fix yotpo */
.yotpo-default-button, .button, .button:visited, #gf_pagination_wrap button.gf-loadmore-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	line-height: 100%;
	text-align: center;
	font-weight: var(--fw-regular);
	padding: .8rem 1.875rem;
	background: rgba(var(--button-bg, var(--color-main-accent)));
	color: rgba(var(--button-text, var(--color-white)));
	border-radius: 3rem;
    border: 1px solid transparent;
	text-transform: capitalize;
	transition: all .3s ease;
	cursor: pointer;
	min-height: 53px;
	position: relative;
	max-height: 53px;
}


  .button--text-normal {
    text-transform: unset !important;
  }

  .button--with-icon > * + * {
    margin-left: .35rem
  }

  .button__icon {
    top: 1px;
    position: relative;
  }

  .button[disabled] {
	opacity: .6;
	cursor: not-allowed;
}

  .button:not(.button--outline):hover {
    opacity: .65;
  }
  
  .button--mini {
    font-size: 0.9375rem;
    padding: 0.6875rem 1rem;
  }



  .button--full-width {
    width: 100%;
    display: flex;
    max-width: 100%;
  }

  .button--radius--secondary {
    border-radius: 20px;
  }


  .button--sample,
  .button--primary,
  .yotpo-default-button,
  #gf_pagination_wrap button.gf-loadmore-btn {
    --button-bg: var(--color-main-accent);
    --button-text: var(--color-main-text);
  }


  .button--whatsapp{
    --button-bg: 49,210, 78;
    --button-text: var(--color-white);
  }

  .button--white{
    --button-bg: var(--color-white);
    --button-text: var(--color-main-text);
    /* border-color: var(--color-main-text); */
  }


  /* fix later */
.button--sample {
      --button-bg: var(--color-main-accent);
      --button-text: var(--color-black);
      font-size: 17px;
      font-weight: 400;
      padding: .75rem 1.875rem;
      min-height: 55px;
      border: 1px solid rgba(248, 187, 6, 1);
      box-shadow: 0 5px 10px 0 rgba(var(--color-main-accent), 0.6);
    }


    #shopify-section-product .product-main-details__secondary-info .product-main-details__large-sample .button--sample{
        background: rgba(235, 232, 227, 1);
        box-shadow: none;
        border-color: rgba(235, 232, 227, 1);
    }

    #shopify-section-product .product-main-details__secondary-info .button--sample-large{
        background: rgba(235, 232, 227, 1);
        box-shadow: none;
        border-color: rgba(235, 232, 227, 1);
    }

  @media screen and (max-width: 800px) {
    .button--sample {
      min-height: 50px;
    }

    .button--sample:not(.disabled):not(.loading)::before {
    	/* content: ""; */
    	width: 20px;
    	height: 20px;
    	min-width: 20px;
    	margin-right: 8px;
    	background-repeat: no-repeat;
    	background-size: contain;
    	background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.61457 21.6562C5.29729 21.6562 4.98714 21.5621 4.72334 21.3858C4.45954 21.2096 4.25393 20.959 4.13251 20.6659C4.0111 20.3728 3.97933 20.0502 4.04123 19.7391C4.10312 19.4279 4.25591 19.1421 4.48025 18.9177C4.7046 18.6934 4.99043 18.5406 5.30161 18.4787C5.61279 18.4168 5.93533 18.4486 6.22845 18.57C6.52157 18.6914 6.77211 18.897 6.94838 19.1608C7.12464 19.4246 7.21873 19.7347 7.21873 20.052C7.21873 20.4775 7.04972 20.8855 6.74888 21.1863C6.44804 21.4872 6.04002 21.6562 5.61457 21.6562ZM25.6666 17.6458V22.4583C25.6666 23.3092 25.3286 24.1252 24.7269 24.7269C24.1252 25.3286 23.3092 25.6666 22.4583 25.6666H5.61447C4.12541 25.6666 2.69735 25.075 1.64443 24.0221C0.59152 22.9691 -2.18801e-10 21.5411 0 20.052V3.20832C0 2.35742 0.338019 1.54137 0.939696 0.939696C1.54137 0.338019 2.35742 0 3.20832 0H8.02081C8.87171 0 9.68776 0.338019 10.2894 0.939696C10.8911 1.54137 11.2291 2.35742 11.2291 3.20832V6.49722L13.5547 4.17161C13.8527 3.87369 14.2064 3.63736 14.5956 3.47613C14.9849 3.31489 15.4021 3.23191 15.8234 3.23191C16.2447 3.23191 16.6619 3.31489 17.0512 3.47613C17.4404 3.63736 17.7941 3.87369 18.092 4.17161L21.495 7.57458C21.7929 7.8725 22.0292 8.22618 22.1905 8.61543C22.3517 9.00469 22.4347 9.42188 22.4347 9.84321C22.4347 10.2645 22.3517 10.6817 22.1905 11.071C22.0292 11.4602 21.7929 11.8139 21.495 12.1118L19.1694 14.4375H22.4583C23.3092 14.4375 24.1252 14.7755 24.7269 15.3772C25.3286 15.9788 25.6666 16.7949 25.6666 17.6458ZM11.2227 20.1154L20.3606 10.9775C20.5096 10.8286 20.6278 10.6517 20.7084 10.4571C20.789 10.2625 20.8305 10.0539 20.8305 9.84322C20.8305 9.63255 20.789 9.42395 20.7084 9.22933C20.6278 9.0347 20.5096 8.85786 20.3606 8.7089L16.9577 5.30596C16.6569 5.00512 16.2488 4.83611 15.8234 4.83611C15.3979 4.83611 14.9899 5.00512 14.6891 5.30596L11.2291 8.76591V20.052C11.2291 20.0738 11.2231 20.0937 11.2227 20.1154ZM6.03369 24.041C7.04586 23.8984 7.97056 23.3895 8.63249 22.6106C9.29441 21.8317 9.64755 20.837 9.62497 19.8151V3.20832C9.62497 2.78287 9.45596 2.37485 9.15512 2.07401C8.85428 1.77317 8.44626 1.60416 8.02081 1.60416H3.20832C2.78287 1.60416 2.37485 1.77317 2.07401 2.07401C1.77317 2.37485 1.60416 2.78287 1.60416 3.20832V20.052C1.60479 20.6139 1.72334 21.1693 1.95213 21.6824C2.18092 22.1956 2.51486 22.655 2.93236 23.031C3.34986 23.407 3.84162 23.6911 4.37584 23.8651C4.91006 24.0391 5.47485 24.099 6.03369 24.041ZM24.0624 17.6458C24.0624 17.2203 23.8934 16.8123 23.5926 16.5115C23.2917 16.2106 22.8837 16.0416 22.4583 16.0416H17.6458V15.961L9.58462 24.0221C9.56966 24.0371 9.55086 24.0476 9.53578 24.0624H22.4583C22.8837 24.0624 23.2917 23.8934 23.5926 23.5926C23.8934 23.2917 24.0624 22.8837 24.0624 22.4583V17.6458Z' fill='white'/%3E%3C/svg%3E%0A");
    }
  }


  .button--black {
    --button-bg: var(--color-main-text) ;
    --button-text: var(--color-main-accent);
  }

  .button--black-2 {
    --button-bg: var(--color-main-text) ;
    --button-text: var(--color-white);
  }

  .button--green {
    --button-bg: 39, 174, 96 ;
    --button-text: var(--color-white);
  }

  .button--outline {
    --button-bg: transparent ;
    --button-text: var(--color-main-text);
    border: 1px solid rgba(var(--button-text)) 
  }

  .button--outline:hover {
    --button-bg: var(--color-main-text) ;
    --button-text: var(--color-white);
  }


.button--icon-lock::before {
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	background-image: url(icon-lock-white.svg);
	background-position: center;
	background-size: contain;
	margin-right: 0.3rem;
	background-repeat: no-repeat;
}

  .link:hover{
    text-decoration: underline;
  }


.button.loading::after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border: 2px solid transparent;
	border-top-color: rgba(var(--button-text));
	border-radius: 100%;
	animation: button-loading-spinner 1s ease infinite;
}

.button.loading {
  color: transparent;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}
  

  .yotpo-default-button,
  .write-question-review-buttons-container .write-question-review-button {
    --button-bg: var(--color-main-accent);
    --button-text: var(--color-main-text);
    font-family: inherit;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    font-weight: var(--fw-regular) !important;
    padding: 1rem 1.875rem !important;
    background: rgba(var(--button-bg, var(--color-main-accent))) !important;
    color: rgba(var(--button-text, var(--color-white))) !important;
    border-radius: 3rem !important;
    text-transform: capitalize !important;
    transition: all .3s ease !important;
    border: 0 !important;
    height: auto !important;
  }

  .yotpo-default-button:hover,
  .write-question-review-buttons-container .write-question-review-button:hover {
    background: rgba(var(--button-bg, var(--color-main-accent))) !important;
  }

  .yotpo-default-button *,
  .yotpo-default-button:hover *,
  .write-question-review-buttons-container .write-question-review-button *,
  .write-question-review-buttons-container .write-question-review-button:hover * {
    font-size: 1rem !important;
    line-height: 100%;
    color: rgb(var(--color-white)) !important;
  }

  .yotpo-display-wrapper .yotpo-default-button {
    max-width: 375px;
    margin-inline: auto;
    width: 100% !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
    background-color: rgb(var(--color-main-text)) !important;
    border-radius: 5px !important;
  }

  @media screen and (min-width: 750px) {
    .yotpo-default-button,
    .button,
    #gf_pagination_wrap button.gf-loadmore-btn {
      font-size: 1.125rem;
      padding: 1rem 1.875rem;
    }

    .button--mini {
        font-size: 1rem;
        padding: 0.6875rem 1.1875rem;
      }
  }

  @media screen and (min-width: 750px) {
    .button--mini {
        font-size: 1rem;
        padding: 0.6875rem 1.1875rem;
      }
  }






.button__text--desktop {
  display:none;
}


@media screen and (min-width: 500px) {

      .button__text--mobile {
    display:none !important;
  }
  
    .button__text--desktop {
    display:block !important;
  }
}

  /* Swiper ================================ */

    swiper-slider {
        width: 100%;
    }
  
    .gapless-slider-section {
        overflow: hidden;
    }


    .product-swiper {
        /* margin-inline: -9px; */
    }

    .product-slider .swiper-slide {
        /* padding: 9px; */
    }


    .swiper-wrapper-with-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    .swiper-wrapper-no-nav {
    	margin-top: 24px;
    }

    @media screen and (max-width: 768px){
        .swiper-wrapper-no-nav {
            margin-top: 19px;
        }
    }


    .swiper-wrapper-with-nav > .custom-swiper-button { 
        --size: 80px;
        width: var(--size);
        height: var(--size);
    }



    @media screen and (max-width: 800px) {
        .gapless-slider-section .swiper{
            width: 100%;
            overflow: visible;
        }
    }

    .section-slider--has-nav {
    display: flex;
    align-items: center;
    position: relative;
        margin-bottom: 3.5rem;
    }


    .custom-swiper-button {
        display: flex;
        justify-content: center;
        align-items: center;
    }

  .custom-swiper-bullets {
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .custom-swiper-bullets  .swiper-pagination-bullet-active {
    background: rgb(var(--custom-bullet-color, var(--color-main-text)));
  }


  .swiper-button-disabled {
    opacity: .5;
    visibility: visible;
    cursor: not-allowed;
  }

  .swiper-slide--auto-height{
    height: auto;
  }

  .section-bullets{
    margin-top: 35px;
  }

  @media screen and (min-width: 750px) {
    .section-bullets{
        margin-top: 70px;
      } 
  }


/* Media ================================ */

.aspect-media {
    position: relative;
    width: 100%;
    height: 0;
}


.aspect-media--rounded {
    border-radius: var(--custom-radius, 0.625rem);
    overflow: hidden;
}

.aspect-media--square {
    padding-top: 100%;
}

.aspect-media--circle {
    padding-top: 100%;
    border-radius: 100%;
    overflow: hidden;
}


.aspect-media--custom {
    padding-top: var(--custom-ratio);
}

.aspect-media--portrait {
    padding-top: 150%;
}

@media screen and (min-width: 900px){
    .aspect-media--portrait {
        padding-top: 125%;
    }
}



.aspect-media--landscape {
    padding-top: 48%;
}

.aspect-media > picture > img,
.aspect-media > img,
.aspect-media .placeholder-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .35s ease;
}


.placeholder-img {
	background: rgba(var(--color-main-text), .03);
}


.media-hover img{
    transition: all .25s ease;
}
.media-hover--scale:hover img {
    scale: 1.15;
}

.media-hover-overlay {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--color-main-text), .45);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    transition: all .25s ease;
}

.media-hover:hover .media-hover-overlay {
    opacity: 1;
}


.media-hover-overlay--instagram::before {
    content: "";
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7852 7.62891C11.2852 7.62891 7.69922 11.2852 7.69922 15.7148C7.69922 20.2148 11.2852 23.8008 15.7852 23.8008C20.2148 23.8008 23.8711 20.2148 23.8711 15.7148C23.8711 11.2852 20.2148 7.62891 15.7852 7.62891ZM15.7852 20.9883C12.9023 20.9883 10.5117 18.668 10.5117 15.7148C10.5117 12.832 12.832 10.5117 15.7852 10.5117C18.668 10.5117 20.9883 12.832 20.9883 15.7148C20.9883 18.668 18.668 20.9883 15.7852 20.9883ZM26.0508 7.34766C26.0508 8.40234 25.207 9.24609 24.1523 9.24609C23.0977 9.24609 22.2539 8.40234 22.2539 7.34766C22.2539 6.29297 23.0977 5.44922 24.1523 5.44922C25.207 5.44922 26.0508 6.29297 26.0508 7.34766ZM31.3945 9.24609C31.2539 6.71484 30.6914 4.46484 28.8633 2.63672C27.0352 0.808594 24.7852 0.246094 22.2539 0.105469C19.6523 -0.0351562 11.8477 -0.0351562 9.24609 0.105469C6.71484 0.246094 4.53516 0.808594 2.63672 2.63672C0.808594 4.46484 0.246094 6.71484 0.105469 9.24609C-0.0351562 11.8477 -0.0351562 19.6523 0.105469 22.2539C0.246094 24.7852 0.808594 26.9648 2.63672 28.8633C4.53516 30.6914 6.71484 31.2539 9.24609 31.3945C11.8477 31.5352 19.6523 31.5352 22.2539 31.3945C24.7852 31.2539 27.0352 30.6914 28.8633 28.8633C30.6914 26.9648 31.2539 24.7852 31.3945 22.2539C31.5352 19.6523 31.5352 11.8477 31.3945 9.24609ZM28.0195 24.9961C27.5273 26.4023 26.4023 27.457 25.0664 28.0195C22.957 28.8633 18.0352 28.6523 15.7852 28.6523C13.4648 28.6523 8.54297 28.8633 6.50391 28.0195C5.09766 27.457 4.04297 26.4023 3.48047 24.9961C2.63672 22.957 2.84766 18.0352 2.84766 15.7148C2.84766 13.4648 2.63672 8.54297 3.48047 6.43359C4.04297 5.09766 5.09766 4.04297 6.50391 3.48047C8.54297 2.63672 13.4648 2.84766 15.7852 2.84766C18.0352 2.84766 22.957 2.63672 25.0664 3.48047C26.4023 3.97266 27.457 5.09766 28.0195 6.43359C28.8633 8.54297 28.6523 13.4648 28.6523 15.7148C28.6523 18.0352 28.8633 22.957 28.0195 24.9961Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}

/* component-grid */
.grid {
    --grid-desktop-vertical-spacing: 15px;
    --grid-desktop-horizontal-spacing:15px;
    --grid-mobile-vertical-spacing: 8px;
    --grid-mobile-horizontal-spacing: 8px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 0;
    list-style: none;
    column-gap: var(--grid-mobile-horizontal-spacing);
    row-gap: var(--grid-mobile-vertical-spacing);
  }
  
  @media screen and (min-width: 750px) {
    .grid {
      column-gap: var(--grid-desktop-horizontal-spacing);
      row-gap: var(--grid-desktop-vertical-spacing);
    }
  }
  
  .grid:last-child {
    margin-bottom: 0;
  }
  
  .grid__item {
    width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    flex-grow: 1;
    flex-shrink: 0;
  }


  .grid__item--end:last-child {
    text-align: right;
  }
  
  @media screen and (min-width: 750px) {
    .grid__item {
      width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
      max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }
  }
  
  .grid--gapless.grid {
    column-gap: 0;
    row-gap: 0;
  }
  
  
  @media screen and (max-width: 749px) {
    .grid__item.slider__slide--full-width {
      width: 100%;
      max-width: none;
    }
  
    .grid--1-col-mobile .grid__item {
      width: calc(50% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
      max-width: calc(50% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
    } 
  
    .grid--3-col-mobile .grid__item {
      width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
      max-width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
    } 
  }
  
  @media screen and ( max-width:550px ) {
    .grid--1-col-mobile .grid__item {
      width: calc(100% - var(--grid-mobile-horizontal-spacing) * 2 / 3) !important;
      max-width: calc(100% - var(--grid-mobile-horizontal-spacing) * 2 / 3) !important;
    } 
  }
  
  .grid--1-col .grid__item {
    max-width: 100%;
    width: 100%;
  }
  
  .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
  }
  
  @media screen and (min-width: 750px) {
    .grid--3-col .grid__item {
      width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    }
  }
  
  .grid--2-col .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }


  .grid--5-col .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 5);
  }
  
  @media screen and (min-width: 750px) {
    .grid--2-col .grid__item {
      width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }


    .grid--5-col-tablet .grid__item {
        width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
        max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    }
  
    .grid--4-col-tablet .grid__item {
      width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    }
  
    .grid--3-col-tablet .grid__item {
      width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    }
  
    .grid--2-col-tablet .grid__item {
      width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }
  }
  
  @media screen and (max-width: 989px) {
    .grid--1-col-tablet-down .grid__item {
      width: 100%;
      max-width: 100%;
    }
    .grid--2-col-tablet-down .grid__item {
      max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
      width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }  
  }

  @media screen and (max-width: 750px) {
    .grid--2-col-tablet-down .grid__item {
      max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
      width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    }      
  }
  
  

  @media screen and (min-width: 990px) {
    .grid--7-col-desktop .grid__item {
      width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
      max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    }  
  
    .grid--6-col-desktop .grid__item {
      width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
      max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    }
  
    .grid--5-col-desktop .grid__item {
        width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
        max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    }
  
    .grid--4-col-desktop .grid__item {
      width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
      max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    }
  
    .grid--3-col-desktop .grid__item {
      width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
      max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    }
  
    .grid--3-col-desktop .grid__item--image {
      width: calc(66.66% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
      max-width: calc(66.66% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    }
  
    .grid--2-col-desktop .grid__item {
      width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
      max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }
  }
  
  
  @media screen and (min-width: 1500px) {
    .grid--7-col-desktop .grid__item {
      width: calc(14.2% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
      max-width: calc(14.2% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    }  
  }
  
  @media screen and (min-width: 990px) {
    .grid--1-col-desktop {
      flex: 0 0 100%;
      max-width: 100%;
    }
  
    .grid--1-col-desktop .grid__item {
      width: 100%;
      max-width: 100%;
    }
  }




/* Section header ================ */

  .section-header-wrapper {
	margin-bottom: 22px;
}

   .section-header-wrapper:not(.section-header-wrapper--has-nav) > * + * {
         margin-top: 20px;
}



.section-header-wrapper--has-nav {
	display: flex;
	align-items: center;
}


.section-header-wrapper--has-nav > * + * {
    margin-left: 25px;
}

.section-header-wrapper--has-link {
    display: flex;
    justify-content: space-between !important;
    align-items: end;
}

.section-header-wrapper--has-link > * + * {
    margin-top: 0 !important;
}

.section-header-wrapper__title {
    flex-grow: 1;
}

.section-header-wrapper__seperator {
	flex-grow: 1;
	height: 1px;
	background: rgba(var(--color-main-text), .1);
}

.section-header-wrapper__navigation {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    z-index: 1;
    align-items: center;
    pointer-events: none;
    top: 20%;
}

.section-header-wrapper__navigation .custom-swiper-button{
  pointer-events: auto;
}

.section-header-wrapper__navigation .new-swiper-button{
  padding: 8px;
  background-color: rgba(245,242,237, 0.85);
  pointer-events: auto;
}
.section-header-wrapper__navigation .new-swiper-button svg{
  display: block;
}

.section-header-wrapper__navigation .new-swiper-button path{
  stroke: rgb(var(--color-main-text));
}

.section-header-wrapper__navigation > * + * {
    margin-left: 12px;
}

.section-header-wrapper__subtitle{
    font-weight: 400;
}

.section-header-wrapper__subtitle.h4{
    font-size: 18px;
}

.section-header-wrapper__subtitle.h5{
    font-size: 16px;
}
.section-header-wrapper__subtitle.h6{
    font-size: 14px;
}

.cl-product-card-yotpo-rating .yotpo-stars {
	margin-right: 5px;
}

@media screen and (min-width: 550px) {
    .section-header-wrapper__title{
        flex-grow: 0;
    }    
}

@media screen and (min-width: 768px) {
    .section-header-wrapper {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 1024px){
    .section-header-wrapper{
        justify-content: center;
        text-align: center;
    }

  .template-product .section-header-wrapper__title.h2{
    font-size: 40px;
  }
  .template-product .section-header-wrapper__subtitle{
    margin-top: 5px;
  }

  .section-header-wrapper__subtitle.h4{
    font-size: 30px;
  }
  .section-header-wrapper__subtitle.h5{
    font-size: 28px;
  }
    .section-header-wrapper__subtitle.h6{
    font-size: 22px;
  }
}

/* Blob link ================ */
.blob-link {
    --custom-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3.125rem;
    padding: 0.7rem 1rem;
    background: rgba(var(--custom-color, var(--color-bg-vanilla)), 1);
}


.blob-link .icon-with-text__content {
    font-size: 14px;
}

@media screen and (min-width: 750px) {
    .blob-link .icon-with-text__content {
        font-size: 18px;
    }    
}

/* ICON WITH TEXT ================ */
.icon-with-text {
	display: flex;
	align-items: center;
}

.icon-with-text--vertical {
	flex-direction: column;
}

.icon-with-text > * + * {
    margin: 0 0 0 0.75rem;
}

.icon-with-text--vertical > * + * {
	margin: 0.75rem 0 0 0;
}

.icon-with-text--large .icon-with-text > * + * {
    margin-left: 1rem;
}


.icon-with-text--left.icon-with-text.icon-with-text--large > * + * {
    margin-left: 1.25rem !important;
}

.icon-with-text--center {
    justify-content: center;
}


.icon-with-text__icon > * {
    --size: var(--custom-size,23px);
    display: flex;
    width: var(--size);
    height: var(--size);
    min-width: var(--size);
    min-height: var(--size);
    object-fit: contain;
}


.icon-with-text__content {
    line-height: 118%;
    font-size: 0.875rem;
}


.icon-with-text__content a:hover{
  text-decoration: underline;
}

.icon-with-text__title {
    display: block;
    font-weight: var(--fw-regular);
}

.icon-with-text--large .icon-with-text__title {
    font-weight: var(--fw-semibold);
    font-size: 1.0625rem;
}

.icon-with-text--large .icon-with-text__text {
	font-size: 0.9375rem;
	display: block;
	margin-top: 0.35rem;
}


.icon-with-text--left.icon-with-text--large .icon-with-text__text {
	margin-top: 0.25rem;
}

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


/* .icon-with-text--with-title .icon-with-text__title {
  display: block;
  font-size: 1.7rem;
  font-weight: var(--fw-semibold);
}

.icon-with-text--with-title .icon-with-text__text {
  font-size: 1.4rem;
} */

/* Blog Card =================== */
.blog-card {
    display: block;
    border-radius: 20px;
    overflow: hidden;
    background: rgba(var(--custom-bg-color, var(--color-bg-greige)));
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
}

.blog-card__media {
	display: flex;
}

.blog-card__content {
    display: flex;
    align-items: center;
    flex-direction: column;
	padding: 1.875rem 1.75rem 2.1875rem;
}

.blog-card__content > * {
    width: 100%;
    max-width: 330px;
}

.blog-card__description {
	margin: 5px 0 25px;
}


/* Hover effects */
.hover-underline:hover{
  text-decoration: underline;
}
.hover-fade-in {
    transition: all .3s ease;
}

.hover-fade-in:hover {
    opacity: .65;
}


/* Linked Products =================================== */
.linked-products-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}


/* Globo Search Widget ========================================== */
body.search-open {
	overflow: auto !important;
}

.gl-fullscreen-suggestions.ui-menu-item {
	max-width: 1352px !important;
	margin-inline: auto !important;
}

.gl-card:hover img{
  scale: 1.1;
}

.gl-card:hover .gl-card-title a {
  text-decoration: underline;
}

.gl-card-media {
	border-radius: 18px;
	overflow: hidden;
}

.gl-card-media img{
  transition: all .2s ease;
}

.gl-card-title a {
	color: rgba(var(--color-main-link)) !important;
}

.ui-menu.ui-widget-content.ui-autocomplete {
	top: var(--upper-header-height) !important;
	width: 100% !important;
	max-width: 100%;
	left: 0 !important;
	right: 0 !important;
    height: 100% !important;
    box-shadow: none !important; 
    border-top: 1px solid rgba(var(--color-main-text), .11) !important;
    box-shadow: rgba(0, 0, 0, 0.5) 8px 999px 0px 999px !important;
    position: fixed !important;
}

.gl-grid-layer .gl-col-left {
	background: none !important;
}

.gl-fullscreen-initial-content {
	max-width: 1354px !important;
	width: 100% !important;
	margin-inline: auto !important; 
}

.gl-list.gl-fullscreen-top-searches {
	background: rgba(var(--color-bg-greige),.9) !important;
	padding: 24px !important;
}

.gl-fullscreen-layer .gl-list__group {
	margin-bottom: 20px !important;
}

.gf-search-viewall {
	background: rgba(var(--color-main-accent)) !important;
}


.gf-search-viewall .ui-menu-item-wrapper {
    color: rgba(var(--color-main-text), 1) !important;
}

.gl-list__title {
	font-size: 20px !important;
	color: rgba(var(--color-main-text)) !important;
	font-family: var(--font-heading) !important;
}

.gl-list__item a:hover {
    text-decoration: underline !important;
}

@media screen and (min-width: 800px) {
    .gl-list.gl-fullscreen-top-searches {
        top: 25px;
        position: sticky;
        border-radius: 20px !important;
    }

    .ui-menu.ui-widget-content.ui-autocomplete {
        max-height: 600px !important;
    }
}

/* Globo Collection ========================================== */
#gf-tree  .noUi-handle:after,#gf-tree  .noUi-handle:before{display:none}
.spf-has-filter #gf-tree .noUi-handle {
    top: -11px;
    background: #fff;
    border: 2px solid #423f3f;
}
#gf-tree .noUi-base, #gf-tree .noUi-connects {
    height: 2px !important;
}
#gf-tree .noUi-handle {
    left: auto !important;
    box-shadow: none !IMPORTANT;
}
.spf-has-filter #gf-tree .noUi-marker-horizontal.noUi-marker {
    display: none;
}
#gf-tree .noUi-target {
    display: block !important;
    border-radius: 0;
    border: none !important;
    box-shadow: none !IMPORTANT;
}

#gf-tree .noUi-horizontal .noUi-origin {
    LEFT: AUTO !IMPORTANT;
}

#gf-tree .noUi-pips-horizontal {
    WIDTH: AUTO;
}
#gf-tree .noUi-value-horizontal {
    margin: 0 !Important;
    padding: 0 !important;
}

#gf-tree .noUi-marker-horizontal.noUi-marker {
    margin: auto;
}
.gf-option-block-slider:not(.is-collapsed){padding-bottom:50px}

.gf-controls-search-input {
	display: none !important;
}

.globo-selected-items-wrapper .gf-block-title {
	align-items: center !important;
	padding-bottom: 0.5rem !important;
	border-bottom: 1px solid rgba(var(--color-main-text), .15) !important;
}


.globo-selected-items-wrapper .gf-refine-toggle {
	text-decoration: underline;
}




.sort-by.limit-by {
	display: none !important;
}

@media only screen and (min-width: 768px) {
    #gf-tree .selected-item.gf-option-label a {
        padding: 0.6rem;
        border-radius: 2px;
        background: rgba(var(--color-main-text), .04);
    }

    #gf-tree .selected-item.gf-option-label a:hover {
        background: rgba(var(--color-main-text), .05);
    }

    #gf-tree .selected-item.gf-option-label {
        margin-bottom: 10px !important;
    }
}

#gf-tree .gf-block-title h3,
#gf-tree .gf-block-title .h3 {
    color: rgba(var(--color-main-text),1) !important;
    font-weight: 400 !important;
}

#gf-tree .gf-block-title .h3 {
    font-size: 1.25rem !important;
}
/* Filters: Option block */
#gf-tree .gf-block-scroll {
    max-height: 200px !important;
}

#gf-tree .gf-option-block {
    padding: 20px 0;
    border-bottom: 1px solid rgba(var(--color-main-text), .15);
}

.gf-block-title .gf-clear {
	display: none;
}

.gf-option-box .gf-count {
	margin-left: .5rem;
}


.gf-option-box .gf-Checkbox, 
.gf-option-box .gf-RadioButton {
	position: relative;
	width: 18px !important;
	height: 18px !important;
	display: block;
	margin-right: 6px;
	flex: 0 0 18px !important;
	min-width: 18px !important;
	border: 1px solid #c4cdd5;
	border-radius: 5px;
}


#gf-tree .gf-option-block .gf-block-title .h3 {
	font-size: 1rem !important;
	font-weight: 400 !important;
	font-family: var(--font-family) !important;
	color: rgba(var(--color-main-text), 1) !important;
}

#gf-tree .gf-option-block .gf-block-title .h3::after {
  margin: 0;
  position: absolute;
  right: 10px;
}

.gf-option-box--swatch {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 7px;
}

.gf-option-box--swatch > li {
	flex: 0 0 50%;
}

.gf-option-block-swatch-text button > span:not(.gf-option-value, .gf-label) {
    width: 21px !important;
    height: 21px !important;
    border: 1px solid #C4C4C4 !important;
}


/* Grid Summary */
.sort-by {
    background: none !important;
    border: 1px solid rgba(var(--color-main-text), .15) !important;
}



@media screen and (min-width: 768px) {
    span.gf-summary {
        text-align: right;
    }
}

/* Grid: Product Card */
#gf-grid .spf-product-card {
	border-radius: 20px;
	overflow: hidden;
	padding-bottom: 0;
}

.spf-product-card__badge {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}

#gf-grid .spf-product-card__image-wrapper {
    padding-top: 100% !important;
}


.spf-product-card__rating {
	min-height: 39px;
	background: rgba(var(--color-white));
    border-top: 1px solid rgba(var(--color-main-text), .07);
}

.product-content-wrapper__rating a.text-m {
	pointer-events: none;
}

.spf-product-card__rating > a > * {
	pointer-events: none;
}

#gf-grid .yotpo-display-wrapper {
    display: flex;
	justify-content: center;
}

#gf-grid .yotpo-bottomline {
    padding: 11px 0;
}

#gf-grid .spf-product__info {
	padding: 0;
    text-align: center;
    padding-bottom: 17px;
    background: rgba(var(--color-bg-greige));
}

#gf-grid .spf-product__info > :not(.spf-product-card__rating) {
	padding-inline: 20px;
}

#gf-grid .spf-product__info .spf-product-card__title {
    font-size: 1.125rem !important;
	margin-top: 15px;
}


.spf-product-card__size {
    font-size: 1rem;
    margin: 10px 0;
	color: rgba(var(--color-main-text), .55);
}

.spf-product-card__price-wrapper {
  margin-top: 5px;
  font-size: 1rem !important;
  font-weight: 700 !important;
}

.card-price__sale {
    color: rgba(var(--color-sale-price-color)) !important;
}

#gf-grid .spf-product__info .yotpo a {
    margin-left: .8rem;
	color: rgba(var(--color-main-link), 1) !important;
	text-decoration: underline !important;
}


.spf-product-card span.spf-product__label {
    left: 15px !important;
    top: 15px !important;
}

  .spf-product-card__atc-wrapper {
    box-shadow: none;
    z-index: 9;
    pointer-events: auto;
  }

  .spf-product-card__atc-wrapper:empty{
    padding-top:10px;
  }
  

  .spf-product-card__atc-wrapper > *{
    border-radius: 0;
    background-color: rgb(var(--color-main-accent));
    border-top: 1px solid rgb(226,226,226);
  }

@media screen and (max-width: 750px) {
 .spf-product-card__atc-wrapper .button {
    font-size: 13px;
    min-height: 44px;
    padding: .75rem 0.775rem;
  }
}
@media screen and (min-width: 750px) {
    .spf-product-card__size {
        margin: 5px 0;
    }
}





@media screen and (max-width: 550px) {

    #gf-grid .product-grid--2-cols-mobile .spf-col-6 {
      -ms-flex: 0 0 50% !important;
      flex: 0 0 50% !important;
      max-width: 50% !important;
    }
  
    #gf-grid .spf-col-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }   


    #gf-grid .product-grid--2-cols-mobile .spf-product__info > :not(.spf-product-card__rating) {
       padding-inline: 10px;
    }

      #gf-grid .product-grid--2-cols-mobile .spf-product__info .spf-product-card__title {
    	font-size: 0.875rem !important;
    	margin-top: 15px;
    }
  
    #gf-grid .product-grid--2-cols-mobile .spf-product-card__size {
      font-size: .875rem;
      margin: 2px 0;
    }

    #gf-grid .product-grid--2-cols-mobile .spf-product-card__price-wrapper {
      font-size: .875rem !important;
    }
  
    #gf-grid .product-grid--2-cols-mobile .spf-product__info .yotpo a {
    	margin-left: 0.4rem;
    	font-size: 0.575rem;
    }

    #gf-grid .product-grid--2-cols-mobile .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-star,
    #gf-grid .product-grid--2-cols-mobile .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-half-star{
      font-size: 11px;
    }

      #gf-grid .product-grid--2-cols-mobile .yotpo-bottomline {
    	padding: 6px 0;
    }

     #gf-grid .product-grid--2-cols-mobile .spf-product-card__rating {
        min-height: 30px;
    }
}


@media only screen and (max-width: 380px) {
    .gf-filter-selection, .gf-filter-trigger {
      flex: 1 1 50% !important;
      max-width: 50% !important;
    }
  }




/* Globo: Load More Wrapper */

#gf_pagination_wrap {
	margin-bottom: 3.5rem !important;
}

  #gf_pagination_wrap button.gf-loadmore-btn {
	min-height: 50px !important;
	border-radius: 50px !important;
	text-transform: capitalize !important;
	font-size: 16px !important;
	letter-spacing: 0 !important;
	font-weight: 400 !important;
	background: rgba(var(--color-main-accent),1) !important;
	color: rgba(var(--color-main-text),1) !important;
	padding: 0.5rem 1.875rem !important;
}


@media screen and (min-width: 750px) {
    #gf_pagination_wrap {
        margin-bottom: 5rem !important;
    }

    #gf_pagination_wrap button.gf-loadmore-btn {
        font-size: 18px !important;
    }

}

/* Globo: Mobile Drawer */
.selected-item.gf-option-label {
	background: rgba(var(--color-white)) !important;
}



body > #gf-tree .gf-filter-footer button {
	background: rgba(var(--color-main-accent)) !important;
	border: none !important;
	text-align: center !important;
	height: 50px !important;
	border-radius: 50px !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	text-transform: capitalize !important;
}

.gf-refine-toggle-mobile, .gf-form-button-group button .gf-refine-toggle-mobile {
	border: 1px solid rgba(var(--color-main-text), .15) !important;
}



@media only screen and (max-width: 767px) {
    .gf-actions .gf-refine-toggle-mobile, .gf-actions .sort-by {
        background: rgba(var(--color-bg-vanilla),1) !important;
        border: 0 !important;
        border-radius: 50px !important;
        height: 45px !important;
        display: flex;
        align-items: center;
        padding-inline: 0.5rem;
    }

  .gf-actions .gf-refine-toggle-mobile .fa.fa-tasks {
	display: none !important;
}

    .gf-actions .sort-by::before {
        right: 14px;
    }

     .gf-actions .sort-by .sort-by-toggle {
       position: relative;
       bottom: 1px;
     }

    .gf-summary {
        display: none;
    }
}
@media only screen and (max-width: 480px) {
    #gf-tree, .gf-offcanvas #gf-tree {
      width: 90% !important;
      left: -90%;
    }
  }
 

/* Product Card: Badge ================================ */



@media screen and (max-width: 768px) {
    .globo-selected-items-wrapper .gf-block-title.hidden-sm {
        display: none;
    }

    .collection-promo-badge {
        position: absolute;
        right: 11px;
        top: 14px;
        z-index: 2;
    }

    body > #gf-tree .gf-option-block {
        padding: 15px 0 !important;
        border-bottom: 1px solid #e3e3e3;
    }

    .gf-left #gf-tree .globo-selected-items-wrapper .globo-selected-items {
        padding-inline: 10px !important;
        background: rgba(var(--color-bg-greige));
    }

    body > #gf-tree .globo-selected-items .selected-item > a {
        background: rgba(var(--color-white));
    }

    body > #gf-tree .gf-option-block:last-child {
        border-bottom: 0;
    }

}
/* Product Page update ================================ */
#shopify-section-product {
    overflow: hidden;
}
#shopify-section-product .product-details-form-wrapper {
    margin-top: 0 !important;
}
.product-details-form-wrapper-inner {
	flex-direction: column;
}

.product-main-details {
	width: 100%;
    height: 100%
}

.product-main-details input,
.product-main-details .select {
	border-radius: 5px;
}

.product-main-details .select{
    background-color: rgb(var(--color-new-bg));
    border-color: rgb(var(--color-new-border));
    padding-inline: 20px;
}

.product-main-details .select option{
    text-indent: 10px;
}

.product-main-details .select:focus{
    border-color: inherit !important;
    box-shadow: none;
}

.product-content-wrapper {
	border-radius: 20px;
	width: 100%;
}

.product-content-wrapper__upper {
    padding: 18px 18px 20px 18px;
    border-radius: 20px 20px 0 0;
}

.product-content-wrapper__rating {
    min-height: 15px;
	margin-block: 15px 15px;
}

.product-content-wrapper__rating .text-m{
    font-size: 1rem !important;
    color: rgba(var(--color-main-link)) !important;
    margin-top: 0 !important;
    margin-left: .75rem;
}


.product-content-wrapper .metafield-price-per-size {
	font-size: 1.0625rem;
    font-weight: 600;
	white-space: break-spaces;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}


@media screen and (min-width: 1024px){
    .product-content-wrapper .metafield-price-per-size,
    .product-content-wrapper .card-price
    {
        font-size: 26px;
        font-weight: 600;
    }
    .product-main-details .select{
        font-size: 16px;
    }
}

.product-content-wrapper .metafield-price-per-size > * + * {
    margin-left: 0.625rem;
}

.metafield-price-per-size .on-sale {
	color: rgba(var(--color-sale-price-color));
}


.product-content-wrapper__details-list .grid__item:only-child {
	width: 100%;
	max-width: 100%;
}

.product-content-wrapper__details-list li {
    margin: 0;
}
.product-content-wrapper__details-list > li + li {
	margin: 0.9rem 0 0;
}

.product-content-wrapper__details-list scroll-into-view-button{
    padding-bottom: 2px;
    border-bottom: 1px solid;
    cursor: 
}


.product-content-wrapper__lower {
    padding: 19px 0 21px 0;
    border-radius: 0 0 20px 20px;
    background: rgba(var(--color-bg-greige), 1);
    margin: 0 18px;
}

.product-content-wrapper__stock-warning {
  display: flex;
  flex-direction: row;
  gap: 0.875rem;
  border: 1px solid rgba(245,168,24,1);
  border-radius: 5px;
  background-color: rgba(255,243,219,1);
  padding: 14px 14px 14px 34px;
}

.product-content-wrapper__warning-content {
  display: flex;
  flex-direction:column;
  gap: 2px;
}

.product-content-wrapper__warning-content p {
  font-size: 14px;
}

.product-in-stock {
  display: flex;
  flex-direction: row;
  gap: 0.875rem;
  border-radius: 5px;
  background-color: #E6F7E8;
  padding: 14px 14px 14px 34px;
  margin-top: 20px;
}


@media screen and (min-width: 760px){

    .product-form-snippet .product-in-stock{
        padding: 24px 24px 24px 50px;
    }

    .product-in-stock__content strong{
        font-size: 16px;
    }
    
    .product-in-stock svg{
        margin-top: 5px;
    }
}

.product-in-stock__content{
  display: flex;
  flex-direction:column;
  gap: 2px;
  
}

.product-in-stock__content .product-in-stock__status{
  color: rgba(var(--color-status-positive));
  font-weight: 700;
}



.product-content-wrapper__stock-warning svg {
  margin-top: 2px;
  min-height: 16px;
  min-width: 16px;
}

 .product-content-wrapper__stock-warning {
    margin-top: 20px;
  }

@media screen and (min-width: 800px) {
 

  .product-content-wrapper__stock-warning svg {
    margin-top: 5px;
  }

}



/* .product-content-wrapper__form:not(:last-child) {
    margin-bottom: 22px;
} */

.product-main-details__cta {
    margin-block: 24px 35px;
}


.product-main-details__secondary-info {
    padding-block: 25px;
    border-bottom: 1px solid rgb(232, 228, 225);
}

@media screen and (min-width: 1024px){
    .product-main-details__secondary-info{
        border-top: 1px solid rgb(232, 228, 225);
    }
}

.product-content-wrapper:has(.)


.product-main-details__secondary-info > .title {
    margin-bottom: 20px;
}

.product-main-details__secondary-info ul > li + li {
	margin-top: 15px;
}

.product-main-details__secondary-info li button:not(:last-child) {
	margin-bottom: 15px;
}

.product-main-details__secondary-info .product-main-details__alt-info {
  font-size: 13px;
  margin-top: 10px;
  padding-inline: 30px;
}


.product-main-details__trust-section {
    padding: 24px 28px;
    text-align: center;
    margin-inline: -16px;
    background: rgba(var(--color-bg-greige));
}


.product-main-details__trust-section.product-main-details__trust-section--badges {
	margin-bottom: 0;
    padding: 35px 20px 35px;
}

.product-main-details__trust-section.product-main-details__trust-section--badges .grid {
	--grid-desktop-vertical-spacing: 35px;
	--grid-desktop-horizontal-spacing: 10px;
	--grid-mobile-vertical-spacing: 35px;
	--grid-mobile-horizontal-spacing: 8px;
}

.product-main-details__trust-section .title {
    margin-bottom: 16px; 
}

.product-main-details__trust-section ul {
    margin-block: 24px;
}

#shopify-section-product scroll-into-view-button {
  font-weight: 600;
  cursor: pointer;
}

@media screen and (max-width: 550px) {
  .product-main-details__trust-section.product-main-details__trust-section--badges .icon-with-text {
    align-items: flex-start;
  }
}
@media screen and (min-width: 500px) {
    .product-content-wrapper__upper {
        padding: 28px 28px 14px 28px;
        margin: 0;
    }

    .product-content-wrapper__lower {
        padding: 19px 28px 28px 28px;
    }

    .product-main-details__trust-section {
        padding: 40px 28px;
    }
}

@media screen and (min-width: 1024px){
     .product-content-wrapper__upper {
        padding: 0 0 18px 0;
    }
    .product-content-wrapper__lower {
        padding: 28px 0 0 0;
        margin: 0;
    }
}

@media screen and (min-width: 800px) {
  .product-main-details__trust-section.product-main-details__trust-section--badges {
	margin-bottom: 2rem;
    padding: 35px 20px 35px;
}
  
    .product-main-details input {
        border-radius: 6px;
    }

    .product-main-details__trust-section {
        margin-inline: 0;
        padding: 50px 30px 40px;
        border-radius: 20px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
        margin-bottom: 65px;
    }   
}

@media screen and (min-width: 1024px) {
    .product-main-details__secondary-info .product-main-details__alt-info{
        font-size: 15px;
    }

    .product-content-wrapper__rating {
        margin-block: 0 5px;
    }
    .product-content-wrapper__rating .text-m{
        font-size: 1.0625rem !important;
    }
}

.product-main-details__linked-products {
	padding-block: 35px;
}
.product-main-details__linked-products .swiper {
    overflow: visible;
}

/* Seo block */

.seo-block h1,
.seo-block h2,
.seo-block h3,
.seo-block h4,
.seo-block h5,
.seo-block h6 {
    font-family: var(--font-heading);
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 130%;
}

.seo-block p {
  line-height: 165%;
}

.seo-block h1 > br,
.seo-block h2 > br,
.seo-block h3 > br,
.seo-block h4 > br,
.seo-block h5 > br { 
    display: none;
} 

.seo-block a {
    text-decoration: underline;
}

.seo-block h2:not(:first-of-type),
.seo-block h3:not(:first-of-type) {
	margin-top: 20px;
}


.seo-block h2,
.seo-block h3 {
    font-size: 1.625rem;
}


@media screen and (min-width: 800px) {
    .seo-block h2,
    .seo-block h3 {
        font-size: 1.875rem;
    }
}


/* Input Suffix */

.custom-suffix-input-container input[type="number"] {
    -moz-appearance: auto;
    -webkit-appearance: auto; 
    -ms-appearance: auto;
    appearance: auto;
}
.custom-suffix-input-container {
    width: 100%;
    font-size: 17px;
    display: inline-block;
    position: relative;
    color: rgb(var( --color-main-text));
}

.custom-suffix-input-container input::placeholder {
    color: inherit;
}

.custom-suffix-input-container input {
    font-size: 13px;
    background-color: rgb(var(--color-new-bg));
    line-height: 140%;
    border-color: rgb(var(--color-new-border));
}

.custom-suffix-input-container input:focus {
    border-color: inherit !important;
    color: inherit;
    box-shadow: none;
    font-weight: 700;
}

.custom-suffix-input-container input:focus + .custom-input-suffix {
  font-weight: 700;
}

.custom-suffix-input-container input:placeholder-shown + .custom-input-suffix {
	display: none !important;
}

.custom-input-suffix {
	position: absolute;
	top: 50%;
	color: inherit !important;
    border-color: rgb(var(--color-new-border)) !important;
	padding-left: 20px;
	font-size: 13px;
	transform: translateY(-50%);
    margin-left: 3px;
    pointer-events: none;
    line-height: 150%;
}

@media screen and (min-width: 800px){
    .custom-suffix-input-container input::placeholder{
        font-size: 16px;
    }
    
    .custom-suffix-input-container input{
        font-size: 16px;
    }

    .custom-suffix-input-container .custom-input-suffix{
        font-size: 16px;
    }
}

/* New Social media Icons snippet */
.new-social-icons {
    margin-inline: -0.5rem;
}
.new-social-icons,
.new-social-icons a {
    display: flex;
    align-items: center;
}

.new-social-icons > li {
    margin-inline: .5rem;
}

.footer-inner__links{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    
}

.footer-inner__links a{
    padding: 5px;
    color: rgb(var(--color-main-text));
    text-decoration: underline;
    pointer-events: cursor;
}

/* Lists */
.list-title--s + ul{
    margin-top: 0.75rem;
}

.list-gap--xs > * + * {
    margin-top: 0.375rem;
}

.list-gap--s > * + * {
    margin-top: 0.75rem;
}

.list-gap--sm > * + * {
    margin-top: 1.25rem;
}

.list-gap--m > * + * {
    margin-top: 1.5625rem;
}

  /* Tabs: new ===================== */

  .tab-trigger {
    cursor: pointer;
  }

  .tab-trigger[active] {
    text-decoration: underline;
  }

  .tab-content {
    display: none
  }

  .tab-content[open] {
    display: unset;
  }


  /* Image Link Block */
    .image-link-block__title {
        margin-top: 0.625rem;
    }



/* Custom Collection Badge */
.collection-promo-badge {
    --custom-gap: 15px;
    --size: 96px;
    --padding: 8px;
	border-radius: 100%;
	background: var(--custom-bg-color);
    width: 100%;
    height: 100%;
    max-width: var(--size);
    max-height: var(--size);
    min-width: var(--size);
    min-height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    position: absolute;
}

.collection-promo-badge * {
    line-height: 1;
    color: var(--custom-text-color);
}

.collection-promo-badge--top-right {
    top: var(--custom-gap, 0);
    right: var(--custom-gap, 0);
}

.collection-promo-badge__wrapper {
    width: calc(var(--size) - var(--padding));
    height: calc(var(--size) - var(--padding));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px dashed var(--custom-text-color);
    border-radius: inherit;
}

.collection-promo-badge__wrapper > * + * {
	margin-top: 0.15rem;
}

.collection-promo-badge__percentage {
    font-size: 1.25rem;
}

.collection-promo-badge__text,
.collection-promo-badge__code {
    font-size: 0.625rem;
    letter-spacing: 0.04em;
}


/* base-details-summary */
summary {
    cursor: pointer;
    list-style: none;
    position: relative;
  }


  .summary-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  summary::-webkit-details-marker {
    display: none;
  }
  


  /* New Accordions======================= */
  .accordion summary {
	display: flex;
	position: relative;
	line-height: 1;
	padding: 1.3rem 0;
	justify-content: space-between;
	align-items: center;
}

.accordion--no-padding summary {
    padding-block: 0;
  }


  .accordion .icon-caret {
    width: 14px;
    height: 14px;
  }

  .accordion .summary__title {
    display: flex;
    flex: 1;
  }
  
  .accordion .summary__title + .icon-caret {
    height: calc(var(--font-heading-scale) * 0.6rem);
  }

  
  
  .accordion + .accordion {
    margin-top: 0;
    border-top: none;
  }
  
  .accordion {
    width: 100%;
    display: block;
    margin-bottom: 0;
   border-bottom: 1px solid var(--border-light-color);
  }


  
  .accordion__title {
    display: inline-block;
    max-width: calc(100% - 4rem);
    min-height: 1rem;
    margin: 0;
    word-break: break-word;
    letter-spacing: 0;
    line-height: 1.45;
  }
  
  
  .accordion .icon-accordion {
    align-self: center;
    fill: rgb(var(--color-foreground));
    height: calc(var(--font-heading-scale) * 2rem);
    margin-right: calc(var(--font-heading-scale) * 1rem);
    width: calc(var(--font-heading-scale) * 2rem);
  }
  
  .accordion details[open] > summary .icon-caret {
    transform: rotate(180deg);
  }
  
  .accordion__info {
      margin-bottom: 0;
      word-break: break-word;
      overflow-x: auto;
      padding: 0 0 2rem 0;
  }
  
  
  .accordion__info img {
    max-width: 100%;
  }
  
  
  
  
  .product-description-dropdowns .accordion {
      margin-top: 0;
  }
  
  
  @media screen and (max-width: 950px) {
    .accordion__title {
      font-size: calc(var(--font-heading-scale) * 1.8rem);
    }
  }
  @media screen and (max-width: 550px) {
    .accordion__title {
      font-size: calc(var(--font-heading-scale) * 1.8rem);
    }
  }


  /* Header Decor */

  [data-menu]{
    transition: all .3s ease;
  }
        [data-menu] > span {
        position: relative;
        z-index: 2;
      }

  a[data-menu="sale"]:hover{
    opacity: .8;
  }
  
a[data-menu="sale"]::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 50%;
	bottom: 0;
	transform: translateY(-50%) scaleX(200%);
	z-index: 0;
	border-radius: 0;
      background: rgba(var(--color-status-negative),.9);
}


 .navigation-snippet .nav-first-level > li > .btn-nav-first-level.highlighted_link::before {
  	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 50%;
	bottom: 0;
	transform: translateY(-50%) scaleX(200%);
	z-index: 0;
	border-radius: 0;
}

.navigation-snippet .nav-first-level > li > .btn-nav-first-level.highlighted_link:hover {
  opacity: .9
}

  a.btn-nav-first-level[data-menu="new-in"],
  a[data-menu="new-in"] span {
	color: rgba(var(--color-main-accent)) !important;
}

  /* Apps: Z-index */
  .needsclick.kl-teaser-VkxzgN,
  #launcher {
	z-index: 30 !important;
}



.minicart-item klarna-placement {
	display: none !important;
}

/* fIX LATER */
[data-filter-type="product:metafield:custom:product_promo"] {
	display: none !important;
}

#globo-dropdown-sort_options [data-sort="mf-product-per_box_size-ascending"],
#globo-dropdown-sort_options [data-sort="mf-product-per_box_size-descending"],
#globo-dropdown-sort_options [data-sort="mf-custom-product_promo-ascending"],
#globo-dropdown-sort_options [data-sort="mf-custom-product_promo-descending"]{
  display: none !important;
}


/* Promo Badge */
/* .promo-badge {
  display:none !important;
  visibility: hidden;
  opacity: 0;
} */

.promo-badge {
    --size: 96px;
    width: 100%;
    height: 100%;
	max-width: var(--size);
	max-height: var(--size);
  	min-width: var(--size);
	min-height: var(--size);
}

.template-product .promo-badge {
     --size: 81px; 
}

.template-product .cl-product-card__badge .promo-badge{
    --size: 91px;
}
.gf-search-products .promo-badge {
  --size: 70px;
}
.promo-badge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 800px){
    .template-product .cl-product-card__badge .promo-badge{
        --size: 37.5%;
    }
}

@media screen and (max-width:600px){
  .gf-search-products .promo-badge,
  .spf-product-card__badge .promo-badge{
    --size: 65px;
  }

  .spf-product-card__badge {
	top: 9px;
	right: 9px;
}
}

.extra-amount-toggle {
  width: 100%;
  max-height: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.extra-amount-toggle--show {
  max-height: 90px;
  opacity: 1;
  pointer-events: all;
}
.extra-amount-toggle__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: #F6F6F6;
  padding: 15px;
  border-radius: 10px;
  margin-top: 15px;
}
.extra-amount-toggle__label {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  position: relative;
}
.extra-amount-toggle__label::before {
  content: "";
  width: 70px;
  height: 30px;
  background-color: rgba(233, 74, 74, 0.3);
  border: 1px solid #E94A4A;
  border-radius: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23E94A4A'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 5px center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.extra-amount-toggle__input:focus-visible + .extra-amount-toggle__label::before {
  outline: -webkit-focus-ring-color auto 1px;
}
.extra-amount-toggle__input:checked + .extra-amount-toggle__label::before {
  background-color: rgba(39, 174, 96, 0.3);
  border: 1px solid #27AE60;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2327AE60'/%3E%3C/svg%3E");
  background-position: right 5px center;
}
.extra-amount-toggle__tooltip {
  min-width: 16px;
  height: 16px;
  background-image: url("icon-help.svg");
  background-repeat: no-repeat;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.extra-amount-toggle__tooltip:hover .extra-amount-toggle__tooltip-text, .extra-amount-toggle__tooltip:focus .extra-amount-toggle__tooltip-text {
  opacity: 1;
  pointer-events: all;
}
.extra-amount-toggle__tooltip-text {
  font-size: 14px;
  line-height: 22px;
  background-color: #F6F6F6;
  border: 1px solid #E0E6DA;
  border-radius: 10px;
  position: absolute;
  left: -270px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 245px;
  padding: 15px;
  opacity: 0;
  pointer-events: none;
}
.extra-amount-toggle__tooltip-text::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='30' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F6F6F6' stroke='%23E0E6DA' d='M-.5.866 24 15-.5 29.134V.866Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h25v30H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: absolute;
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}



/* Globo: fix later */
#gf-controls-container .globo-selected-items-wrapper {
  display:none !important;
}

.gf-option-block[data-filter-type="product:metafield:custom:product_price_per_m2"] .noUi-value::before {
	content: "£";
}


/* Header: Custom Search */
mobile-search-btn form {
	position: absolute;
	pointer-events: none;
	opacity: 0;
}
.courier-message-container .text-input {
  width: 100%;
  max-width: 100%:
}

/* Notifications */

.notification-hub {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	position: fixed;
	z-index: 35;
	top: var(--header-height, 0);
	list-style: none;
	padding: 1.1rem;
	margin: 0;
	max-width: 1390px;
	width: 100%;
	pointer-events: none;
	margin-inline: auto;
	left: 0;
	right: 0;
}

.notification-hub > .notification-hub__item {
	opacity: 0;
	width: 100%;
	transform: translateY(-40%);
	transition: opacity 0.45s, transform 0.45s;
	pointer-events: all;
	max-width: 375px;
}

.notification-hub__item + .notification-hub__item {
  margin-top: 1rem;
}

.notification-hub > .notification-hub__item.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.notification-hub__item.is-hidden {
    opacity: 0 !important;
    transform: scale(0.65)rotate(7deg) !important;
}

.site-notification {
    --notification-header-bg: 0,0,0;
    --notification-padding-block: 20px;
	--notification-padding: 20px;
	background: rgb(255,255,255);
	padding-bottom: 20px;
	border-radius: 20px;
	/* border: 1px solid #ddd; */
	box-shadow: 0px 15px 24px 6px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	border: 0;
}

.site-notification > * {
  padding-inline: var(--notification-padding);
}


.site-notification__header {
	font-family: var(--font-heading);
	font-size: 1.5rem;
	padding-block: 15px;
	margin-bottom: 1.25rem;
	border-bottom: 1px solid var(--color-border-light);
	display: flex;
	align-items: center;
	justify-content: space-between;
      background: rgb(var(--notification-header-bg));
}

.site-notification__header > *{
  font-weight: 400;
}

.notification-product-item__title {
	font-family: var(--font-family);
}

.site-notification__content {
	line-height: 1.25;
	font-size: 1rem;
}

.site-notification__delete {
    padding: 0;
    background: 0;
    border: 0;
    
}

.site-notification__delete:hover {
	/* background: var(--sale-price-color);
	color: rgb(255,255,255); */
	transform: scale(1.05);
}

.site-notification--cart {
    --notification-header-bg: 52,168,83;  
}

.site-notification--cart .site-notification__header {

    background: rgb(var(--notification-header-bg));
    color: #fff;
	border-bottom: 1px solid var(--color-border-light);
}


@media screen and (max-width: 768px) {
  .notification-hub {
    z-index: 9999;  
  }

  .notification-hub > .notification-hub__item {
    max-width: 100%;
  }
  
  .site-notification{
     --notification-padding: 20px;
    box-shadow: 0px 8px 22px 10px rgba(0, 0, 0, 0.17);
  }

  .site-notification > * {
	padding-inline: calc(var(--notification-padding) + 0.7rem);
}
  
  .site-notification.site-notification--cart {
    position: relative;
	margin: calc(-1 * var(--notification-padding));
	border-radius: 0;
    overflow: visible;
}

.site-notification.site-notification--cart:first-of-type::before {
	content: "";
	width: 0px;
	height: 0px;
	right: calc(var(--notification-padding) - .2rem); 
	top: -0.8rem;
	position: absolute;
	border-style: solid;
	border-width: 0 1.4rem 1.7rem 1.4rem;
	border-color: transparent transparent rgb(var(--notification-header-bg)) transparent;
	transform: rotate(0deg);
	z-index: 7;
}

  .site-notification--cart .site-notification__header {
    color: #fff;
}

  
}

.site-notification__ctas {
	margin-top: 1.25rem;
	text-align: center;
}

.site-notification__ctas > * + * {
	margin-top: 1rem;
}

.notification-product-item {
	display: flex;
	align-items: center;
}



.notification-product-item > * + * {
	margin-left: 1rem;
}

.notification-product-item__media {
  --size: 55px;
  max-width: var(--size);
  max-height: var(--size);
  min-width: var(--size);
  min-height: var(--size);
}



.site-link {
  cursor: pointer;
  color: rgba(var(--color-main-link),1) !important;
}


.site-link--underline {
  text-decoration: underline;
}


.product-badge {
	background: var(--bg-color);
	color: var(--text-color);
	padding: .25rem 0.7rem;
	text-align: center;
	display: inline-flex;
	max-width: fit-content;
	border-radius: .3em;
	letter-spacing: 0 !important;
}


@media screen and (min-width: 800px){
    .product-badge {
  	padding: .2rem 0.6rem;
      font-size: 0.82rem;
  }
}

site-tooltip{
  display: inline-flex;
  position: relative;
  cursor: pointer;
}

site-tooltip > svg {
  display: flex;
}

.tooltip-box {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 14px;
  max-width: fit-content; /* Ensures the tooltip does not exceed this width */
  word-wrap: break-word; /* Allows long words to wrap onto the next line */
  word-break: break-word; /* Breaks words at the end of the line if necessary */
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 80;
  white-space: normal; /* Allows text to wrap onto multiple lines */
  max-width: 285px;
  line-height: 140%;
  text-align: left;
}


/* Custom Toggle=========================== */

.custom-toggle {
  position: relative;
  display: inline-block;
}
.custom-toggle__input {
	width: 1px;
    height: 1px;
    visibility: hidden;
    opacity: 0;
    position: absolute
}

.custom-toggle__label {
	display: block;
	width: 40px;
	height: 22px;
	background-color: rgb(var(--color-new-border));
	border-radius: 99px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.custom-toggle__label::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 18px;
	height: 18px;
	background-color: #ffffff;
	border-radius: 50%;
	transition: left 0.3s ease;
}

.custom-toggle__input:checked + .custom-toggle__label {
	background-color: rgb(var(--color-main-text));
}

.custom-toggle__input:checked + .custom-toggle__label::after {
	left: 20px;
}



/* CART DRAWER */
.drawer {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  transition: visibility .35s ease;
}

.drawer.active {
  visibility: visible;
}

.drawer__inner {
	height: 100%;
	width: 30rem;
	max-width: 100vw;
	padding: 0;
	border-right: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transform: translateX(100%);
	transition: transform .35s ease;
	background: rgb(var(--color-white));
}

.drawer__inner-empty {
  height: 100%;
  padding: 0 1.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.cart-drawer__warnings {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}

cart-drawer.is-empty .drawer__inner {
  display: grid;
  grid-template-rows: 1fr;
  align-items: center;
  padding: 0;
}

cart-drawer.is-empty .drawer__header {
  display: none;
}

cart-drawer:not(.is-empty) .cart-drawer__warnings,
cart-drawer:not(.is-empty) .cart-drawer__collection {
  display: none;
}

.cart-drawer__warnings--has-collection .cart__login-title {
  margin-top: 2.5rem;
}

.drawer.active .drawer__inner {
  transform: translateX(0);
}

.drawer__header {
	position: relative;
	padding: 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(13, 31, 34, 1);
	color: rgb(var(--color-white));
    font-family: var(--font-heading);
}

.drawer__heading {
	font-size: 25px;
}


.drawer__close {
	display: flex;
	padding: 0;
	min-width: 44px;
	min-height: 44px;
	position: relative;
	background-color: transparent;
	border: none;
	cursor: pointer;
	align-items: center;
	justify-content: center;
}

.cart-drawer__empty-content .drawer__close {
	position: absolute;
	top: 1rem;
}

.cart-drawer__warnings .drawer__close {
  right: 5px;
}

.drawer__close svg {
  height: 18px;
  width: 18px;
}

.drawer__contents {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.drawer__footer {
	padding: 20px 18px 40px;
	box-shadow: 0px -6px 20px #DEDEDE;
	background: rgb(var(--color-bg-greige));
}

cart-drawer-items.is-empty + .drawer__footer {
  display: none;
}

.drawer__footer > details {
  margin-top: -1.5rem;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

.drawer__footer > details[open] {
  padding-bottom: 1.5rem;
}

.drawer__footer summary {
  display: flex;
  position: relative;
  line-height: 1;
  padding: 1.5rem 2.8rem 1.5rem 0;
}

.drawer__footer > details + .cart-drawer__footer {
  padding-top: 1.5rem;
}

cart-drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
}

.cart-drawer__overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(var(--color-main-text),.4);
}

.cart-drawer__overlay:empty {
  display: block;
}

.cart-drawer__form {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}

.cart-drawer__collection {
  margin: 0 2.5rem 1.5rem;
}

.cart-drawer .drawer__cart-items-wrapper {
  flex-grow: 1;
}

.cart-drawer .cart-items,
.cart-drawer tbody {
  display: block;
  width: 100%;
}

.cart-drawer thead {
  display: inline-table;
  width: 100%;
}

cart-drawer-items {
  overflow: auto;
  padding: 18px;
  flex: 1;
}

.cart-drawer__footer {
  margin-bottom: 3rem;
}

@media screen and (max-height: 650px) {
  cart-drawer-items {
    overflow: visible;
  }

  .drawer__inner {
    overflow: scroll;
  }
}

.cart-drawer .cart-item {
  display: grid;
  grid-template: repeat(2, auto) / repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 0;
}

.cart-drawer .cart-item:last-child {
  margin-bottom: 1rem;
}

.cart-drawer .cart-item__media {
  grid-row: 1 / 3;
}

.cart-drawer .cart-item__image {
	max-width: 80px;
	width: 100%;
	border-radius: 15px;
	filter: brightness(95%);
}

.cart-drawer .cart-items thead {
  margin-bottom: 0.5rem;
}

.cart-drawer .cart-items thead th:first-child,
.cart-drawer .cart-items thead th:last-child {
  width: 0;
  padding: 0;
}

.cart-drawer .cart-items thead th:nth-child(2) {
  width: 50%;
  padding-left: 0;
}

.cart-drawer .cart-items thead tr {
  display: table-row;
  margin-bottom: 0;
}

.cart-drawer .cart-items th {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.cart-drawer .cart-item:last-child {
  margin-bottom: 1.5rem;
}

.cart-drawer .cart-item .loading__spinner {
  right: 5px;
  padding-top: 2.5rem;
}

.cart-drawer .cart-items td {
  padding-top: 1.7rem;
}

.cart-drawer .cart-item > td + td {
  padding-left: 1rem;
}

.cart-drawer .cart-item__details {
  width: auto;
  grid-column: 2 / 4;
}

.cart-drawer .cart-item__totals {
  pointer-events: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.cart-drawer.cart-drawer .cart-item__price-wrapper > *:only-child {
  margin-top: 0;
}

.cart-drawer .cart-item__price-wrapper .cart-item__discounted-prices {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.cart-drawer .unit-price {
  margin-top: 0.6rem;
}

.cart-drawer .cart-items .cart-item__quantity {
  padding-top: 0;
  grid-column: 2 / 5;
}


@media screen and (max-width: 749px) {
  .cart-drawer .cart-item cart-remove-button {
    margin-left: 0;
  }
}

.cart-drawer__footer > * + * {
  margin-top: 1rem;
}

.cart-drawer .totals {
  justify-content: space-between;
}

.cart-drawer .price {
  line-height: 1;
}

.cart-drawer .tax-note {
  margin: 1.2rem 0 2rem auto;
  text-align: left;
}

.cart-drawer .product-option dd {
  word-break: break-word;
}

.cart-drawer details[open] > summary .icon-caret {
  transform: rotate(180deg);
}

.cart-drawer .cart__checkout-button {
  max-width: none;
}

.drawer__footer .cart__dynamic-checkout-buttons {
  max-width: 100%;
}

.drawer__footer #dynamic-checkout-cart ul {
  flex-wrap: wrap !important;
  flex-direction: row !important;
  margin: 0.5rem -0.5rem 0 0 !important;
  gap: 0.5rem;
}

.drawer__footer [data-shopify-buttoncontainer] {
  justify-content: flex-start;
}

.drawer__footer #dynamic-checkout-cart ul > li {
  flex-basis: calc(50% - 0.5rem) !important;
  margin: 0 !important;
}

.drawer__footer #dynamic-checkout-cart ul > li:only-child {
  flex-basis: 100% !important;
  margin-right: 0.5rem !important;
}

@media screen and (min-width: 750px) {
  .drawer__footer #dynamic-checkout-cart ul > li {
    flex-basis: calc(100% / 3 - 0.5rem) !important;
    margin: 0 !important;
  }

  .drawer__footer #dynamic-checkout-cart ul > li:first-child:nth-last-child(2),
  .drawer__footer #dynamic-checkout-cart ul > li:first-child:nth-last-child(2) ~ li,
  .drawer__footer #dynamic-checkout-cart ul > li:first-child:nth-last-child(4),
  .drawer__footer #dynamic-checkout-cart ul > li:first-child:nth-last-child(4) ~ li {
    flex-basis: calc(50% - 0.5rem) !important;
  }
}

cart-drawer-items::-webkit-scrollbar {
  width: 3px;
}

cart-drawer-items::-webkit-scrollbar-thumb {
  background-color: rgba(var(--color-foreground), 0.7);
  border-radius: 100px;
}

cart-drawer-items::-webkit-scrollbar-track-piece {
  margin-top: 31px;
}

cart-drawer-items cart-remove-button {
	position: absolute;
	right: 18px;
}

cart-drawer-items cart-remove-button .button {
	width: 30px;
	height: 30px;
	padding: 0;
	display: flex;
	min-height: 30px;
	justify-content: center;
	align-items: center;
}

cart-drawer-items cart-remove-button .button svg {
  width: 12px;
  height: 12px;
}



.cart-drawer .quantity-popover-container {
  padding: 0;
}

.cart-drawer .quantity-popover__info.global-settings-popup {
  transform: translateY(0);
  top: 100%;
}

.cart-drawer .cart-item__error {
  margin-top: 0.8rem;
}

.cart-drawer .quantity-popover__info + .cart-item__error {
  margin-top: 0.2rem;
}

@media screen and (min-width: 750px) {
  .cart-drawer .cart-item__quantity--info quantity-popover > * {
    padding-left: 0;
  }

  .cart-drawer .cart-item__error {
    margin-left: 0;
  }
}



/* Predictive Search */

/* global */

#predictive-search{
  display: none;
  background: rgb(var(--color-white));
}

.predictive-search-desktop {
	position: fixed;
	top: var(--upper-header-height);
	left: 0;
	right: 0;
	border-top: 1px solid rgb(var(--color-main-text), .2);
	z-index: 90;
}

.predictive-search__heading {
  margin-bottom: 1.5rem;
}


@media screen and (min-width: 800px){
#predictive-search::before {
	content: "";
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(var(--color-main-text),.5);
	z-index: 2;
    pointer-events: none;
}
}

/* wrapper */
.predictive-search-container {
	padding-top: 25px;
	background: rgb(var(--color-white));
	z-index: 5;
	position: relative;
}

.predictive-search-container > .container {
	padding: 0;
}

.predictive-search-container > .container > * + * {
	margin: 40px 0 0 0;
}

@media screen and (min-width: 800px) {
  .predictive-search-suggestions {
	padding-top: 50px;
  }
}

/* suggestions */
.predictive-search-container__sidebar:empty {
	display: none;
}

.predictive-search-suggestions {
	max-width: 700px;
	width: 100%;
	padding: 20px 16px;
	background: rgb(var(--color-bg-greige));
	border-radius: 20px;
}

.predictive-search-suggestions .predictive-search__list-item {
	margin-top: .7rem;
}

.predictive-search-suggestions mark {
	border-radius: 5px;
	background: rgb(var(--color-main-accent));
}

.predictive-search-suggestions .predictive-search__item-heading {
	text-transform: capitalize;
}


@media screen and (min-width: 800px) {
  .predictive-search-suggestions {
  	padding: 25px 30px;
  	min-width: 400px;
  }
}

/* Product List */

.predictive-search-container__results {
	flex-grow: 1;
    padding-bottom: 50px;
}

.predictive-search-container__results .product-list-grid {
  display: grid;
  gap: 1rem .85rem;
  grid-template-columns: repeat(2,1fr); 
}



@media screen and (min-width: 800px) {
  .predictive-search-container__results {
    max-height: 582px;
	overflow: scroll;
}
  
  .predictive-search-container__results .product-list-grid {
    grid-template-columns: repeat(3,1fr); 
    gap: 1.25rem;
  }

  .predictive-search-container__results .product-list-grid--no-suggestions {
    grid-template-columns: repeat(5,1fr); 
    gap: 1.25rem;
  }
}

/* Product List: Card */

.predictive-search__item--link-with-thumbnail:hover .predictive-search__image .predictive-search__image{
  scale: 1.1;
}

.predictive-search__item--link-with-thumbnail:hover .predictive-search__image {
  overflow: hidden;
}
.predictive-search__image .promo-badge {
    --size: 33%;
	position: absolute;
	right: 9px;
	top: 9px;
	z-index: 9;
}


.predictive-search__item-content--centered {
  text-align: center;
}

.predictive-search__item--link-with-thumbnail > * + * {
	margin-top: .75rem;
}

.predictive-search__item--link-with-thumbnail .predictive-search__item-content > * {
	margin-top: 0.25rem;
}


@media screen and (min-width: 1453px){
    .predictive-search-container__results {
        max-height: 620px;
        overflow: scroll;
    }
}
/* Footer */

@media screen and (min-width: 800px) {
  .predictive-search-container > .container{
    display: flex;
    align-items: flex-start;
    padding: unset;
  }
  

  .predictive-search-container > .container > * + * {
	margin: 0 0 0 40px;
  }

  .predictive-search-footer > .button {
    border-radius: 0;
  }
}

/* Yotpo Updated: Star-Rating 3.0 */
.star-container path{
  stroke: var(--color-main-accent)
}

.yotpo-widget-instance--custom .yotpo-sr-bottom-line-left-panel.yotpo-sr-bottom-line-score {
	visibility: hidden;
	opacity: 0;
	width: 0px;
	height: 0px;
	position: absolute;
}

.yotpo-widget-instance--custom .yotpo-sr-bottom-line-summary {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
      cursor: pointer;
    gap: 5px;
}

.yotpo-widget-instance--custom .yotpo-sr-bottom-line-text {
    cursor: pointer;
	font-size: 0.8rem !important;
	font-family: var(--font-family) !important;
	color: rgba(var(--color-main-link),1) !important;
}

.yotpo-widget-instance--custom  .star-container {
	width: 10.5px;
	margin-right: 3px !important;
}

#yotpo-star-rating-reviews-summary {
	display: none !important;
}

.yotpo-widget-instance--custom.yotpo-widget-instance--large .yotpo-sr-bottom-line-text{
  font-size: 1rem !important;
}

.yotpo-widget-instance--custom.yotpo-widget-instance--large .star-container {
	width: 13.5px !important;
	margin-right: 3px !important;
}



@media screen and (max-width: 550px) {
 .yotpo-widget-instance--custom:not(.yotpo-widget-instance--large) .yotpo-sr-bottom-line-text {
	font-size: 0.8rem !important;
 }

  .yotpo-widget-instance--custom:not(.yotpo-widget-instance--large)  .star-container {
	width: 11px;
	margin-right: 3px !important;
}
}


.product-content-wrapper .yotpo-reviews-star-ratings-widget {
  margin-bottom: 0 !important;
}

.yotpo-sr-bottom-line-summary {
  gap: 8px;
}


/* Roomvo */

.custom-roomvo-button {
	--icon-size: 45px;
	display: flex;
	align-items: center;
	padding: 9px 20px;
	background: rgb(var(--color-bg-greige));
	border-radius: 12px;
    line-height: normal;
    cursor: pointer;
    transition: all .3s ease;
}

.custom-roomvo-button[data-active="false"] {
	height: 0;
	padding: 0;
	position: absolute;
}

.custom-roomvo-button__icon {
	width: var(--icon-size);
	height: var(--icon-size);
	min-width: var(--icon-size);
	min-height: var(--icon-size);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background: var(--bg-color);
}

/* .custom-roomvo-button__icon > * {
	width: 48%;

} */

.custom-roomvo-button:hover  {
  opacity: .8
}

.custom-roomvo-button__content {
    text-align: left !important;
	margin-left: 12px;
    color: var(--text-color);
}

.custom-roomvo-button__content > strong {
	font-size: 13px;
	font-weight: 400;
	display: block;
}


.roomvo-stimr.roomvo-stimr--mini .custom-roomvo-button__content {
	margin-left: 2px;
}

.roomvo-stimr.roomvo-stimr--mini .custom-roomvo-button__content strong {
	font-size: 13px !important;
}


.custom-roomvo-button__content > p {
	font-size: 12px;
}

.custom-roomvo-button__content > p > em{
	font-style: normal;
    text-decoration: underline;
}

/* Roomvo override */

.roomvo-stimr.roomvo-stimr--mini {
  padding: 5px 16px 5px 12px !important;
  border-radius: 3px !important;
}

.roomvo-stimr.roomvo-stimr--mini .custom-roomvo-button__icon{
  margin-right: 6px !important;
}

.roomvo-stimr.roomvo-stimr--mini{
  --icon-size: 20px !important;
}

/* New REad More */

.collection-header-wrapper {
  padding: 8px 0 0;
}

.collection-header-wrapper .breadcrumbs-snippet {
  margin-top:0;
}

.collection-header-wrapper  .slider-wrapper-links .swiper-slide{
  text-align: left;
  justify-content: flex-start !important;
}



.collection-header-wrapper .section-bullets {
  margin-top: 20px;
}

@media screen and (min-width: 550px) {
    .collection-header-wrapper {
    padding: 0.5rem 0 2.5rem;
  }
}

@media screen and (min-width: 800px) {
    .roomvo-stimr.roomvo-stimr--mini{
        padding: 8px 16px 8px 12px !important;
    }

    .roomvo-stimr.roomvo-stimr--mini .custom-roomvo-button__content strong {
	    font-size: 15px !important;
    }

  .collection-header-wrapper {
  	padding: 1rem 0 3.375rem;
  }

  .collection-header-wrapper .section-bullets {
    margin-top: 25px;
  }
}

.read-more-container .read-more-content {
    position: relative;
	overflow: hidden;
	line-height: 1.5;
}

.collection-header-wrapper .read-more__button-container{
    width: 100%;
    display: flex;
    justify-content: center;
}

.read-more-container .read-more-toggle {
	margin-top: 10px;
	text-underline-offset: 3px;
}



.header-collections-snippet .read-more-content a,
.header-collections-snippet .read-more-content a:visited{
  text-decoration: underline !important; 
  color: rgb(var(--color-main-link)) !important;
}


.header-collections-snippet .collection-header-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	margin-top: 2rem;
}

.collection-header-grid > * {
	max-width: max-content;
	max-width: fit-content;
	width: auto;
}


@media screen and (min-width: 750px) {
    .read-more-toggle {
  	display: none;
  }
    .header-collections-snippet.collection-header .text-container .read-more-content{
  	max-width: 715px;
  	/* margin-inline: auto; */
  }
}

.header-collections-snippet.collection-header .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-collections-snippet.collection-header .swiper-wrapper-with-nav {
	margin-top: 2rem;
}

.header-collections-snippet.collection-header .blob-link,
.header-collections-snippet.collection-header .blob-link .icon-with-text{
  width: 100%;
}



.header-collections-snippet.collection-header .blob-link .icon-with-text__content {
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
}



html body {
  background: #fff !important;
}



/* Alert Badges */

.alert-badge-message {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 10px 12px;
	background: rgba(var(--badge-bg),.12);
	border: 1px solid rgb(var(--badge-bg),.4);
	border-radius: 10px;
}

.alert-badge-message[alert-type="alert-success"],
.alert-badge-message[alert-type="alert-hooray"]{
	--badge-bg: 0,182, 73;
	--badge-text-color: var(--badge-bg);
}

.alert-badge-message[alert-type="alert-error"] {
	--badge-bg: 219, 9, 9;
	--badge-text-color: var(--badge-bg);
}



.alert-badge-message__icon {
	--size: 20px;
	width: var(--size);
	height: var(--size);
	min-width: var(--size);
	min-height: var(--size);
	border-radius: 100%;
	/* background: rgb(255, 255, 255); */
	color: rgb(var(--badge-text-color));
	display: flex;
	justify-content: center;
	align-items: center;
	top: 3px;
	position: relative;
}


.alert-badge-message__icon svg path {
  color: inherit;
  fill: currentcolor;
}

.alert-badge-message__info {
	margin-left: 10px;
	line-height: 1.25;
    color: rgb(var(--badge-text-color));
}

.alert-badge-message__title {
	font-size: 16px;
	font-weight: 600;
}

.alert-badge-message__text {
	font-size: 14px;
}


#swym-anchor {
	display: none !important;
}

/* PDP update - 09/11 */



.product-content-wrapper__features-list {
	padding: 24px 20px 24px 34px;
	border: 1px solid rgb(var(--color-new-border));
	background-color: rgba(255,251,244);
	border-radius: 5px;
	margin-top: 20px;
}

.product-content-wrapper__features-heading{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 5px;
  padding-bottom: 14px;
}

.product-content-wrapper__features-list .product-content-wrapper__payment-methods .payment-icons{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
}

.product-content-wrapper__features-list .product-content-wrapper__payment-methods .payment-icons li{
    display: inline-block;
    margin-top: 0;
}

.product-content-wrapper__features-title {
  font-size: 18px;
  font-weight: 700;
}

.product-content-wrapper__features-btn {
  font-size: 12px;
  font-weight: 700;
}


.product-content-wrapper__features-list ul > li {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  gap: 10px;
}

.product-content-wrapper__features-icon{
  line-height: 0;
}

.product-content-wrapper__features-icon svg{
  width: 16px;
  height: 16px;
}

.product-content-wrapper__features-icon svg rect{
   fill: rgba(var(--color-main-text));
}


.product-content-wrapper__features-list a,
.product-content-wrapper__features-list a:visited{
  color: currentColor !important;
}

.product-content-wrapper__features-list ul > li + li {
  margin-top: 10px
}



.product-details-gallery-wrapper__secondary-info {
    margin-top: 10px;
	padding: 25px 16px;
	border-top: 1px solid rgba(var(--color-main-text), .085);
	border-bottom: 1px solid rgba(var(--color-main-text), .085);
	background: rgba(var(--color-bg-greige), 1);
}

.product-details-gallery-wrapper__secondary-info .title {
	margin-bottom: 8px;
}

.product-details-gallery-wrapper__secondary-info ul {
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
}

.product-details-gallery-wrapper__secondary-info ul > li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	line-height: 1.1;
	text-align: right;
}
.product-details-gallery-wrapper__secondary-info ul > li + li {
	margin-top: .4rem;
}


.product-details-gallery-wrapper__secondary-info ul > li strong{
	text-align: left;
}

.product-details-gallery-wrapper__secondary-info ul > li:before {
  display: none;
}

.product-details-gallery-wrapper__secondary-info .text-body, .product-details-gallery-wrapper__secondary-info .text-body p {
	/* font-family: var(--font-family-secondary); */
	font-size: 16px;
	line-height: 146%;
}


@media screen and (min-width: 800px){
    .product-content-wrapper__features-list li span,
    .product-content-wrapper__features-list li strong,
    .product-content-wrapper__features-list li p {
        font-size: 18px;
    }

    .product-content-wrapper__features-title{
        font-size: 20px;
    }
    .product-content-wrapper__features-btn{
        font-size: 14px;
    }
    .product-content-wrapper__features-list ul > li + li{
        margin-top: 18px;
    }
    
    .product-help-section .container{
        justify-content: center;
        display: flex;
    }
    .product-help-section .container .product-details-gallery-wrapper__secondary-info{
        min-width: 490px;
    }
}


.product-help-section .product-details-gallery-wrapper__secondary-info{
    background-color: rgb(var(--color-new-bg));
    border: 1px solid rgb(var(--color-new-border));
    border-radius: 10px;
  }
  
  .product-help__text-body{
    font-size: 15px;
    line-height: 140%;
    color: rgb(var(--color-main-text));
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 14px;
  }

  .product-help__phone{
    width: 100%;
    color: inherit !important;
  }

  .product-help__button{
    border-radius: 10px
  }

  .product-details-gallery-wrapper__secondary-info modal-opener .product-help__button{
    background-color: rgb(var(--color-main-text));
    border: transparent;
    color: rgb(var(--color-white));
  }

  .product-help__button svg{
    width: 27px;
    height: 27px;
  }

  .product-help__button--with-icon{
    flex: 1;
  }

  .product-help__button--with-icon a{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0.5rem;
    background-color: transparent;
    max-height: 100%;
    justify-content: center;
  }

  .product-help__button--with-icon .button__text{
    font-size: 13px;
    font-weight: 600;
    color: rgb(var(--color-main-text));
    margin-left: 0 !important;
  }

  .product-help__button--with-icon svg{
    width: 32px;
    height: 32px;
    fill: rgb(var(--color-main-text))
  }

  .product-help__icon-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

@media screen and (min-width: 800px){
    .product-details-gallery-wrapper__secondary-info{
        margin-top: 38px;
        background-color: transparent;
        border: 0;
        border-radius: 5px;
        box-shadow: 2px 2px 25px 4px rgba(var(--color-black), 0.07);
        padding: 34px 47px;
        max-width: 490px;
    }

    .product-details-gallery-wrapper__secondary-info .title{
        font-size: 24px;
        margin-bottom: 24px;
        text-align: left;
    }
    .product-details-gallery-wrapper__secondary-info .product-help__text-body{
        text-align: left;
        padding: 0;
        font-size: 16px;   
    }
    .product-details-gallery-wrapper__secondary-info .product-help__text-body .site-link{
        margin-top: 10px;
    }

    .product-details-gallery-wrapper__secondary-info .product-help__text-body strong{
        font-size: 16px;
    }
    .product-details-gallery-wrapper__secondary-info .product-help__icon-buttons{
        flex-direction: column;
        gap: 20px;
        justify-content: start;
        align-items: start;
    }
    .product-details-gallery-wrapper__secondary-info .product-help__button--with-icon a{
        flex-direction: row;
        gap: 20px;
        color: unset;
        align-items: center;
        padding: 0;
        min-height: unset;
    }
    .product-details-gallery-wrapper__secondary-info .button__text{
        font-size: 16px;
        font-weight: inherit;
        text-align: left;
        line-height: 160%;
    }
    .product-details-gallery-wrapper__secondary-info .button__text strong{
        font-size: 16px;
    }

    .product-details-gallery-wrapper__secondary-info modal-opener{
        margin-top: 16px;
    }
    .product-details-gallery-wrapper__secondary-info modal-opener .button__text{
        font-size: 18px;
    }
}

@media screen and (max-width:1024px){
    .product-details-gallery-wrapper__secondary-info{
        max-width: 100%;
    }
}


.product-badge + .product-content-wrapper__product-title {
	margin-top: 8px;
}

.product-content-wrapper__product-title {
  margin-bottom: 1.25rem;
  font-size: 20px;
}


#shopify-section-product .product-content-wrapper__middle {
    margin: 0 28px;
    border-top: 1px solid rgb(232, 228, 225);
    padding: 18px 0;
  }

  .product-content-wrapper__middle .product-content-wrapper__highlights{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 12px;
  }

.product-content-wrapper__highlights-item .icon-highlight {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: rgb(var(--color-new-bg));
  }

.product-content-wrapper__highlights-item .icon-highlight img{
  padding: 4px;
}

.product-content-wrapper__highlights-item{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  .product-content-wrapper__highlights-item .highlights-item__description{
    display: flex;
    flex-direction: column;
  }

.highlights-item__description .highlights__text{
  line-height: 110%;
}

 #shopify-section-product .product-content-wrapper__lower{
   background-color: transparent
 }
@media screen and (min-width: 950px){
.product-content-wrapper__product-title{
        margin-bottom: 1rem;
        font-size: 26px;
    }
}

@media screen and (min-width: 1024px){
    #shopify-section-product .product-content-wrapper__middle{
        margin: 0;
        border-top: 0;
    }
    .product-content-wrapper__middle .product-content-wrapper__highlights{
        font-size: 14px;
    }
}

@media screen and (max-width: 800px) {

  .product-content-wrapper__product-title{
    font-weight: 600 !important;
    font-family: inherit;
  }

  .product-details-form-wrapper-inner .flex:empty {
    display: none;
    margin: 0 !important;
  }
}

  .product-content-wrapper__unit-size {
    	display: flex;
    	align-items: flex-end;
    	justify-content: space-between;
    }

#shopify-section-product .total-price-wrapper {
	display: flex;
    flex-direction: column;
}

@media screen and (max-width: 800px) {
  #shopify-section-product .accordion__title-container .image-container img {
	top: 3px;
}
  
    .product-media-list,
    #shopify-section-product .product-details-form-wrapper {
      margin: 0;
      padding: 0;
    }
  
   #shopify-section-product .product-content-wrapper {
  	box-shadow: none;
  	border-radius: 0;
  	width: 100%;
    }
    
    #shopify-section-product .product-form-snippet > .product-main-details__secondary-info {
        margin: 0 16px;
        padding: 0;
        padding-bottom: 12px;
        border-bottom: 1px solid rgb(232, 228, 225);
    }

  #shopify-section-product .product-content-wrapper__middle {
    margin: 0 18px;
    padding: 18px 0;
    border-bottom: 1px solid rgb(232, 228, 225);
  }
  

  .product-content-wrapper__highlights-item .icon-highlight {
    width: 28px;
    height: 28px;
  }


  .highlights-item__description .highlights__text{
    font-size: 13px;
    line-height: 110%;
  }
    
    #shopify-section-product .product-content-wrapper__lower {
    	border-radius: 0;
    	border-bottom: 0;
    	padding-bottom: 0;
        background-color: transparent;
    } 

    #shopify-section-product .product-main-details__cta {
      margin: 0 !important;
      padding-top: 20px;
    }
  
    #shopify-section-product .product-details-form-wrapper .product-main-details > *:not(.product-form-snippet),
    #shopify-section-product .product-main-details__secondary-info,
    #shopify-section-product .product-main-details__cta {
      padding-inline: 16px;
    }

  
    #shopify-section-product .product-content-wrapper__rating {
  	min-height: 15px;
  	margin-block: 0;
  }
  
  #product-description {
  	padding: 20px 16px 35px;
  	font-size: 16px;
  	letter-spacing: .2px;
    text-align: left;
  }

  .product-video-preview-section #product-description{
    padding: 20px 0 0;
  }

  .product-video-preview-section .grid{
    --grid-mobile-horizontal-spacing: 0;
    --grid-mobile-vertical-spacing: 0;
  }

  .product-video-preview-section .product-description-snippet{
    margin-bottom: 30px;
  }

  /* #product-description article,
  #product-description article p{
      font-family: var(--font-family-secondary) !important;
  } */

  #product-description article p {
  	font-size: 16px;
  	line-height: 146%;
  }
  
    #product-description .title{
  	margin-bottom: 12px;
  }

  .#shopify-section-product accordion:last-child .accordion__title-container {
	border-bottom: 0 !important;
  }


  .product-content-wrapper__unit-size > :first-child {
  	position: relative;
  	font-size: 14px;
  }


  #shopify-section-product .total-price-wrapper strong{
      font-size: 18px;
      line-height: 135%;
    }


   #shopify-section-product  .product-content-wrapper__form .grid {
	margin-bottom: 0;
    padding-bottom: 20px;
    row-gap: 18px;
    }

    .product-content-wrapper__details-list .card-price {
    font-size: 1.125rem;
  	font-weight: 600;
    text-transform: lowercase;
  }

  .product-content-wrapper__unit-size {
  	margin-bottom: 0;
  }

  .product-content-wrapper__unit-size .product-content-wrapper__you-get{
    display: flex;
    flex-direction: column;
  }
  
  .product-content-wrapper__payment-methods {
  	margin-top: 5px;
  	text-align: center;
  }

  .product-content-wrapper__form:not(:last-child) {
  	margin-bottom: 0px;
  }

  .product-content-wrapper__payment-methods .title {
  	display: block;
  	margin-bottom: 10px;
  	font-weight: 400;
  }

  .product-content-wrapper__payment-methods .payment-icons {
  	display: flex;
  	flex-wrap: wrap;
  	align-items: center;
  	justify-content: center;
  	gap: 5px;
  }

  .product-content-wrapper__features-list .product-content-wrapper__payment-methods{
    width: 100%;
  }
  
  .product-content-wrapper__features-list .product-content-wrapper__payment-methods .payment-icons{
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
  }

  .product-content-wrapper__features-list .product-content-wrapper__payment-methods .payment-icons li{
    width: 34px;
    margin: 0;
  }
  
  


  #shopify-section-product .product-accordions-section {
  	background: none;
  	padding-bottom: 0;
  }

  #shopify-section-product .accordion--large .accordion__title-container {
	padding-inline: 0;
  }

  #shopify-section-product .accordion--large .accordion__title {
	font-size: 19px;
	font-weight: 400;
	font-family: var(--font-heading);
  }

 #shopify-section-product .accordion:last-child .accordion__title-container {
   border-bottom: 0;
 }

  #shopify-section-product .accordion--large .accordion__title-container::after {
      background-size: contain;
      width: 11px;
      height: 11px;
      right: 0;
      transform: translateY(-50%);
  }

  #shopify-section-product .yotpo-widget-instance--custom.yotpo-widget-instance--large .yotpo-sr-bottom-line-text {
	font-size: 0.9rem !important;
	bottom: 1px;
	position: relative;
  }


  .template-product #shopify-section-product .button,
  .template-product .sticky-bar .button{
	border-radius: 0.3em;
        font-size: 16px;
        font-weight: 400;
    text-transform: unset;
  }

  .template-product #shopify-section-product .custom-swym-button {
    border-radius: 0.3em;
    min-height: 53px !important;
  }


  .template-product .h1,
  .template-product .h2,
  .template-product .h3,
  .template-product .h4,
  .template-product .h5,
  .template-product .h6{
    font-weight: 500;
    font-family: "Averta", sans-serif
  }

  .template-product .h1,
  .template-product .h2,
  .template-product .h3{
    font-weight: 600;
  }


  #shopify-section-product .product-content-wrapper__lower .button{
    font-size: 17px;
  }

  .template-product .yotpo-text-container {
  	font-size: 15px !important;
  }

.read-more-content.rte.collapsed::after {
	content: "";
	display: block;
	width: 100%;
	height: 35px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(217, 217, 217, 0) 13.39%, #FFFFFF 86.75%);
}


  #shopify-section-product .product-page-utilities .custom-roomvo-button {
    padding: 10px;
    margin-inline: auto;
    width: calc(100% - 32px);
    border-radius: 5px;
    margin-bottom: 10px;
    justify-content: flex-start;
  }
}


@media screen and (min-width: 800px) {
    .product-content-wrapper__form .grid {
    margin-bottom: 0;
  }

   #product-description .title, #product-description-desktop .title{
    margin-bottom: 20px;
   }

   .product-content-wrapper__you-get > *{
    font-size: 18px;
   }
  #shopify-section-product .total-price-wrapper strong{
      font-size: 20px;
      line-height: 135%;
    }
}

@media screen and (max-width: 800px) {
  .product-content-wrapper__details-list {
    font-size: 14px;
  }
  .product-content-wrapper__you-get > *{
    font-size: 14px;
   }
}

.product-content-wrapper__bullet-list {
  list-style: disc !important;
  list-style-position: inside !important;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.product-content-wrapper__bullet-item{
  list-style: inherit;
  
}

/* Alert Badges */

.alert-badge-message {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 10px 12px;
	background: rgba(var(--badge-bg),.12);
	border: 1px solid rgb(var(--badge-bg),.4);
	border-radius: 10px;
}

.alert-badge-message[alert-type="alert-success"],
.alert-badge-message[alert-type="alert-hooray"]{
	--badge-bg: 0,182, 73;
	--badge-text-color: var(--badge-bg);
}

.alert-badge-message[alert-type="alert-error"] {
	--badge-bg: 219, 9, 9;
	--badge-text-color: var(--badge-bg);
}



.alert-badge-message__icon {
	--size: 20px;
	width: var(--size);
	height: var(--size);
	min-width: var(--size);
	min-height: var(--size);
	border-radius: 100%;
	/* background: rgb(255, 255, 255); */
	color: rgb(var(--badge-text-color));
	display: flex;
	justify-content: center;
	align-items: center;
	top: 3px;
	position: relative;
}


.alert-badge-message__icon svg path {
  color: inherit;
  fill: currentcolor;
}

.alert-badge-message__info {
	margin-left: 10px;
	line-height: 1.25;
    color: rgb(var(--badge-text-color));
}

.alert-badge-message__title {
	font-size: 16px;
	font-weight: 600;
}

.alert-badge-message__text {
	font-size: 14px;
}


.cl-product-card__wishlist {
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

/* Wishlist */
.swym-wishlist-grid {
  --grid-desktop-vertical-spacing: 25px;
  --grid-desktop-horizontal-spacing: 25px;
  --grid-mobile-vertical-spacing: 20px;
  --grid-mobile-horizontal-spacing: 14px;
}

.cl-product-card-image .swym-delete-btn {
	position: absolute;
	right: 15px;
	top: 15px;
	padding: 16px;
	background: #ff5757;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
    cursor: pointer;
}

.swym-notifications-container.swym-showing.swymTopLeft {
	left: 15px;
	border-radius: 16px;
	overflow: hidden;
}

.swym-notifications-container {
	max-width: 350px !important;
	width: 100% !important;
}

.swym-notification-wishlist .swym-image {
	width: 90px !important;
	flex-shrink: 0;
	height: auto;
	border: 1px solid rgba(var(--color-main-text),.1);
	border-radius: 14px;
}

.swym-notification-wishlist .swym-product-tile {
	padding: 10px !important;
    font-size: .925rem !important;
}

.swym-notification-wishlist .swym-product-tile * {
	letter-spacing: 0 !important;
}

.swym-emphasis:first-child {
	display: block;
	font-size: 1rem;
	font-family: var(--font-heading);
	font-weight: 400 !important;
	opacity: 1;
	color: rgb(var(--color-main-text));
}

.cl-product-card__wishlist  > .custom-swym-button {
  
}

.cl-product-card__wishlist {
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	right: 10px;
	bottom: 10px;
}

.custom-swym-button{
    --button-size: 45px;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgb(var(--color-white)) !important;
	border-radius: 100%;
	box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.25) !important;
    width: var(--button-size) !important;
    height: var(--button-size) !important;
    min-width: var(--button-size) !important;
    min-height: var(--button-size) !important;
    transition: all .35s ease;
    cursor: pointer;
}

.custom-swym-button:hover {
	scale: 1.2;
}

.add-to-cart-btn-container .custom-swym-button {
      --button-size: 50px;
}

.swym-button.swym-add-to-wishlist-view-product.swym-added-custom {
	opacity: 1 !important;
}

.custom-swym-button > svg path{
  stroke: rgb(var(--color-main-accent));
}
.custom-swym-button.swym-added-custom > svg {
  fill: rgb(var(--color-main-accent));
}

.custom-swym-button.swym-added-custom > svg path{
  stroke: rgb(var(--color-main-accent));
}

.custom-swym-button > * {
  pointer-events: none;
}

/* #swym-anchor {
	display: none !important;
} */


@media screen and (max-width: 900px){
.swym-notifications-container.swym-showing {
	top: 10px !important;
	left: 0 !important;
	right: 0 !important;
	border-radius: 16px;
	overflow: hidden;
	max-width: calc(100% - 20px) !important;
	width: 100% !important;
	margin-inline: 10px !important;
}

.swym-notifications-container {
	max-width: 100% !important;
	width: 100% !important;
}

  .navigation-main__wishlist.tablet-up-hide {
	padding-inline: 1rem;
	margin-top: 1.5rem;
}

  .navigation-main__wishlist modal-opener > * {
    width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	border-radius: 10px;
	background: rgba(var(--color-bg-greige), 1);
}
}




.wishlist-modal__content {
	overflow: scroll;
	height: 100%;
}


/* Site Modal */
modal-opener {
	display: flex;
	width: 100%;
}

.site-modal {
    --border-color: rgba(var(--color-main-text),.1);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	z-index: 999999999;
	visibility: hidden;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
    transition: all .25s ease-in-out;
}

.site-modal[open] {
  	visibility: visible;
  	background: rgba(0,0,0,0.5);
	opacity: 1;
}

.site-modal-wrapper {
	display: flex;
	flex-direction: column;
	max-width: 1180px;
    width: 100%;
	margin-inline: auto;
	height: 80%;
	overflow: auto;
	background: rgba(var(--color-white));
	border-radius: 20px;
  	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    transform: scale(.5);
    opacity: 0;
    transition: all .4s ease;
}

.site-modal[open] .site-modal-wrapper {
      opacity: 1;
      transform: scale(1);
}

.site-modal-wrapper__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-inline: 1.7rem;
	position: sticky;
	top: 0;
	z-index: 10;
	padding-top: 1rem;
}

.site-modal-wrapper__header > * + * {
	margin-left: 1rem;
}

.site-modal-wrapper__header > .title {
	padding: 0.75rem 1.2rem;
	border-radius: 20px;
	border: .1rem solid transparent;
	background: rgba(var(--color-white));
	flex-grow: 1;
}

.site-modal-wrapper__header > .close-button {
	height: 70px;
	width: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(var(--color-white));
	border-radius: 20px;
  	border: .1rem solid transparent;
}

.site-modal-wrapper__header[is-sticky] > .title,
.site-modal-wrapper__header[is-sticky] > .close-button {
	border: .1rem solid var(--border-color);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.site-modal-wrapper__header[is-sticky] > .close-button {
  background: #fac928;
}
.site-modal-wrapper__content {
	padding: 2rem 3rem 5rem;
}


@media screen and (max-width: 800px) {
  .site-modal {
    align-items: flex-end;
  }

  
  .site-modal-wrapper {
    border-radius: 20px 20px 0 0;
    transform: scale(1) translateY(80%);
  }

  .site-modal[open] .site-modal-wrapper {
      opacity: 1;
      transform: scale(1) translateY(0);
}

  .site-modal-wrapper__header {
	padding-inline: 0.6rem;
  }
  
  .site-modal-wrapper__content {
	padding: 2rem 1.6rem 5rem;
  }
  
}


/* Special styles for Request a Quote modal */

#quoteRequestModal .site-modal-wrapper__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-inline: 1.7rem;
	position: sticky;
	top: 0;
	z-index: 10;
	padding-top: 0;
	background: #fff;
	border-bottom: 1px solid rgba(var(--color-main-text),.1);
}

#quoteRequestModal .text-input {
  width: 100%;
}

#quoteRequestModal .site-modal-wrapper__header > .close-button {
	right: -30px;
	position: relative;
}

#quoteRequestModal .site-modal-wrapper__header > .title {
  padding-inline: 0;
}

#quoteRequestModal .form-success {
	padding: 13px;
	margin-bottom: 20px;
	background: #d8fcd8;
	border: 1px solid #53de53;
	border-radius: 6px;
	font-size: 15px;
	line-height: 1.3;
}



/* Black friday fix */
  #nav-black-friday > a,
  #nav-black-friday .btn-nav-first-level,
  #nav-black-friday .btn-nav-first-level > a{
  	color: #ffc200 !important
}


@media screen and (max-width: 800px){
  #nav-black-friday{
    background: #000;
  }

  #nav-black-friday > a,
  #nav-black-friday .btn-nav-first-level > a{
    color: #fff !important
  }

   #nav-black-friday .btn-nav-first-level::after {
     background-image: url(icon-arrow-white.svg?v=1);
     rotate: 180deg;
   }
}

#datePickerButton[date-selected] {
  max-height: 100%;
}



.loader-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: .85rem;
	font-size: 0.9rem;
}

.loader {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #fac828;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1.5s linear infinite;
	display: flex;
}

.loader-wrapper__text {
  opacity: .75;
}

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  /* New: Sticky Bar ================= */
.sticky-bar {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 90;
	padding: 1rem;
	box-shadow: 0 -73px 29px #00000003,0 -41px 25px #00000008,0 -18px 18px #0000000a,0 -5px 10px #0000000d;
	visibility: hidden;
	transform: translateY(100%);
	transition: all .35s ease-in-out;
	background: rgb(var(--color-white));
	border-top: 1px solid rgba(var(--color-main-text), .2);
}

.sticky-bar[is-sticky] {
  visibility: visible;
  transform: translateY(0); 
}

.sticky-bar--bottom {
  bottom: 0;
}


@media screen and (min-width: 750px) {
  .sticky-bar {
    border-radius: 0;
  } 
}


/* Mobile Menu update */
@media screen and (max-width: 800px) {
    body.mobile-nav-open {
    	overflow: hidden;
    }
    .navigation-snippet .navigation-main {
    	top: 0;
        width: 100%;
        max-width: 90%; 
        overflow: hidden;
  }


.navigation-snippet .navigation-main__content-wrapper {
	position: relative;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow-y: scroll;
}

  .navigation-main__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
  	padding: 16px 18px;
  	background: rgb(var(--color-bg-greige));
  }


  .navigation-main__header .h4{
    font-size: 22px;
  }

  .navigation-main__header .nav-close-btn {
  	padding: 0;
  }
  
  .navigation-main__header .nav-close-btn svg{
    width: 13px;
    height: 13px;
    top: 1px;
    position: relative;
  }

  .navigation-snippet .nav-second-level-wrapper {
    position: absolute;
	top: 0;
	width: 100%;
	left: 0;
    right: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all .25s ease; 
    opacity: 1;
    height: 100%;
}

  [data-nav-item].menu-open .nav-second-level-wrapper{
    visibility: visible;
    transform: translateX(0);
  }

  .navigation-snippet .nav-second-level-wrapper .nav-second-level .child-link {
	margin: 0;
	padding: 0;
  }
  
  .navigation-snippet .nav-third-level li a {
  	padding: 18px;
  	width: 100%;
    line-height: 1;
  	display: flex;
  }

  .navigation-snippet ul.nav-third-level,
  .navigation-snippet .nav-third-level li + li a {
	border-top: 1px solid rgba(var(--color-main-text), .12);
  }

    .navigation-snippet .heading-4 + ul.nav-third-level{
    	border-top: 0; 
    }

  .navigation-snippet::before {
  	content: "";
  	width: 100%;
  	height: 100%;
  	background: rgba(var(--color-main-text),.65);
  	display: flex;
  	z-index: 1;
  	display: ;
  	position: fixed;
  	z-index: 9999;
  	top: 0;
  	z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: all .35s ease;
  }

  .mobile-nav-open .navigation-snippet::before {
    opacity: 1;
    visibility: visible;
  }

  .navigation-main__secondary-features {
  	margin-top: 0; 
  	background: rgb(var(--color-bg-greige));
  }

  .navigation-main__secondary-features > li {
    border-top: 1px solid rgba(var(--color-main-text), .12);
  }

  .navigation-main__secondary-features .navigation-main__item {
  	display: flex;
  	width: 100%;
  }

  .navigation-main__secondary-features button,
  .navigation-main__secondary-features a {
    width: 100%;
  }
  
  .navigation-main__secondary-features .icon-with-text {
  	padding: 15px 18px;
  	width: 100%;
  }
    .navigation-main__secondary-features .icon-with-text__content {
  	font-size: 1.05rem;
  	line-height: 1;
  }
} 


.product-content-wrapper__promo-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}

.product-content-wrapper__promo-badges:empty {
  margin: 0;
}

.pdp-product-card .product-card__button{
    order: 100;
}

.pdp-product-card .product-card__button .btn--atc{
    margin: 0;
    border-radius: 0;
    background-color: rgb(var(--color-main-accent));
    color: rgb(var(--color-main--text));
    border: 0;
    font-size: 13px;
    text-transform: none;
    padding-block: 12px;

}

.cl-product-card-info{
    text-align: left;
    font-size: 13px;
}

.pdp-product-card .cl-product-card-info.no_free_sampl{
    margin-bottom: 18px;
}

.cl-product-card-name{
    font-weight: 600;
    padding: 18px 14px 0 14px !important;
}

.cl-product-card-size, .cl-product-card-finish{
    padding: 0;
    margin: 0;
    font-size: inherit;
    color: rgb(var(--color-main--text));
    line-height: 150%;
    opacity: 1;
}

.cl-product-card-info .card-price{
    padding: 0 14px;
    font-size: 18px;
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 5px;
}

.cl-product-card .product-card__review-widget, .cl-product-card-yotpo-rating {
    padding: 0 14px;
    background-color: transparent !important;
    border: 0;
    justify-content: left;
}

 .cl-product-card .star-container{
    width: 14px !important;
 }

 .cl-product-card .star-container path{
    stroke: rgb(var(--color-main--text));
    fill: rgb(var(--color-main--text));
 }

.cl-product-card .yotpo-widget-instance--custom .yotpo-sr-bottom-line-text{
    color: rgb(var(--color-main--text)) !important;
    font-weight: 400 !important;
    position: relative;
}





.swiper-pagination--progress-bar{
    position: relative;
    height: 3px;
    background-color: rgb(209,209,209);
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 24px;
}

.swiper-pagination--progress-bar .swiper-pagination-progressbar-fill{
    background-color: rgb(var(--color-main-text));
    border-radius: 10px;
}


@media screen and (min-width: 800px){
  .cl-product-card-name{
    padding: 18px 24px 0 !important;
  }

  .cl-product-card-size, .cl-product-card-finish{
    font-size: 1rem;
    padding: 0 24px 2px !important;
  }

  .cl-product-card-info .card-price{
    font-size: 18px;
    padding: 0 24px;
  }

  .cl-product-card-yotpo-rating{
    padding: 0 24px;
  }

  .cl-product-card .yotpo-widget-instance--custom .yotpo-sr-bottom-line-text{
    font-size: 18px !important;
    padding: 0 !important;
  }
  .cl-product-card .star-container{
    width: 18px !important;
    height: 18px;
  }

  .cl-product-card  .cl-product-card-yotpo-rating{
    margin-block: 0 10px;
    min-height: 0px;
  }
  .cl-product-card .yotpo-reviews-star-ratings-widget{
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 800px){
    .cl-product-card-name{
        font-size: 13px;
    }
}