/*
Generated time: February 19, 2024 21:56
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.mfp-bg {
    background: #0b0b0b;
    opacity: .8;
    overflow: hidden;
    z-index: 1042
}

.mfp-bg,
.mfp-wrap {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.mfp-wrap {
    -webkit-backface-visibility: hidden;
    outline: 0 !important;
    z-index: 1043
}

.mfp-container {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    cursor: auto;
    width: 100%
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    left: 8px;
    margin-top: -.8em;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    width: auto;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: 0;
    overflow: visible;
    padding: 0;
    touch-action: manipulation;
    z-index: 1046
}

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

.mfp-close {
    color: #fff;
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    height: 44px;
    line-height: 44px;
    opacity: .65;
    padding: 0 0 18px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 44px
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    width: 100%
}

.mfp-counter {
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap
}

.mfp-arrow {
    -webkit-tap-highlight-color: transparent;
    height: 110px;
    margin: -55px 0 0;
    opacity: .65;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 90px
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    border: inset transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin-left: 35px;
    margin-top: 35px;
    position: absolute;
    top: 0;
    width: 0
}

.mfp-arrow:after {
    border-bottom-width: 13px;
    border-top-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-bottom-width: 21px;
    border-top-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    border-right: 27px solid #3f3f3f;
    margin-left: 25px
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    max-width: 900px;
    width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%
}

.mfp-iframe-scaler iframe {
    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

img.mfp-img {
    box-sizing: border-box;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    padding: 40px 0;
    width: auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    background: #444;
    bottom: 40px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    content: "";
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: auto;
    z-index: -1
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    cursor: auto;
    left: 0;
    margin-top: -36px;
    position: absolute;
    top: 100%;
    width: 100%
}

.mfp-title {
    word-wrap: break-word;
    color: #f3f3f3;
    line-height: 18px;
    padding-right: 36px;
    text-align: left
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        bottom: 0;
        top: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        position: fixed;
        top: auto
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        background: rgba(0, 0, 0, .6);
        height: 35px;
        line-height: 35px;
        padding: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 35px
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

* {
    box-sizing: border-box;
    margin: 0;
    outline: 0;
    padding: 0
}

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

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

template {
    display: none
}

html {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-size-adjust: none
}

audio,
iframe,
img,
object,
video {
    max-width: 100%
}

iframe,
img {
    border: 0
}

img {
    display: inline-block;
    height: auto;
    vertical-align: middle
}

b,
strong {
    font-weight: 700
}

address {
    font-style: normal
}

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

a,
button,
input[type=button],
input[type=file],
input[type=image],
input[type=reset],
input[type=submit],
label[for] {
    cursor: pointer
}

a[href^=tel],
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
    cursor: default
}

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

a[href^=tel],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    appearance: none;
    -webkit-appearance: none
}

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

textarea {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: inherit;
    font-family: inherit;
    font-size: inherit
}

button,
select {
    text-transform: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

nav ol,
nav ul {
    list-style: none outside none
}

body {
    background: #fff;
    color: #000;
    font-family: sofia-pro, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    min-width: 320px
}

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

a:hover,
a[href^=tel] {
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .75em
}

.h1,
h1 {
    font-size: 40px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .h1,
    h1 {
        font-size: 32px
    }
}

.h2,
h2 {
    font-size: 32px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .h2,
    h2 {
        font-size: 25px
    }
}

.h3,
h3 {
    font-size: 26px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .h3,
    h3 {
        font-size: 20px
    }
}

.h4,
h4 {
    font-size: 20px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .h4,
    h4 {
        font-size: 18px
    }
}

.h5,
h5 {
    font-size: 15px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .h5,
    h5 {
        font-size: 15px
    }
}

.h6,
h6 {
    font-size: 10px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .h6,
    h6 {
        font-size: 10px
    }
}

blockquote,
dl,
ol,
p,
table,
ul {
    margin-bottom: .75em
}

blockquote:last-child,
dl:last-child,
h1:last-child,
h1[class],
h2:last-child,
h2[class],
h3:last-child,
h3[class],
h4:last-child,
h4[class],
h5:last-child,
h5[class],
h6:last-child,
h6[class],
ol:last-child,
p:last-child,
table:last-child,
ul:last-child {
    margin-bottom: 0
}

ol,
ul {
    margin-left: 20px
}

img {
    margin-bottom: 10px
}

img[style="float: left;"] {
    height: auto;
    margin: 0 10px 10px 0;
    max-width: 50%
}

img[style="float: right;"] {
    height: auto;
    margin: 0 0 10px 10px;
    max-width: 50%
}

nav ol,
nav ul {
    margin-left: 0
}

*,
body,
html {
    font-display: fallback
}

.clear,
.notext {
    @util text-hide;
}

.visually-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    margin: -1px;
    padding: 0
}

.visually-hidden,
a.skip-link {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

a.skip-link {
    left: -999px;
    top: auto;
    z-index: -999
}

a.skip-link:active,
a.skip-link:focus {
    background-color: #000;
    border: 4px solid #ff0;
    border-radius: 15px;
    color: #fff;
    font-size: 1.2em;
    height: auto;
    left: auto;
    margin: 10px 35%;
    overflow: auto;
    padding: 5px;
    text-align: center;
    top: auto;
    width: 30%;
    z-index: 999
}

.hidden,
[hidden] {
    display: none !important
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.disabled,
[disabled] {
    cursor: default
}

.col {
    flex: 1;
    max-width: 100%
}

.cols {
    display: flex;
    flex-flow: row wrap
}

.col--1of2 {
    flex: 0 0 50%;
    max-width: 50%
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-flex,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media(max-width:767px) {
    .hidden-xs {
        display: none !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }

    .visible-xs-flex {
        display: flex !important
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .hidden-sm {
        display: none !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media(min-width:1024px)and (max-width:1200px) {
    .hidden-md {
        display: none !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media(min-width:1201px) {
    .hidden-lg {
        display: none !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }
}

.no-scroll {
    overflow: hidden !important
}

.accordion-container {
    padding: 20px 40px 43px
}

@media(max-width:1023px) {
    .accordion-container {
        padding: 20px 15px 43px
    }
}

.cart-drawer {
    background-color: #fff;
    bottom: 0;
    max-width: 100vw;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform .3s;
    width: 479px;
    z-index: 50
}

@media(max-width:1023px) {
    .cart-drawer {
        width: 100%
    }
}

.cart-drawer.is-visible {
    transform: translateX(0)
}

.cart-drawer .cart-drawer__head {
    padding: 28px 50px 31px;
    position: relative;
    text-align: center
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart-drawer .cart-drawer__head {
        padding: 17px 50px 23px
    }
}

.cart-drawer .cart-drawer__head .h5,
.cart-drawer .cart-drawer__head h5 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .cart-drawer .cart-drawer__head .h5,
    .cart-drawer .cart-drawer__head h5 {
        font-size: 16px;
        letter-spacing: .015em
    }
}

.cart-drawer .cart-drawer__head .h5 span,
.cart-drawer .cart-drawer__head h5 span {
    margin-left: 4px
}

.cart-drawer .cart-drawer__inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.cart-drawer .cart-drawer__body {
    flex: 1 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 18px 40px 100px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart-drawer .cart-drawer__body {
        padding: 13px 15px 100px
    }
}

.cart-drawer .cart-drawer__body .line-item+.line-item {
    margin-top: 38px;
    position: relative
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart-drawer .cart-drawer__body .line-item+.line-item {
        margin-top: 24px
    }
}

.cart-drawer .cart-drawer__body .line-item+.line-item:before {
    background-color: rgba(0, 0, 0, .1);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: -18px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart-drawer .cart-drawer__body .line-item+.line-item:before {
        top: -12px
    }
}

.cart-drawer .cart-drawer__close {
    font-size: 32px;
    left: 40px;
    line-height: 1;
    margin-top: -4px;
    position: absolute;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart-drawer .cart-drawer__close {
        left: 15px;
        margin-top: -6px
    }
}

.cart-drawer .cart-drawer__message {
    background-color: var(--colour-accent);
    font-size: 12px;
    padding: 6px 10px;
    text-align: center
}

.cart-drawer .cart-drawer__foot {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: auto;
    padding: 15px 40px 23px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart-drawer .cart-drawer__foot {
        padding: 10px 15px 13px
    }
}

.cart-drawer .cart-drawer__foot-entry {
    color: #7e7e7e;
    font-size: 12px;
    text-align: center
}

.cart-drawer .cart-drawer__actions {
    margin-bottom: 13px
}

.cart-drawer .cart-drawer__actions .btn {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .1em;
    padding: 14px 25px;
    text-transform: uppercase
}

.cart-drawer .cart-drawer__actions .btn+.btn {
    margin-top: 10px
}

.cart-drawer .cart-drawer__subtotal {
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: space-between;
    margin-bottom: 14px
}

.cart-drawer .cart-drawer__related-products {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 11px;
    padding-top: 23px
}

.cart-drawer .cart-drawer__related-products-head {
    margin-bottom: 17px
}

.cart-drawer .cart-drawer__related-products-head .h3,
.cart-drawer .cart-drawer__related-products-head h3 {
    font-weight: 400
}

.cart-drawer .cart-drawer__related-products-items {
    display: flex;
    margin: 0 -5px
}

.cart-drawer .cart-drawer__related-products-items>* {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 5px
}

.cart-drawer .cart-drawer__related-products .product-item .product-item__image {
    padding-bottom: 150.5%
}

.cart-drawer .cart-drawer__related-products .product-item .product-item__content {
    padding: 8px 0
}

.cart-drawer.is-empty .cart-drawer__body {
    text-align: center
}

.cart-drawer-overlay {
    background-color: var(--colour-accent-overlay);
    bottom: 0;
    display: block;
    font-size: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s, visibility .3s;
    visibility: hidden;
    z-index: 40
}

.cart-drawer.is-visible+.cart-drawer-overlay {
    opacity: 1;
    visibility: visible
}

.comments {
    border-bottom: 1px solid #eee;
    margin-bottom: 60px;
    padding-bottom: 60px
}

.comments .comments__item {
    margin-bottom: 30px
}

.comments .comments__item:last-child {
    margin-bottom: 0
}

.comments .comments__text {
    color: #777;
    font-size: 16px;
    margin-bottom: 5px
}

.instagram-section .instagram-section__head {
    margin-bottom: 37px;
    text-align: center
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .instagram-section .instagram-section__head {
        margin-bottom: 17px
    }
}

.instagram-section .instagram-section__head .h3,
.instagram-section .instagram-section__head h3 {
    font-weight: 400;
    letter-spacing: .015em;
    margin: 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .instagram-section .instagram-section__head .h3,
    .instagram-section .instagram-section__head h3 {
        letter-spacing: 0
    }
}

.instagram-section #insta-feed,
.instagram-section #insta-feed>a,
.instagram-section #insta-feed>a * {
    overflow-y: hidden !important
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .instagram-section #insta-feed {
        margin-top: 0;
        overflow-x: auto;
        padding: 0 !important;
        white-space: nowrap
    }

    .instagram-section #insta-feed .instafeed-container {
        padding-top: 45.4% !important;
        width: 45.4% !important
    }
}

.newsletter {
    max-width: 440px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .newsletter {
        max-width: 100%
    }
}

.newsletter .newsletter__head {
    margin-bottom: 16px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .newsletter .newsletter__head {
        margin-bottom: 11px
    }
}

.newsletter .newsletter__title {
    margin-bottom: 15px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .newsletter .newsletter__title {
        margin-bottom: 13px
    }
}

.newsletter .newsletter__entry {
    color: #7e7e7e;
    font-size: 15px;
    line-height: 1.4;
    max-width: 335px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .newsletter .newsletter__entry {
        font-size: 14px;
        line-height: 1.3
    }
}

.radio-holder input {
    display: none
}

.radio-holder input:checked~label {
    border-color: #000;
    color: #000
}

.radio-holder input:disabled~label,
.radio-holder input[data-disabled=true]~label {
    color: #ababab
}

.radio-holder input:disabled~label:after,
.radio-holder input[data-disabled=true]~label:after {
    opacity: 1
}

.radio-holder label {
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .1);
    color: #7e7e7e;
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
    min-height: 34px;
    min-width: 50px;
    overflow: hidden;
    padding: 5px 10px;
    position: relative;
    transition: border .4s, color .4s;
    user-select: none
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .radio-holder label {
        min-height: 30px
    }
}

.radio-holder label:after {
    background: currentColor;
    content: "";
    height: 1px;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-33deg);
    width: 120%
}

.socials {
    display: flex;
    list-style-type: none;
    margin: 0 -10px;
    padding: 0
}

.socials>* {
    padding: 0 10px
}

.socials a {
    text-decoration: none;
    transition: color .4s
}

.socials a:hover {
    color: #79797e
}

.accordion .accordion__section+.accordion__section {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.accordion .accordion__section.is-expanded .accordion__head:after {
    transform: none
}

.accordion .accordion__head {
    cursor: pointer;
    padding: 17px 0;
    position: relative;
    user-select: none
}

.accordion .accordion__head:after,
.accordion .accordion__head:before {
    background-color: currentColor;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transition: transform .4s;
    width: 12px
}

.accordion .accordion__head:after {
    transform: rotate(90deg)
}

.accordion .accordion__head .h4,
.accordion .accordion__head h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 0;
    text-transform: uppercase
}

.accordion .accordion__body {
    padding-bottom: 25px
}

.accordion--secondary .accordion__section:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.accordion--secondary .accordion__body {
    color: #7e7e7e;
    font-size: 15px;
    line-height: 1.4;
    position: relative;
    top: -5px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .accordion--secondary .accordion__body {
        font-size: 14px;
        line-height: 1.28;
        padding-bottom: 23px;
        padding-top: 1px;
        top: 0
    }
}

.accordion--secondary .accordion__body ul {
    list-style-type: none;
    margin: 0 0 19px;
    padding: 0
}

.accordion--secondary .accordion__body ul li {
    padding-left: 17px;
    position: relative
}

.accordion--secondary .accordion__body ul li:before {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 5px
}

.accordion--secondary .accordion__body p {
    margin-bottom: 16px
}

.accordion--secondary .accordion__body strong {
    color: #000
}

.accordion--secondary .accordion__body blockquote {
    background-color: var(--colour-accent);
    display: block;
    padding: 9px 0
}

.accordion--secondary .accordion__body blockquote p {
    margin-bottom: 0
}

.cart-trigger {
    position: relative
}

.cart-trigger span {
    align-items: center;
    background-color: var(--colour-accent);
    border-radius: 50%;
    color: #000;
    display: flex;
    font-size: 11px;
    font-weight: 500;
    justify-content: center;
    min-height: 20px;
    min-width: 20px;
    padding: 1.8px 5.2px;
    position: absolute;
    right: -13px;
    top: -14px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart-trigger span {
        font-size: 9px;
        min-height: 14px;
        min-width: 14px;
        padding: .2px 3px;
        right: -8px;
        top: 1px
    }
}

.featured-collection {
    position: relative
}

.featured-collection .featured-collection__image {
    padding-top: 52.1%;
    position: relative
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .featured-collection .featured-collection__image {
        padding-top: 146.5%
    }
}

.featured-collection .featured-collection__content {
    text-align: center
}

.featured-collection .featured-collection__content .h1,
.featured-collection .featured-collection__content h1 {
    font-weight: 400;
    letter-spacing: .012em;
    margin-bottom: 11px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .featured-collection .featured-collection__content .h1,
    .featured-collection .featured-collection__content h1 {
        margin-bottom: 5px
    }
}

.featured-collection .featured-collection__content .featured-collection__entry {
    font-size: 18px;
    margin-bottom: 38px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .featured-collection .featured-collection__content .featured-collection__entry {
        font-size: 16px;
        letter-spacing: .01em;
        margin-bottom: 19px
    }
}

.featured-collection--overlay .featured-collection__image:after {
    background-image: linear-gradient(180deg, transparent 0, #000 80%);
    bottom: 0;
    content: "";
    height: 68%;
    left: 0;
    opacity: .32;
    position: absolute;
    right: 0;
    z-index: 5
}

.featured-collection--overlay .featured-collection__content {
    bottom: 60px;
    color: #fff;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 10
}

@media(max-width:1023px) {
    .featured-collection--overlay .featured-collection__content {
        bottom: 25px;
        padding: 15px;
        width: 100%
    }
}

.featured-collection--overlay .featured-collection__content .btn:hover {
    border-color: #fff;
    color: #fff
}

.featured-collection--box {
    margin-bottom: 170px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .featured-collection--box .featured-collection__image {
        padding-top: 106.7%
    }
}

.featured-collection--box .featured-collection__content {
    background-color: var(--colour-accent);
    bottom: -136px;
    color: #000;
    left: 50%;
    max-width: 674px;
    padding: 42px 10px 60px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
    z-index: 10
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .featured-collection--box .featured-collection__content {
        bottom: -131px;
        left: 15px;
        max-width: 100%;
        padding: 22px 10px 27px;
        right: 15px;
        transform: none;
        width: auto
    }
}

.featured-collection--box .featured-collection__content .h1,
.featured-collection--box .featured-collection__content h1 {
    margin-bottom: 8px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .featured-collection--box .featured-collection__content .h1,
    .featured-collection--box .featured-collection__content h1 {
        font-size: 25px;
        margin-bottom: 4px
    }

    .featured-collection--box .featured-collection__content .featured-collection__entry {
        font-size: 14px;
        letter-spacing: 0
    }
}

.featured-collection--box .btn {
    background-color: #000;
    border-color: #000;
    color: #fff
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .featured-collection--box .btn {
        padding: 10px 15px
    }
}

.featured-collection--box .btn:hover {
    background-color: transparent;
    color: #000
}

.line-item {
    display: flex;
    flex-flow: row wrap
}

@media(max-width:480px) {
    .line-item {
        align-items: flex-start
    }
}

.line-item .line-item__image {
    padding-top: 4px;
    width: 170px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .line-item .line-item__image {
        width: 108px
    }
}

.line-item .line-item__image a {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    font-size: 0;
    padding-top: 127.7%;
    text-decoration: none
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .line-item .line-item__image a {
        padding-top: 137.1%
    }
}

.line-item .line-item__content {
    flex: 1;
    padding-left: 19px
}

@media(max-width:480px) {
    .line-item .line-item__content {
        display: block;
        padding-left: 10px
    }
}

.line-item .line-item__meta {
    flex: 1;
    margin-bottom: 14px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .line-item .line-item__meta {
        margin-bottom: 9px
    }
}

.line-item .line-item__meta .h6,
.line-item .line-item__meta h6 {
    color: #ababab;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 1px;
    text-transform: uppercase
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .line-item .line-item__meta .h6,
    .line-item .line-item__meta h6 {
        font-size: 11px
    }
}

.line-item .line-item__meta .h5,
.line-item .line-item__meta h5 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .015em;
    line-height: 1.2;
    margin-bottom: 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .line-item .line-item__meta .h5,
    .line-item .line-item__meta h5 {
        font-size: 14px;
        letter-spacing: 0;
        margin-bottom: 1px
    }
}

.line-item .line-item__meta .h5 a,
.line-item .line-item__meta h5 a {
    text-decoration: none
}

.line-item .line-item__meta .h5 a:hover,
.line-item .line-item__meta h5 a:hover {
    text-decoration: underline
}

.line-item .line-item__price {
    display: flex;
    font-size: 13px;
    font-weight: 500;
    margin: 0 -2.5px 8px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .line-item .line-item__price {
        flex-direction: row-reverse;
        justify-content: flex-end;
        margin-bottom: 3px
    }
}

.line-item .line-item__price>* {
    padding: 0 2.5px
}

.line-item .line-item__price ins {
    text-decoration: none
}

.line-item .line-item__price del {
    color: #ababab
}

.line-item .line-item__option,
.line-item .line-item__property {
    color: #ababab;
    font-size: 13px;
    margin-bottom: 8px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .line-item .line-item__option,
    .line-item .line-item__property {
        font-size: 12px
    }
}

.line-item .line-item__controls-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 11px 0
}

.line-item .line-item__wishlist {
    position: relative
}

.line-item .line-item__wishlist .wk-button-collection {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.line-item .line-item__wishlist .wk-button-collection .wk-icon,
.line-item .line-item__wishlist .wk-button-collection .wk-label {
    display: none
}

.line-item .line-item__wishlist .wk-button-collection.wk-add-product~.line-item__wishlist-remove-label,
.line-item .line-item__wishlist .wk-button-collection.wk-remove-product~.line-item__wishlist-add-label {
    display: none !important
}

.line-item .line-item__controls-inner a,
.line-item .line-item__wishlist {
    color: #ababab;
    font-size: 12px;
    text-decoration: underline
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .line-item .line-item__controls-inner a,
    .line-item .line-item__wishlist {
        color: #000
    }
}

.line-item .line-item__controls-inner a:hover,
.line-item .line-item__wishlist:hover {
    text-decoration: none
}

.page {
    padding: 50px 0 100px
}

.page .page__title {
    font-weight: 400;
    letter-spacing: .015em;
    margin-bottom: 40px;
    text-align: center
}

.page--contact .page__title {
    margin-bottom: 20px
}

.page--error {
    padding: 150px 0;
    text-align: center
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .page--error {
        padding: 100px 0
    }
}

.page--error .page__title {
    font-weight: 400;
    letter-spacing: .015em;
    margin-bottom: 10px
}

.page--error .page__content p {
    margin-bottom: 20px
}

.search-container {
    padding: 50px 0
}

.search-container .search-container__head {
    margin-bottom: 20px;
    text-align: center
}

.search-container .search-container__title {
    font-weight: 400;
    letter-spacing: .015em
}

.search-container .search-container__items {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px -20px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .search-container .search-container__items {
        display: block;
        margin: 0
    }
}

.search-container .search-container__items>* {
    flex: 0 0 33.33%;
    margin-bottom: 20px;
    max-width: 33.33%;
    padding: 0 10px
}

@media(max-width:1023px) {
    .search-container .search-container__items>* {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .search-container .search-container__items>* {
        max-width: 100%;
        padding: 0
    }
}

.search-container .no-results,
.search-container .results {
    text-align: center
}

.search-container .no-results {
    padding: 50px 0
}

.search-container .search {
    margin: 0 auto 20px;
    max-width: 250px;
    width: 100%
}

.sort .sort__label {
    color: #959595;
    margin-right: 30px
}

.sort .sort__select {
    display: inline-block;
    max-width: 310px;
    width: 100%
}

.article-item {
    padding-bottom: 47px;
    position: relative
}

.article-item .article-item__foot {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.cart {
    padding: 50px 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart {
        padding: 20px 0
    }
}

.cart table {
    text-align: left
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart table {
        display: block;
        width: 100%
    }
}

.cart td,
.cart th {
    padding: 20px 10px
}

.cart td:first-child,
.cart th:first-child {
    padding-left: 0
}

.cart td:last-child,
.cart th:last-child {
    padding-right: 0
}

.cart th {
    border-bottom: 1px solid #eee;
    color: #959595;
    font-weight: 400
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart th {
        display: none
    }

    .cart td {
        display: block;
        text-align: center !important;
        width: 100% !important
    }

    .cart tr {
        display: block;
        position: relative;
        width: 100%
    }

    .cart thead {
        display: none
    }

    .cart tbody {
        display: block;
        width: 100%
    }

    .cart tbody td {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 0
    }

    .cart tbody td:before {
        content: attr(data-attr);
        display: block;
        font-weight: 400;
        margin-bottom: 5px
    }

    .cart tbody td+td {
        margin-top: 20px
    }
}

.cart tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 20px 0
}

.cart tfoot {
    text-align: right
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart tfoot {
        display: block;
        width: 100%
    }

    .cart tfoot tr {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 10px 0
    }

    .cart tfoot tr:first-child {
        padding: 10px 0
    }

    .cart tfoot tr:first-child td {
        border: 0;
        padding: 0
    }
}

.cart tfoot td {
    padding: 15px 10px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart tfoot td {
        padding: 15px 0;
        text-align: left !important;
        width: auto !important
    }
}

.cart .cart__product {
    text-decoration: none
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart .cart__product {
        margin-bottom: 10px
    }
}

.cart .cart__product h4 .cart__product .h4 {
    font-weight: 400;
    letter-spacing: .015em;
    line-height: 1.2
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart .cart__product h4 .cart__product .h4 {
        padding-right: 60px
    }
}

.cart .cart__image {
    width: 140px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart .cart__image {
        width: 100%
    }

    .cart .cart__image img {
        display: block;
        height: auto;
        width: 100%
    }

    .cart .cart__name {
        display: block;
        position: relative;
        text-align: left !important
    }
}

.cart .cart__name .h6,
.cart .cart__name h6 {
    color: #ababab;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 1px;
    text-transform: uppercase
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .cart .cart__name .h6,
    .cart .cart__name h6 {
        font-size: 11px
    }
}

.cart .cart__quantity {
    text-align: center;
    width: 140px
}

.cart .cart__remove {
    width: 22px
}

.cart .cart__variant {
    padding-top: 5px
}

.cart .cart__properties {
    font-style: italic;
    opacity: .6;
    padding-top: 10px
}

.cart .cart__properties:empty {
    display: none
}

.cart .cart__total-label {
    color: #959595;
    font-size: 16px
}

.cart .cart__total-value {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.56
}

.cart .cart__subtotal-savings:empty {
    display: none
}

.cart .cart__info {
    color: #959595;
    font-style: italic
}

.cart .cart__info td {
    padding-bottom: 40px;
    text-align: right
}

.cart .cart__price,
.cart .cart__total {
    font-weight: 500;
    width: 160px
}

@media(max-width:1023px) {

    .cart .cart__price,
    .cart .cart__total {
        width: 140px
    }
}

.cart .cart__total {
    text-align: right
}

.cart .field--quantity {
    max-width: 80px;
    text-align: center
}

.cart .js-quantity .field {
    appearance: textfield
}

.cart .js-quantity .field::-webkit-inner-spin-button,
.cart .js-quantity .field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cart .js-quantity.field input[type=number] {
    -moz-appearance: textfield
}

.cart .remove {
    color: #ababab;
    display: inline-flex;
    font-size: 12px;
    text-decoration: underline
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart .remove {
        position: absolute;
        right: 0;
        top: 4px
    }
}

.cart .remove:hover {
    text-decoration: none
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart .form__head {
        margin-bottom: 20px !important
    }
}

.cart .form__title {
    color: #000;
    font-weight: 400;
    letter-spacing: .015em
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cart .form__btn {
        display: block;
        margin: 0 !important;
        width: 100%
    }
}

.featured-collections {
    padding: 44px 0 59px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .featured-collections {
        padding: 24px 0 45px
    }
}

.featured-collections__head {
    margin-bottom: 37px;
    text-align: center
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .featured-collections__head {
        margin-bottom: 18px
    }
}

.featured-collections__head .h3,
.featured-collections__head h3 {
    color: #000;
    font-weight: 400;
    letter-spacing: .015em;
    margin: 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .featured-collections__head .h3,
    .featured-collections__head h3 {
        letter-spacing: 0
    }
}

[class^=list-] {
    list-style: none outside none;
    margin-left: 0
}

.paging {
    display: block
}

.paging--no-spaces {
    padding: 0
}

.search form {
    position: relative
}

.search .search__field {
    background-color: #ffffff;
    border: 1px solid black;
    border-radius: 0;
    color: #79797e;
    display: block;
    font-size: 13px;
    height: 40px;
    padding: 0 45px 0 15px;
    width: 100%
}

.search .search__btn {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    display: inline-flex;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.swatch {
    display: inline-block;
    height: 28px;
    width: 28px
}

.swatch input {
    display: none
}

.swatch input:checked~label:before {
    opacity: 1
}

.swatch a,
.swatch label {
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    position: relative;
    text-decoration: none;
    width: 28px
}

.swatch a:before,
.swatch label:before {
    border: 1px solid #000;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s
}

.swatch--white a,
.swatch--white label {
    border: 1px solid #e0e0e0
}

.swatch--small {
    padding: 0
}

.swatch--small,
.swatch--small a,
.swatch--small label {
    height: 20px;
    width: 20px
}

.swatch--checked a,
.swatch--checked label {
    box-shadow: none !important
}

.swatch--checked a:before,
.swatch--checked label:before {
    opacity: 1
}

.swatch--disabled {
    opacity: .3;
    pointer-events: none
}

.article--default {
    margin-bottom: 100px;
    padding: 50px 0
}

@media(max-width:480px) {
    .article--default {
        margin-bottom: 40px;
        padding-bottom: 40px
    }
}

.article--default .article__head {
    margin-bottom: 60px;
    text-align: center
}

.article--default .article__title {
    font-weight: 400;
    letter-spacing: .015em;
    margin-bottom: 10px
}

.article--default .article__meta {
    margin-bottom: 45px
}

.article--default .article__image {
    margin-bottom: 0;
    padding-top: 56.25%;
    position: relative
}

.article--default .article__body {
    margin-bottom: 80px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .article--default .article__body {
        padding: 0
    }
}

.article--default .article__body blockquote {
    margin-left: 1em;
    margin-right: 1em
}

.article--default .article__comments {
    border-top: 1px solid #eee;
    padding: 60px 10% 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .article--default .article__comments {
        padding: 30px 0 0
    }
}

.article-item--default .article-item__image {
    display: block;
    height: 0;
    padding-top: 56.25%;
    position: relative
}

.article-item--default .article-item__content {
    padding: 20px 0
}

.article-item--default .article-item__head {
    margin-bottom: 15px
}

.article-item--default .article-item__title {
    font-weight: 400;
    letter-spacing: .015em;
    line-height: 1.2;
    margin-bottom: 5px
}

.article-item--default .article-item__title a {
    text-decoration: none
}

.article-item--default .article-item__meta {
    color: #959595
}

.article-item--default .article-item__body {
    color: #777;
    font-size: 16px
}

.collection-card .collection-card__inner {
    display: block;
    position: relative;
    text-decoration: none;
    transition: opacity .4s
}

.collection-card .collection-card__inner:hover {
    opacity: .7
}

.collection-card .collection-card__image {
    padding-top: 67.7%;
    position: relative
}

@media(max-width:1400px) {
    .collection-card .collection-card__image {
        padding-top: 67.1%
    }
}

@media(max-width:1300px) {
    .collection-card .collection-card__image {
        padding-top: 66.9%
    }
}

@media(max-width:1200px) {
    .collection-card .collection-card__image {
        padding-top: 66.4%
    }
}

@media(max-width:1023px) {
    .collection-card .collection-card__image {
        padding-top: 69.4%
    }
}

.collection-card .collection-card__content {
    padding: 7px 20px 1px;
    text-align: center
}

@media(max-width:1023px) {
    .collection-card .collection-card__content {
        padding: 17px 0 1px
    }
}

.collection-card .collection-card__content .h3,
.collection-card .collection-card__content h3 {
    color: #000;
    font-weight: 400;
    margin-bottom: 1px
}

.collection-card .collection-card__content .h5,
.collection-card .collection-card__content h5 {
    color: #ababab;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 0;
    text-transform: uppercase
}

.collection-card .collection-card__link {
    color: #000;
    font-size: 14px
}

.collection-card.collection-card--centered {
    position: relative
}

.collection-card.collection-card--centered .collection-card__inner:after {
   /* background-color: rgba(0, 0, 0, .1); */
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.collection-card.collection-card--centered .collection-card__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2
}

.collection-card.collection-card--centered .collection-card__content .h3,
.collection-card.collection-card--centered .collection-card__content .h5,
.collection-card.collection-card--centered .collection-card__content h3,
.collection-card.collection-card--centered .collection-card__content h5,
.collection-card.collection-card--centered .collection-card__link {
    color: #fff
}

.collection-card.collection-card--centered .collection-card__link {
    font-size: 15px;
    text-decoration: underline;
    text-underline-offset: 2px
}

.collection-card.collection-card--centered .collection-card__content .h5,
.collection-card.collection-card--centered .collection-card__content h5 {
    font-size: 15px;
    font-weight: 400
}

.filters-trigger {
    color: #ababab;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    text-decoration: none;
    text-transform: uppercase
}

.loader {
    opacity: .7;
    position: relative
}

.loader:before {
    animation: spinner .6s linear infinite;
    border-radius: 50%;
    border-right: 2px solid transparent;
    border-top: 2px solid #000;
    box-sizing: border-box;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -10px;
    opacity: 1;
    position: absolute;
    top: 100px;
    width: 20px
}

@keyframes spinner {
    to {
        transform: rotate(1turn)
    }
}

.paging--default {
    padding: 30px 0;
    text-align: center
}

.paging--default li,
.paging--default ul {
    display: inline-block;
    margin: 10px;
    vertical-align: middle
}

@media(max-width:480px) {

    .paging--default li,
    .paging--default ul {
        margin: 2px
    }
}

.paging--default li a,
.paging--default li.is-current span {
    border: 1px solid #eee;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    padding: 15px 0;
    text-align: center;
    width: 50px
}

@media(max-width:480px) {

    .paging--default li a,
    .paging--default li.is-current span {
        font-size: 12px;
        height: 36px;
        padding: 9px 0;
        width: 36px
    }
}

.paging--default li.is-current span,
.paging--default li:hover a {
    border-color: #000
}

.paging--default a {
    text-decoration: none
}

.paging--default .paging-next,
.paging--default .paging-prev {
    display: inline-block;
    font-size: 0;
    height: 50px;
    position: relative;
    vertical-align: middle;
    width: 50px
}

@media(max-width:480px) {

    .paging--default .paging-next,
    .paging--default .paging-prev {
        height: 36px;
        width: 36px
    }
}

.paging--default .paging-next:after,
.paging--default .paging-prev:after {
    border-color: #000;
    border-style: solid;
    border-width: 0 0 1px 1px;
    content: "";
    display: inline-block;
    height: 8px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: 50% 50%;
    transition: transform .4s;
    vertical-align: middle;
    width: 8px
}

.paging--default .paging-next:after {
    transform: translate(-50%, -50%) rotate(-135deg)
}

.paging--default>span:after {
    opacity: .2
}

.section-50-50-image-text {
    padding: 46px 0
}

.section-50-50-image-text a {
    text-decoration: none
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .section-50-50-image-text .section__shell {
        padding: 0
    }
}

.section-50-50-image-text .section__inner {
    background-color: var(--colour-accent);
    display: flex
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .section-50-50-image-text .section__inner {
        display: block
    }
}

.section-50-50-image-text .section__content,
.section-50-50-image-text .section__image-wrapper {
    flex: 0 0 50%;
    max-width: 50%
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .section-50-50-image-text .section__content,
    .section-50-50-image-text .section__image-wrapper {
        max-width: 100%
    }
}

.section-50-50-image-text .section__image-wrapper {
    position: relative
}

.section-50-50-image-text .section__image {
    padding-top: 100%
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .section-50-50-image-text .section__image {
        padding-top: 92%
    }
}

.section-50-50-image-text .section__content {
    display: grid;
    padding: 20px;
    place-items: center;
    text-align: center
}


@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .section-50-50-image-text .section__title {
        font-size: 25px;
    }
}

.section-50-50-image-text .section__entry {
    font-size: 18px;
    margin-bottom: 33px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .section-50-50-image-text .section__entry {
        font-size: 14px;
        margin-bottom: 17px;
        text-decoration: normal;
    }
}

.swatches .swatches__items {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -6px -12px
}

.swatches .swatches__item {
    margin-bottom: 12px;
    padding: 0 6px
}

.swatches--small {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}

.swatches--small .swatches__items {
    margin: 0 -3px -6px
}

.swatches--small .swatches__item {
    display: none;
    margin-bottom: 6px;
    padding: 0 3px
}

.swatches--small .swatches__item:nth-child(-n+4) {
    display: block
}

.swatches--small .swatches__trigger {
    color: #7e7e7e;
    display: none;
    display: block;
    font-size: 11px;
    font-weight: 400;
    margin-left: 11px;
    margin-top: -6px;
    text-decoration: none
}

.swatches--small.is-expanded .swatches__item {
    display: block !important
}

.swatches--small.swatches--desktop-expanded {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}

.swatches--small.swatches--desktop-expanded .swatches__item {
    display: none
}

.swatches--small.swatches--desktop-expanded .swatches__item:nth-child(-n+4),
.swatches--small.swatches--desktop-expanded .swatches__trigger {
    display: block
}

.swatches--small.swatches--desktop-expanded.is-expanded .swatches__item {
    display: block !important
}

.badge {
    background-color: #fff;
    color: #000;
    font-size: 13px;
    padding: 4px 10px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .badge {
        padding: 2px 7px
    }
}

.collection-filters {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 16px 0 12px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collection-filters {
        border-top: 0;
        padding: 13px 0 14px;
        position: relative
    }
}

.collection-filters:before {
    background-color: rgba(0, 0, 0, .1);
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    right: 15px;
    top: 0
}

.collection-filters .collection-filters__inner {
    align-items: center;
    display: flex;
    margin: 0 -10px
}

@media(max-width:1023px) {
    .collection-filters .collection-filters__inner {
        display: block;
        margin: 0
    }
}

.collection-filters .collection-filters__inner>* {
    padding: 0 10px
}

@media(max-width:1023px) {
    .collection-filters .collection-filters__inner>* {
        padding: 0
    }
}

.collection-filters .collection-filters__content {
    flex: 1 0
}

@media(max-width:1023px) {
    .collection-filters .collection-filters__aside {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin: 0 -10px
    }

    .collection-filters .collection-filters__aside>* {
        padding: 0 10px
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collection-filters .collection-switch-layout {
        margin-left: -7px
    }
}

.collection-filters .collection-filters__selected {
    display: flex;
    width: 100%
}

@media(max-width:1023px) {
    .collection-filters .collection-filters__selected {
        display: none
    }
}

.collection-filters .collection-filters__selected-list {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 27px 0 0;
    row-gap: 15px
}

.collection-filters .collection-filters__selected-list li {
    margin-right: 15px;
    width: fit-content
}

.collection-filters .collection-filters__selected-item {
    background-color: #f4f4f4;
    color: #7e7e7e;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1;
    padding: 4px 37px 4px 10px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase
}

.collection-filters .collection-filters__selected-icon {
    display: inline-block;
    height: 7px;
    line-height: 0;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 7px
}

.collection-filters .collection-filters__selected-clear-wrapper {
    padding: 27px 0 0
}

.collection-filters .collection-filters__selected-clear {
    color: #7e7e7e;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
    text-decoration: none;
    text-transform: uppercase
}

@media(max-width:1023px) {
    .collection-filters.is-fixed {
        border-top: none;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 30
    }

    .collection-filters.is-fixed:before {
        display: none
    }

    .filters {
        background-color: #fff;
        bottom: 0;
        display: flex;
        flex-direction: column;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        transition: opacity .4s;
        z-index: 30
    }
}

.filters .filters__head {
    display: none
}

@media(max-width:1023px) {
    .filters .filters__head {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        display: block;
        padding: 18px 40px 22px;
        position: relative;
        text-align: center
    }
}

.filters .filters__head .h4,
.filters .filters__head h4 {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    margin: 0
}

.filters .filters__head .h4 .filters__count,
.filters .filters__head h4 .filters__count {
    margin-left: 5px
}

.filters .filters__head .filters__close {
    display: inline-block;
    left: 15px;
    margin-top: 3px;
    position: absolute;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%)
}

.filters .filters__count {
    display: inline-block
}

.filters .filters__count:before {
    content: "("
}

.filters .filters__count:after {
    content: ")"
}

@media(max-width:1023px) {
    .filters .filters__body {
        flex: 1 0
    }

    .filters .filters__body-inner {
        height: 100%;
        transition: transform .4s
    }

    .filters .filters__body-inner .filters__form {
        height: calc(100% - 140px);
        overflow-x: hidden;
        overflow-y: auto
    }
}

.filters .filters__body-actions {
    display: none
}

@media(max-width:1023px) {
    .filters .filters__body-actions {
        border-top: 1px solid rgba(0, 0, 0, .1);
        bottom: 0;
        display: block;
        left: 0;
        padding: 20px 15px 11px;
        position: absolute;
        right: 0
    }

    .filters .filters__body-actions .btn {
        font-size: 13px;
        letter-spacing: .1em;
        padding: 13px 15px 15px;
        text-transform: uppercase
    }
}

.filters .filters__body-actions .btn .js-filters-count {
    display: inline-block;
    margin-left: 2px
}

.filters .filters__body-actions .btn .js-filters-count:before {
    content: "("
}

.filters .filters__body-actions .btn .js-filters-count:after {
    content: ")"
}

@media(max-width:1023px) {
    .filters .filters__body-actions .btn+.btn {
        margin-top: 9px
    }
}

.filters .filters__groups {
    display: flex;
    margin: 0 -15px
}

@media(max-width:1023px) {
    .filters .filters__groups {
        display: block;
        margin: 0
    }
}

.filters .filters__group {
    padding: 0 15px;
    position: relative;
    z-index: 20
}

.filters .filters__group:after {
    border: solid transparent;
    border-width: 1px 1px 2px;
    content: "";
    height: calc(100% + 10px);
    left: -5px;
    padding: 7px 5px 4px;
    position: absolute;
    top: -9px;
    transition: border-color .4s;
    width: calc(100% + 12px)
}

@media(max-width:1023px) {
    .filters .filters__group:after {
        content: none
    }

    .filters .filters__group {
        padding: 0;
        position: static
    }
}

.filters .filters__group:hover:after {
    border-color: #e6e6e6 #e6e6e6 #fff
}

@media(min-width:1024px) {
    .filters .filters__group:hover .filters__group-head svg {
        transform: rotate(180deg) translateY(50%)
    }

    .filters .filters__group:hover .filters__group-body {
        opacity: 1;
        pointer-events: auto
    }
}

.filters .filters__group .filters__group-head {
    color: #7e7e7e;
    cursor: pointer;
    padding-bottom: 4px;
    padding-right: 17px;
    position: relative
}

@media(max-width:1023px) {
    .filters .filters__group .filters__group-head {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        color: #000;
        padding: 18px 35px 18px 15px
    }
}

.filters .filters__group .filters__group-head .h5,
.filters .filters__group .filters__group-head h5 {
    color: #7e7e7e;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
    margin: 0;
    text-transform: uppercase
}

@media(max-width:1023px) {

    .filters .filters__group .filters__group-head .h5,
    .filters .filters__group .filters__group-head h5 {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: capitalize
    }
}

.filters .filters__group .filters__group-head svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width:1023px) {
    .filters .filters__group .filters__group-head svg {
        margin-top: -7px;
        right: 20px;
        transform: rotate(-90deg) translateY(-50%) scale(1.05);
        transform-origin: top right
    }
}

.filters .filters__group .filters__group-active {
    color: #7e7e7e;
    display: none;
    font-size: 13px;
    padding: 1px 0
}

@media(max-width:1023px) {
    .filters .filters__group .filters__group-active {
        display: block
    }
}

.filters .filters__group .filters__group-active ul {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    margin: 0 -1px;
    padding: 0
}

.filters .filters__group .filters__group-active li {
    padding: 0 1px
}

.filters .filters__group .filters__group-active li:after {
    content: ","
}

.filters .filters__group .filters__group-active li:last-of-type:after {
    display: none
}

.filters .filters__group .filters__group-body {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    left: -5px;
    max-height: 400px;
    min-width: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px;
    position: absolute;
    scrollbar-color: #000 rgba(0, 0, 0, .1);
    scrollbar-width: thin;
    top: 100%;
    transition: opacity .4s
}

.filters .filters__group .filters__group-body::-webkit-scrollbar {
    border-radius: 12px;
    width: 12px
}

.filters .filters__group .filters__group-body::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #000;
    border: 5px solid transparent;
    border-radius: 2px
}

.filters .filters__group .filters__group-body::-webkit-scrollbar-track {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .1);
    border: 5px solid transparent;
    margin-block: 5px
}

@media(min-width:1024px) {
    .filters .filters__group .filters__group-body {
        opacity: 0;
        pointer-events: none
    }
}

@media(max-width:1023px) {
    .filters .filters__group .filters__group-body {
        box-shadow: none;
        display: flex;
        flex-direction: column;
        height: calc(100vh - 65px);
        left: 100%;
        max-height: calc(100vh - 65px);
        opacity: 0;
        overflow-x: visible;
        overflow-y: visible;
        padding: 0 0 89px;
        pointer-events: none;
        top: 0;
        width: 100%
    }
}

.filters .filters__group .filters__group-body ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media(max-width:1023px) {
    .filters .filters__group .filters__group-body ul {
        flex: 1 0;
        overflow-x: hidden;
        overflow-y: auto
    }

    .filters .filters__group .filters__group-body li {
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
}

.filters .filters__group .filters__group-body li+li {
    margin-top: 10px
}

@media(max-width:1023px) {
    .filters .filters__group .filters__group-body li+li {
        margin-top: 0
    }

    .filters .filters__group .filters__group-body .checkbox label {
        display: block;
        padding: 14px 15px 15px 54px
    }
}

.filters .filters__group .filters__group-body .checkbox label:before {
    background-size: cover;
    border: none;
    height: 20px;
    width: 20px
}

@media(max-width:1023px) {
    .filters .filters__group .filters__group-body .checkbox label:before {
        border: 3px solid #fff;
        left: 17px;
        top: 15px
    }
}

.filters .filters__group .filters__group-body .checkbox label:not([class^=filter-swatch]) {
    padding-left: 0
}

@media(max-width:1023px) {
    .filters .filters__group .filters__group-body .checkbox label:not([class^=filter-swatch]) {
        padding-left: 54px
    }
}

.filters .filters__group .filters__group-body .checkbox label:not([class^=filter-swatch]):before {
    display: none
}

@media(max-width:1023px) {
    .filters .filters__group .filters__group-body .checkbox label:not([class^=filter-swatch]):before {
        display: inline-block
    }
}

.filters .filters__group .filters__group-body .checkbox input:checked~label[class^=filter-swatch]:before {
    box-shadow: 0 0 0 1px #000
}

.filters .filters__group .filters__group-actions {
    display: none
}

@media(max-width:1023px) {
    .filters .filters__group .filters__group-actions {
        background-color: #fff;
        border-top: 1px solid rgba(0, 0, 0, .1);
        bottom: 0;
        display: block;
        left: 0;
        padding: 20px 15px;
        position: absolute;
        right: 0
    }

    .filters .filters__group .filters__group-actions .btn {
        font-size: 13px;
        letter-spacing: .1em;
        padding: 13px 15px 15px;
        text-transform: uppercase
    }
}

.filters .filters__group .filters__back-btn {
    background-color: var(--colour-accent);
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 18px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize
}

.filters .filters__group .filters__back-btn svg {
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width:1023px) {
    .filters.is-open {
        opacity: 1;
        pointer-events: auto
    }
}

.filters.is-open .filters__group.is-active .filters__group-body {
    opacity: 1;
    pointer-events: auto
}

.logo {
    font-size: 0
}

.logo,
.logo img {
    display: inline-block
}

.logo img {
    margin: 0
}

.popup-newsletter {
    align-items: center;
    background-color: #fff;
    display: flex;
    margin: 0 auto;
    max-width: 1130px;
    position: relative
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .popup-newsletter {
        flex-direction: column
    }
}

.popup-newsletter .popup__image-wrapper {
    align-self: stretch;
    flex: 0 0 50%;
    max-width: 50%;
    padding-bottom: 50%;
    position: relative
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .popup-newsletter .popup__image-wrapper {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.popup-newsletter .popup__content {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 60px;
    text-align: center
}

@media(max-width:1023px) {
    .popup-newsletter .popup__content {
        padding: 30px
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .popup-newsletter .popup__content {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.popup-newsletter .popup__title {
    font-weight: 400;
    padding-bottom: 7px
}

.popup-newsletter .popup__subtitle {
    font-size: 18px;
    margin: 0 auto 40px;
    max-width: 435px
}

.popup-newsletter .mfp-close {
    font-size: 0;
    height: 23px;
    position: absolute;
    right: 38px;
    top: 34px;
    width: 23px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .popup-newsletter .mfp-close {
        right: 10px;
        top: 10px
    }
}

.popup-newsletter .mfp-close:after,
.popup-newsletter .mfp-close:before {
    background-color: #000;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: center;
    width: 1px
}

.popup-newsletter .mfp-close:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

@media(min-width:767px) {

    .popup-newsletter.mfp-close-white-desktop .mfp-close:after,
    .popup-newsletter.mfp-close-white-desktop .mfp-close:before {
        background-color: #fff
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .popup-newsletter.mfp-close-white-mobile .mfp-close:after,
    .popup-newsletter.mfp-close-white-mobile .mfp-close:before {
        background-color: #fff
    }
}

.mfp-fade.mfp-bg {
    background-color: #000;
    opacity: .1
}

.section-tabs {
    padding: 70px 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .section-tabs {
        padding: 33px 0
    }
}

.section-tabs .section-tabs__head {
    margin-bottom: 12px;
    text-align: center
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .section-tabs .section-tabs__head {
        margin-bottom: 5px;
        text-align: left
    }
}

.section-tabs .section-tabs__head .h3,
.section-tabs .section-tabs__head h3 {
    font-weight: 400;
    letter-spacing: .015em
}

.section-tabs .product-item__content {
    height: 150px
}

.tab {
    display: none
}

.blog,
.tab.is-current {
    display: block
}

.blog {
    padding: 50px 0
}

.blog .blog__title {
    font-weight: 400;
    letter-spacing: .015em;
    margin-bottom: 40px;
    text-align: center
}

.blog .blog__items {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px -4px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .blog .blog__items {
        display: block;
        margin: 0
    }
}

.blog .blog__items>* {
    flex: 0 0 33.33%;
    margin-bottom: 40px;
    max-width: 33.33%;
    padding: 0 10px
}

@media(max-width:1023px) {
    .blog .blog__items>* {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .blog .blog__items>* {
        max-width: 100%;
        padding: 0
    }
}

.blog .blog__item .article-item {
    height: 100%
}

.collection-hero {
    padding: 30px 0 40px
}

@media(max-width:1023px) {
    .collection-hero {
        padding: 3px 0 13px
    }
}

.collection-hero .collection-hero__content {
    margin: 0 auto;
    max-width: 670px;
    text-align: center
}

@media(max-width:1023px) {
    .collection-hero .collection-hero__content {
        margin: 0;
        text-align: left
    }
}

.collection-hero .collection-hero__title {
    font-weight: 400;
    letter-spacing: .015em;
    margin-bottom: 4px
}

@media(max-width:1023px) {
    .collection-hero .collection-hero__title {
        letter-spacing: 0;
        margin-bottom: 2px;
        margin-top: 10px
    }
}

.collection-hero .collection-hero__entry {
    color: #7e7e7e;
    font-size: 13px
}

@media(max-width:1023px) {
    .collection-hero .collection-hero__entry {
        line-height: 1.4
    }
}

.collection-hero .collection-hero__entry .h1,
.collection-hero .collection-hero__entry .h2,
.collection-hero .collection-hero__entry .h3,
.collection-hero .collection-hero__entry .h4,
.collection-hero .collection-hero__entry .h5,
.collection-hero .collection-hero__entry .h6,
.collection-hero .collection-hero__entry h1,
.collection-hero .collection-hero__entry h2,
.collection-hero .collection-hero__entry h3,
.collection-hero .collection-hero__entry h4,
.collection-hero .collection-hero__entry h5,
.collection-hero .collection-hero__entry h6 {
    color: #000;
    font-size: 26px;
    font-weight: 400
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .collection-hero .collection-hero__entry .h1,
    .collection-hero .collection-hero__entry .h2,
    .collection-hero .collection-hero__entry .h3,
    .collection-hero .collection-hero__entry .h4,
    .collection-hero .collection-hero__entry .h5,
    .collection-hero .collection-hero__entry .h6,
    .collection-hero .collection-hero__entry h1,
    .collection-hero .collection-hero__entry h2,
    .collection-hero .collection-hero__entry h3,
    .collection-hero .collection-hero__entry h4,
    .collection-hero .collection-hero__entry h5,
    .collection-hero .collection-hero__entry h6 {
        font-size: 20px
    }
}

.collection-hero .collection-hero__entry p {
    margin-bottom: 1em
}

.collection-hero .collection-hero__entry .limit-content-box {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 50px;
    pointer-events: none;
    position: relative;
    transition: max-height .4s, opacity .4s
}

@media(max-width:1023px) {
    .collection-hero .collection-hero__entry .limit-content-box {
        padding-bottom: 50px
    }
}

.collection-hero .collection-hero__entry .limit-content-box .read-more {
    background-color: #fff;
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center
}

@media(max-width:1023px) {
    .collection-hero .collection-hero__entry .limit-content-box .read-more {
        bottom: 1px;
        text-align: left
    }
}

.collection-hero .collection-hero__entry .limit-content-box .read-more button {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin: 0;
    text-decoration: underline
}

.collection-hero .collection-hero__entry .limit-content-box .read-more button:hover {
    text-decoration: none
}

.collection-hero .collection-hero__entry .limit-content-box.loaded {
    opacity: 1;
    pointer-events: auto
}

.footer .footer__body {
    background-color: #fff;
    padding: 78px 0 60px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__body {
        padding: 37px 0 35px
    }

    .footer .footer__bar {
        padding: 9px 0 13px
    }
}

.footer .footer__bar .footer__bar-content {
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    padding-bottom: 16px;
    padding-top: 11px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__bar .footer__bar-content {
        align-items: flex-start;
        flex-direction: column
    }

    .footer .footer__bar .footer__bar-nav {
        margin-bottom: 1px;
        order: -5
    }
}

.footer .footer__inner {
    display: flex;
    margin: 0 -10px
}

@media(max-width:1023px) {
    .footer .footer__inner {
        display: block;
        margin: 0
    }
}

.footer .footer__inner>* {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px
}

@media(max-width:1023px) {
    .footer .footer__inner>* {
        max-width: 100%;
        padding: 0
    }

    .footer .footer__content {
        margin-bottom: 20px
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__content {
        margin-bottom: 15px
    }
}

@media(max-width:1023px) {
    .footer .footer__aside {
        margin-bottom: 40px
    }
}

.footer .footer__cols {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px -20px;
    padding: 0 3px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__cols {
        display: block;
        margin: 0;
        padding: 0
    }
}

.footer .footer__cols .footer__col {
    flex: 0 0 33.33%;
    margin-bottom: 20px;
    max-width: 33.33%;
    padding: 0 10px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__cols .footer__col {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin-bottom: 0;
        max-width: 100%;
        padding: 0
    }

    .footer .footer__cols .footer__col .footer__title {
        cursor: pointer;
        margin-bottom: 0;
        padding: 20px 0;
        position: relative;
        user-select: none
    }

    .footer .footer__cols .footer__col .footer__title:after,
    .footer .footer__cols .footer__col .footer__title:before {
        background-color: currentColor;
        content: "";
        height: 1px;
        position: absolute;
        right: 0;
        top: 50%;
        transition: transform .4s;
        width: 12px
    }

    .footer .footer__cols .footer__col .footer__title:after {
        transform: rotate(90deg)
    }

    .footer .footer__cols .footer__col .footer__title.is-active:after {
        transform: none
    }
}

@media(min-width:1024px) {
    .footer .footer__cols .footer__col .footer__nav {
        display: block !important
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__cols .footer__col .footer__nav {
        display: none;
        padding-bottom: 25px
    }
}

.footer .footer__title {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
    margin: 0 0 13px;
    text-transform: uppercase
}

.footer .footer__newsletter {
    margin-bottom: 40px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__newsletter {
        margin-bottom: 0
    }
}

.footer .footer__copyright {
    color: #7e7e7e;
    font-size: 12px;
    margin-right: 15px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .footer .footer__payment.footer__bar-nav {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin-bottom: 9px;
        order: -10;
        padding-bottom: 15px;
        padding-top: 6px;
        width: 100%
    }
}

.footer .footer__bar-nav:not(.footer__payment) {
    flex: 1
}

.footer .footer__bar-nav ul {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    margin: 0 -6px -12px;
    padding: 0
}

.footer .footer__bar-nav li {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 0 6px
}

.footer .footer__bar-nav a {
    color: #7e7e7e;
    font-size: 12px;
    text-decoration: none;
    transition: color .4s
}

.footer .footer__bar-nav a:hover {
    color: #000
}

.footer .footer__bar-nav ul ul {
    display: none
}

.footer .footer__nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.footer .footer__nav li+li {
    margin-top: 2px
}

.footer .footer__nav a {
    color: #7e7e7e;
    font-size: 13px;
    line-height: 1.7;
    text-decoration: none
}

.footer .footer__nav a:hover {
    text-decoration: underline
}

.footer .footer__nav ul ul {
    display: none
}

.main {
    display: block;
    padding-top: 166px
}

@media(max-width:1023px) {
    .main {
        padding-top: 98px
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .main {
        padding-top: 94px
    }
}

.popup-size-guide {
    margin: 0 auto;
    max-width: 1000px;
    position: relative
}

.popup-size-guide .mfp-close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 0;
    top: -55px;
    transition: opacity .4s
}

.popup-size-guide .mfp-close:hover {
    opacity: 1
}

.popup-size-guide .popup__container {
    background-color: #fff;
    height: 60vh;
    overflow: hidden;
    position: relative
}

.popup-size-guide .popup__inner {
    max-height: 100%;
    overflow: auto;
    padding: 13px 13px 35px;
    position: relative;
    text-align: center
}

.popup-size-guide .popup__dismiss {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    color: #000;
    font-size: 25px;
    height: 36px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    z-index: 2
}

.popup-size-guide .popup__title {
    font-size: 18px;
    letter-spacing: .03em;
    line-height: 1.3;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase
}

.popup-size-guide .popup__content p {
    margin-bottom: 20px
}

.popup-size-guide .h3,
.popup-size-guide .h4,
.popup-size-guide h3,
.popup-size-guide h4 {
    margin-bottom: 5px;
    text-transform: uppercase
}

.popup-size-guide .h3,
.popup-size-guide h3 {
    font-size: 16px
}

.popup-size-guide .h4,
.popup-size-guide h4 {
    font-size: 12px
}

.popup-size-guide table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #000;
    font-size: 12px;
    margin-bottom: 60px;
    margin-top: 10px;
    max-width: 100%;
    width: 100%
}

.popup-size-guide td,
.popup-size-guide th {
    background: #fff;
    border: 1px solid #111;
    padding: 10px;
    text-align: center
}

.popup-size-guide tr:hover td {
    background-color: #000;
    color: #fff
}

.section,
.table {
    display: block
}

.breadcrumbs {
    color: #777;
    font-size: 12px;
    margin-bottom: 60px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .breadcrumbs {
        margin-bottom: 30px
    }
}

.breadcrumbs a {
    text-decoration: none
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs .is-current {
    color: #000;
    font-weight: 700
}

.breadcrumbs .breadcrumbs__divider {
    padding: 0 5px
}

.collection-products {
    padding: 0 0 30px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collection-products .collection-products__shell {
        padding: 0
    }
}

.collection-products .collection-products__aside {
    margin-bottom: 40px;
    text-align: center
}

.collection-products .collection-products__title {
    font-weight: 400;
    letter-spacing: .015em;
    margin-bottom: 20px
}

.collection-products .collection-products__items {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collection-products .collection-products__items {
        margin: 0 -5px
    }
}

.collection-products .collection-products__items>* {
    flex: 0 0 25%;
    margin-bottom: 38px;
    max-width: 25%;
    padding: 0 10px
}

@media(max-width:1023px) {
    .collection-products .collection-products__items>* {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collection-products .collection-products__items>* {
        margin-bottom: 26px;
        padding: 0 5px
    }
}

@media(max-width:1023px) {
    .collection-products .collection-products__items--layout-one-grid {
        padding: 0 15px
    }

    .collection-products .collection-products__items--layout-one-grid>* {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.collection-products .collection-products__item--full-width {
    flex: 0 0 50% !important;
    max-width: 50% !important
}

@media(max-width:1023px) {
    .collection-products .collection-products__item--full-width {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
}

.collection-products .collection-products__item--no-items {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-bottom: 40px;
    padding-top: 10px;
    text-align: center
}

.collection-products--wishlist {
    padding: 50px 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collection-products--wishlist {
        padding: 20px 0
    }
}

.collection-products--wishlist .wk-row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px -38px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collection-products--wishlist .wk-row {
        margin: 0 -5px -26px
    }
}

.collection-products--wishlist .wk-row>* {
    margin-bottom: 38px;
    padding-left: 10px;
    padding-right: 10px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collection-products--wishlist .wk-row>* {
        margin-bottom: 26px;
        padding-left: 5px;
        padding-right: 5px
    }
}

.collection-products--wishlist .wk-item-column {
    flex: 0 0 25% !important;
    margin-bottom: 38px;
    max-width: 25% !important;
    padding: 0 10px
}

@media(max-width:1023px) {
    .collection-products--wishlist .wk-item-column {
        flex: 0 0 50% !important;
        max-width: 50% !important
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collection-products--wishlist .wk-item-column {
        margin-bottom: 26px;
        padding: 0 5px
    }
}

.collection-products--wishlist .wk-item {
    margin: 0 !important
}

.collection-products--wishlist .wk-login-note {
    margin-bottom: 50px
}

.collection-products--wishlist .wk-add-item-form {
    display: none !important
}

.collection-products--wishlist .wk-product-title,
.collection-products--wishlist .wk-purchase {
    text-align: left
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .collection-products--wishlist .wk-product-title,
    .collection-products--wishlist .wk-purchase {
        padding: 0 10px
    }
}

input::placeholder {
    color: inherit;
    opacity: 1
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

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

input[type=number]:focus,
input[type=number]:hover {
    -moz-appearance: number-input
}

textarea::placeholder {
    color: inherit;
    opacity: 1
}

select {
    appearance: none;
    -webkit-appearance: none;
    border: none
}

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

.checkbox input {
    opacity: 0;
    position: absolute
}

.checkbox input:checked~label:before {
    background-color: #000
}

.checkbox input:disabled~label {
    cursor: not-allowed;
    opacity: .7
}

.checkbox label {
    color: #000;
    font-size: 14px;
    padding-left: 30px;
    position: relative;
    user-select: none;
    white-space: nowrap
}

.checkbox label:before {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    content: "";
    display: inline-block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    transition: background .4s;
    width: 18px
}

.field {
    border: 1px solid #eee;
    padding: 16px 20px 15px;
    width: 100%
}

.field::placeholder {
    color: #959595
}

.textarea {
    border: 1px solid #eee;
    padding: 16px 20px 15px;
    width: 100%
}

.textarea::placeholder {
    color: #959595
}

.select,
.selector-wrapper {
    position: relative
}

.select:after,
.selector-wrapper:after {
    border-color: #000;
    border-style: solid;
    border-width: 0 0 1px 1px;
    content: "";
    display: inline-block;
    height: 10px;
    margin: 0;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: rotate(-45deg);
    transform: translateY(-75%) rotate(-45deg);
    transform-origin: 50% 50%;
    transition: transform .4s;
    vertical-align: middle;
    width: 10px
}

.select select,
.selector-wrapper select {
    border: 1px solid #eee;
    display: block;
    padding: 16px 40px 16px 20px;
    width: 100%
}

@media(min-width:1024px) {
    .megamenu {
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding: 34px 38px;
        position: relative
    }

    .megamenu:after {
        background-color: rgba(0, 0, 0, .1);
        content: "";
        height: 100vh;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        width: 100%
    }

    .megamenu .megamenu__content>ul {
        display: flex;
        flex-flow: row wrap;
        margin: 0 -10px
    }

    .megamenu .megamenu__content>ul>li {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
        padding: 0 10px
    }

    .megamenu .megamenu__content>ul>li.columns {
        column-count: 6;
        flex: 1;
        max-width: none
    }

    .megamenu .megamenu__content>ul>li.columns>a {
        display: none
    }

    .megamenu .megamenu__content>ul>li>a {
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: .1em;
        margin-bottom: 12px;
        text-decoration: none;
        text-transform: uppercase;
        transition: color .4s
    }

    .megamenu .megamenu__content>ul>li>a:hover {
        color: #79797e
    }

    .megamenu .megamenu__content>ul ul li+li {
        margin-top: 2px
    }

    .megamenu .megamenu__content>ul ul a {
        font-size: 13px;
        line-height: 1.7;
        text-decoration: none
    }

    .megamenu .megamenu__content>ul ul a:hover {
        text-decoration: underline
    }

    .megamenu.megamenu--has-images .megamenu__content>ul {
        justify-content: center
    }

    .megamenu.megamenu--has-images .megamenu__content>ul>li {
        flex: 0 0 25%;
        max-width: 275px
    }
}

.megamenu.megamenu--has-images .megamenu__aside {
    display: none
}

.megamenu .megamenu__cards {
    background-color: #fff;
    padding: 0 15px 83px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .megamenu .megamenu__cards {
        padding-top: 30px
    }
}

.megamenu .megamenu__cards .slick-dots {
    align-items: center;
    display: flex;
    left: 0;
    opacity: 1;
    position: relative
}

.megamenu .megamenu__cards .slick-dots li+li {
    margin-left: 5px
}

.megamenu .megamenu__cards .slick-dots button {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #ababab;
    border-radius: 50%;
    display: inline-block;
    font-size: 0;
    height: 8px;
    transition: background .4s;
    width: 8px
}

.megamenu .megamenu__cards .slick-active button,
.megamenu .megamenu__cards button:hover {
    background-color: #ababab
}

.megamenu .megamenu__card {
    position: relative
}

.megamenu .megamenu__card:after {
    /*background-image: linear-gradient(180deg, transparent 0, #000 80%);*/
    bottom: 0;
    content: "";
    height: 68%;
    left: 0;
    opacity: .32;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 5
}

.megamenu .megamenu__card .megamenu__card-inner {
    display: block;
    text-decoration: none
}

.megamenu .megamenu__card .megamenu__card-image {
    padding-top: 100%;
    position: relative
}

.megamenu .megamenu__card .megamenu__card-image img {
    background-color: #f2f2f2;
    bottom: 0;
    display: block;
    font-size: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.megamenu .megamenu__card .megamenu__card-content {
    bottom: 30px;
    color: #fff;
    left: 15px;
    position: absolute;
    z-index: 15
}

.megamenu .megamenu__card .megamenu__card-content .h3,
.megamenu .megamenu__card .megamenu__card-content h3 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 0
}

.megamenu .megamenu__card .megamenu__card-entry {
    font-size: 15px
}

.megamenu .megamenu__card .btn {
    letter-spacing: 0;
    margin-top: 18px;
    padding: 9px 19px;
    border-radius: 4px;
}

.price-range {
    width: 300px
}

@media(max-width:1023px) {
    .price-range {
        flex: 1 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 15px;
        width: 100%
    }
}

.price-range .price-range__inner {
    display: flex;
    margin: 0 -10px
}

.price-range .price-range__inner>* {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px
}

.price-range .price-range__field label {
    display: inline-block;
    margin-bottom: 5px
}

.price-range .price-range__controls {
    align-items: center;
    display: flex;
    position: relative
}

.price-range .price-range__controls span {
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.price-range .price-range__actions {
    padding: 15px 0 5px
}

.shell {
    margin: auto;
    max-width: 1280px;
    padding-left: 40px;
    padding-right: 40px
}

@media(max-width:1023px) {
    .shell {
        padding-left: 15px;
        padding-right: 15px
    }
}

.shell--sm {
    max-width: 923px
}

.shell--fluid {
    max-width: 100%
}

.tabs .tabs__head {
    margin-bottom: 38px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .tabs .tabs__head {
        margin-bottom: 18px
    }
}

.tabs .tabs__nav ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0 -20px;
    padding: 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .tabs .tabs__nav ul {
        justify-content: flex-start;
        margin: 0 -8px;
        overflow-x: auto
    }
}

.tabs .tabs__nav li {
    padding: 0 20px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .tabs .tabs__nav li {
        padding: 0 8px
    }
}

.tabs .tabs__nav a {
    color: #ababab;
    font-size: 15px;
    letter-spacing: .015em;
    text-decoration: underline;
    transition: color .4s
}

.tabs .tabs__nav a h2 {
    font: inherit
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .tabs .tabs__nav a {
        font-size: 14px;
        letter-spacing: .01em
    }
}

.tabs .tabs__nav .is-current a,
.tabs .tabs__nav a:hover {
    color: #000;
    text-decoration: none
}

.tabs--secondary {
    padding: 48px 0 75px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .tabs--secondary {
        padding: 7px 0
    }
}

.tabs--secondary .tabs__nav ul {
    justify-content: flex-start;
    margin: 0 -16px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .tabs--secondary .tabs__nav ul {
        margin: 0 -10px
    }
}

.tabs--secondary .tabs__nav li {
    padding: 0 16px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .tabs--secondary .tabs__nav li {
        padding: 0 10px
    }
}

.tabs--secondary .tabs__nav a {
    font-size: 20px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .tabs--secondary .tabs__nav a {
        letter-spacing: 0
    }
}

.btn {
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-size: 14px;
    font-weight: 700;
    font-weight: 400;
    line-height: 1.5;
    padding: 12px 25px;
    text-align: center;
    text-decoration: none;
    transition: all .4s;
    vertical-align: middle
}

.btn--block {
    display: block;
    width: 100%
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .btn {
        font-size: 12px;
        letter-spacing: .07em;
        padding: 7px 16px 10px
    }
}

.btn:hover {
    background-color: transparent;
    border-color: #000
}

.btn--small {
    padding: 7px 18px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .btn--small {
        padding: 8px 13px
    }
}

.btn--secondary {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.btn--secondary:hover {
    border-color: #000
}

.btn--secondary:hover,
.btn--tertiary {
    background-color: transparent;
    color: #000
}

.btn--tertiary {
    border-color: rgba(0, 0, 0, .1)
}

.btn--tertiary:hover {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.collection-sort {
    align-items: center;
    display: inline-flex
}

@media(max-width:1023px) {
    .collection-sort {
        position: relative
    }
}

.collection-sort .collection-sort__label {
    color: #7e7e7e;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
    margin-right: 4px;
    text-transform: uppercase
}

@media(max-width:1023px) {
    .collection-sort .collection-sort__label {
        color: #ababab;
        font-size: 11px;
        margin-right: 0;
        pointer-events: none
    }

    .collection-sort .collection-sort__select {
        position: static
    }
}

.collection-sort .collection-sort__select:after {
    right: 5px
}

@media(max-width:1023px) {
    .collection-sort .collection-sort__select:after {
        display: none
    }
}

.collection-sort .collection-sort__select select {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    color: #7e7e7e;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
    margin: 0;
    padding: 0 44px 0 0;
    text-transform: uppercase
}

@media(max-width:1023px) {
    .collection-sort .collection-sort__select select {
        bottom: 0;
        left: 0;
        opacity: 0;
        padding-right: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .collection-sort .collection-sort__select select:disabled {
        cursor: not-allowed;
        opacity: .7
    }
}

.form-subscribe .form-subscribe__inner {
    display: flex
}

.form-subscribe .form-subscribe__field {
    background-color: #f4f4f4;
    border: 0;
    border-radius: 0;
    color: #000;
    flex: 1 0;
    height: 40px;
    padding: 0 12px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .form-subscribe .form-subscribe__field {
        font-size: 13px;
        height: 48px
    }
}

.form-subscribe .form-subscribe__field::placeholder {
    color: #ababab
}

.form-subscribe .form-subscribe__errors {
    color: #ec0000;
    padding-top: 10px
}

.form-subscribe .form-subscribe__errors ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.btn--primary,
.form-subscribe .form-subscribe__btn {
    background-color: var(--colour-accent);
    border-color: var(--colour-accent);
    color: #000;
    font-size: 13px;
    padding: 6px 29px 10px;
    transition: background .4s, color .4s
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .btn--primary,
    .form-subscribe .form-subscribe__btn {
        padding: 6px 22px 10px
    }
}

.btn--primary:hover,
.form-subscribe .form-subscribe__btn:hover {
    background-color: transparent;
    border-color: var(--colour-accent);
    color: var(--colour-accent)
}

.modal-info {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.modal-info.is-visible {
    display: block
}

.modal-info .modal__overlay {
    background-color: rgba(0, 0, 0, .7);
    display: block;
    font-size: 0;
    height: 100%;
    width: 100%
}

.modal-info .modal__wrapper {
    background-color: #fff;
    left: 50%;
    margin: auto;
    max-height: 85vh;
    max-width: 85%;
    min-height: 200px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    z-index: 1
}

.modal-info .modal__close {
    font-size: 32px;
    line-height: 1;
    position: absolute;
    right: 10px;
    text-decoration: none;
    top: 6px
}

.modal-info .modal__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px 40px;
    text-align: center
}

.modal-info .modal__head {
    margin-bottom: 16px
}

.modal-info .modal__body {
    margin-bottom: 24px
}

.modal-info .modal__actions {
    margin-top: auto
}

.product-item:hover .product-item__image .badge.sizes {
    opacity: 1
}

.product-item .product-item__image {
    margin-bottom: 10px;
    padding-bottom: 138.5%;
    position: relative
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product-item .product-item__image {
        margin-bottom: 0
    }
}

.product-item .product-item__image .badge {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 11
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product-item .product-item__image .badge {
        right: 10px;
        top: 10px
    }
}

.product-item .product-item__image .badge.sizes {
    bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    left: 15px;
    opacity: 0;
    top: auto;
    transition: opacity .2s ease
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product-item .product-item__image .badge.sizes {
        display: none
    }
}

.product-item .product-item__image .badge-inner {
    flex: 1;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.product-item .product-item__image .badge-inner.sold-out {
    color: #acacac;
    text-decoration: line-through
}

.product-item .product-item__image .wk-button-collection {
    bottom: auto;
    left: auto;
    left: 15px;
    position: absolute;
    top: 15px;
    z-index: 10
}

.product-item .product-item__image-toggle .product-item__image-secondary {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s;
    width: 100%;
    z-index: 5
}

.product-item .product-item__image-toggle:hover .product-item__image-secondary {
    opacity: 1
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product-item .product-item__content {
        padding: 8px 10px
    }

    .collection-products__items--layout-one-grid .product-item .product-item__content {
        padding: 8px 0
    }
}

.product-item .product-item__vendor {
    color: #7e7e7e;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 1px;
    text-transform: uppercase
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product-item .product-item__vendor {
        font-size: 11px;
        margin-bottom: -1px
    }
}

.product-item .product-item__title {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .015em;
    margin-bottom: 4px;
    transition: opacity .4s
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product-item .product-item__title {
        font-size: 14px;
        letter-spacing: 0;
        margin-bottom: -1px
    }
}

.product-item .product-item__title:hover {
    opacity: .7
}

.product-item .product-item__title a {
    text-decoration: none
}

.product-item .swatches {
    margin-top: 4px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product-item .swatches {
        margin-top: 0
    }
}

.product-item .product-item__price {
    display: inline-flex;
    font-size: 15px;
    letter-spacing: .015em;
    margin: 0 -2px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product-item .product-item__price {
        flex-direction: row-reverse;
        font-size: 13px;
        letter-spacing: 0;
        margin: 0 -5px 8px
    }
}

.product-item .product-item__price>* {
    padding: 0 2px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product-item .product-item__price>* {
        padding: 0 5px
    }
}

.product-item .product-item__price del {
    color: #ababab
}

.product-item .product-item__price ins {
    text-decoration: none
}

.product-item .wk-button-collection {
    display: inline-block;
    height: 18px;
    width: 18px
}

.product-item .wk-button-collection.wk-add-product {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1 !important;
    -webkit-perspective: 0;
    -webkit-transform: translateZ(0);
    visibility: visible
}

.product-item .wk-button-collection .wk-icon {
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    height: 18px;
    width: 18px
}

.product-item .wk-button-collection .wk-icon svg {
    display: none !important
}

.product-item .wk-button-collection.wk-add-product .wk-icon {
    background-image: url(../assets/ico-heart-thin.png)
}

.product-item .wk-button-collection.wk-remove-product .wk-icon {
    background-image: url(../assets/ico-heart-thin-full.png)
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product-item--secondary .product-item__content {
        padding: 12px 0
    }
}

.shopify-challenge__container {
    padding: 150px 0
}

.shopify-challenge__container .shopify-challenge__button {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.shopify-challenge__container .shopify-challenge__button:hover {
    background-color: transparent;
    border-color: #000;
    color: #000
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
    position: relative
}

.wrapper .footer {
    margin-top: auto
}

.callout {
    font-size: 14px;
    line-height: 1.25;
    padding: 9px 0;
    text-align: center
}

.callout .callout__content {
    background-color: var(--colour-accent);
    padding: 12px 15px 15px
}

.collection-switch-layout {
    display: flex
}

.collection-switch-layout a {
    color: #d2d2d2;
    display: inline-block;
    text-decoration: none;
    transition: color .4s
}

.collection-switch-layout a:hover {
    color: #000
}

.collection-switch-layout a+a {
    margin-left: 11px
}

.collection-switch-layout .is-current {
    color: #000
}

.form--small {
    margin: 0 auto 40px;
    max-width: 580px
}

.form--small:last-child {
    margin-bottom: 0
}

.form--default .form__title {
    text-align: center
}

.form--default .form__head {
    margin-bottom: 80px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .form--default .form__head {
        margin-bottom: 40px
    }
}

.form--default .form__description {
    color: #777;
    font-size: 16px;
    padding: 40px 10% 0;
    text-align: center
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .form--default .form__description {
        padding-left: 0;
        padding-right: 0
    }
}

.form--default .form__cols {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.form--default .form__col {
    flex: 0 0 48%;
    max-width: 48%
}

.form--default .form__row,
.form--default .selector-wrapper {
    margin-bottom: 20px
}

.form--default .form__label {
    display: block;
    margin-bottom: 8px
}

.form--default .form__actions {
    text-align: right
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .form--default .form__actions {
        text-align: center
    }
}

.form--default .form__btn {
    margin: 5px
}

.form--default .form__empty {
    padding: 50px 0;
    text-align: center
}

.form--default .form__empty .h2,
.form--default .form__empty h2 {
    border-bottom: 1px solid #eee;
    font-weight: 400;
    letter-spacing: .015em;
    margin-bottom: 50px;
    padding-bottom: 50px
}

.form--default .form__empty p {
    color: #000;
    margin-bottom: 35px
}

.form--default .form__message--error {
    color: red
}

.form--default .form__message--error ul {
    list-style-type: none;
    margin: 0 0 20px
}

.form--login .form__btn {
    margin: 0 0 40px;
    width: 100%
}

.form--login .form__label {
    display: none
}

.form--guest {
    padding: 30px 0
}

.form--recover .form__actions,
.form--register .form__actions {
    text-align: center
}

.form--recover .form__btn,
.form--register .form__btn {
    margin: 0 0 40px;
    width: 100%
}

.form--recover,
.form--recover .form__label,
.form--register .form__label {
    display: none
}

.form--contact .form__head {
    border-bottom: 1px solid #eee;
    padding-bottom: 80px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .form--contact .form__head {
        padding-bottom: 40px
    }
}

.form--contact .form__description {
    text-align: left
}

.form--contact .form__label {
    display: none
}

.form--contact .form__actions,
.form--contact .form__body {
    padding: 0 10%
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .form--contact .form__actions,
    .form--contact .form__body {
        padding-left: 0;
        padding-right: 0
    }
}

.form--contact .form__actions {
    text-align: center
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .form--contact .form__btn {
        display: block;
        margin: 0;
        width: 100%
    }
}

.form--account {
    padding: 50px 0
}

.form--account .form__head {
    margin-bottom: 25px
}

.form--account .form__title {
    font-weight: 400;
    letter-spacing: .015em
}

.nav-access-secondary {
    padding: 30px 15px
}

.nav-access-secondary ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.nav-access-secondary li+li {
    margin-top: 39px
}

.nav-access-secondary a {
    align-items: center;
    display: flex;
    font-size: 14px;
    text-decoration: none
}

.nav-access-secondary a svg {
    display: inline-block;
    margin-right: 16px
}

.nav-access-secondary .wk-link {
    display: inline-flex
}

.nav-access-secondary .wk-link .wk-icon {
    background-image: url(../assets/heart-thin.svg);
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    height: 20px;
    margin: 0 13px 0 0;
    width: 20px
}

.nav-access-secondary .wk-link .wk-count,
.nav-access-secondary .wk-link .wk-icon svg {
    display: none !important
}

.product-modal {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .4s;
    width: 100%;
    z-index: 50
}

.product-modal .product-modal__image {
    padding-top: 128.1%;
    position: relative
}

.product-modal .product-modal__image img {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.product-modal .product-modal__image+.product-modal__image {
    margin-top: 5px
}

.product-modal .product-modal__close {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #000;
    display: flex;
    height: 34px;
    justify-content: center;
    position: fixed;
    right: 15px;
    top: 15px;
    width: 34px;
    z-index: 10
}

.product-modal.is-open {
    opacity: 1;
    pointer-events: auto
}

.shopify-policy__container {
    margin: auto;
    max-width: 1280px !important;
    padding-bottom: 50px;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 50px
}

@media(max-width:1023px) {
    .shopify-policy__container {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.shopify-policy__container .shopify-policy__title {
    margin-bottom: 50px
}

.shopify-policy__container .shopify-policy__title h1 {
    font-weight: 400;
    letter-spacing: .015em
}

.card {
    position: relative
}

.card .card__inner {
    display: block;
    text-decoration: none;
    transition: opacity .4s
}

.card .card__inner:hover {
    opacity: .7
}

.card .card__inner:hover .card__entry {
    text-decoration: none
}

.card .card__image {
    min-height: 260px;
    padding-top: 100%;
    position: relative
}

.card .card__content {
    padding: 21px 0;
    text-align: center
}

.card .card__content .h2,
.card .card__content h2 {
    font-weight: 400;
    letter-spacing: .015em;
    line-height: 1.2;
    margin: 0 0 2px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .card .card__content .h2,
    .card .card__content h2 {
        margin: 0 0 7px
    }

    .cards--side_by_side-mobile .card .card__content .h2,
    .cards--side_by_side-mobile .card .card__content h2 {
        font-size: 20px
    }
}

.card .card__entry {
    font-size: 18px;
    text-decoration: underline
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .card .card__entry {
        font-size: 14px
    }
}

.card.card--centered:after {
    background-color: rgba(0, 0, 0, .1);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

.card.card--centered .card__content {
    color: #fff;
    left: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.card.card--centered .card__content .h2,
.card.card--centered .card__content h2 {
    font-size: 40px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .card.card--centered .card__content .h2,
    .card.card--centered .card__content h2 {
        font-size: 25px;
        letter-spacing: .02em
    }
}

.card.card--centered .card__entry {
    padding-bottom: 30px;
    text-decoration: none
}

.card.card--centered .card__inner:hover {
    opacity: 1
}

.card.card--centered .card__inner:hover .card__image {
    opacity: .9
}

.collection-thumb .collection-thumb__inner {
    display: block;
    text-decoration: none;
    transition: opacity .4s
}

.collection-thumb .collection-thumb__inner:hover {
    opacity: .7
}

.collection-thumb .collection-thumb__image {
    padding-top: 136.4%;
    position: relative
}

.collection-thumb .collection-thumb__content {
    padding: 19px 0;
    text-align: center
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collection-thumb .collection-thumb__content {
        padding: 13px 0
    }
}

.collection-thumb .collection-thumb__content .h5,
.collection-thumb .collection-thumb__content h5 {
    font-weight: 400;
    letter-spacing: .015em
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .collection-thumb .collection-thumb__content .h5,
    .collection-thumb .collection-thumb__content h5 {
        font-size: 16px;
        letter-spacing: .01em
    }
}

.header {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 30
}

.header .header__announcement {
    background-color: var(--colour-accent);
    color: #000;
    font-size: 13px;
    padding: 8px 0;
    text-align: center
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .header .header__announcement {
        font-size: 12px;
        padding: 4px 0 8px
    }
}

.header .header__announcement a {
    text-decoration: none
}

.header .header__inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 -10px
}

.header .header__inner>* {
    padding: 0 10px
}

.header .header__body {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 21px 0 20px;
    position: relative
}

@media(max-width:1023px) {
    .header .header__body {
        padding: 19px 0 17px
    }
}

.header .header__logo {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media(max-width:1023px) {
    .header .header__logo {
        max-width: 138px
    }
}

.header .header__search {
    width: 250px
}

@media(max-width:1023px) {
    .header .header__search {
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        transition: opacity .4s;
        width: 100%;
        z-index: -5
    }

    .header .header__search .search {
        background-color: #fff;
        padding: 10px 15px
    }
}

.header .header__search-overlay {
    display: none
}

@media(max-width:1023px) {
    .header .header__search-overlay {
        background-color: rgba(0, 0, 0, .1);
        cursor: pointer;
        display: block;
        height: 100vh;
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        transition: opacity .4s;
        z-index: -10
    }

    .header .header__search.is-open {
        opacity: 1;
        pointer-events: all
    }

    .header .header__search.is-open .header__search-overlay {
        opacity: 1
    }
}

.header .header__navigation {
    background-color: #fff
}

@media(max-width:1023px) {
    .header .header__navigation {
        background-color: var(--colour-accent);
        bottom: 0;
        left: 0;
        opacity: 0;
        overflow-x: hidden;
        overflow-y: auto;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: var(--header-height);
        transition: opacity .4s
    }
}

@media(min-width:1024px) {
    .header .header__navigation .header__navigation-inner {
        transform: none !important
    }
}

@media(max-width:1023px) {
    .header .header__navigation .header__navigation-inner {
        display: flex;
        flex-direction: column;
        height: 100%;
        transition: transform .4s
    }

    .header .header__navigation.is-open {
        opacity: 1;
        pointer-events: auto
    }

    .header .header__navigation.no-overflow {
        overflow: hidden
    }
}

.header.is-sticky .header__body {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2
}

@media(min-width:1023px) {
    .header.is-sticky .header__body {
        transform: translateY(-100%);
        transition: transform .2s
    }

    .header.is-sticky .header__navigation {
        left: 0;
        position: fixed;
        top: 0;
        transform: translateY(-100%);
        transition: all .2s;
        width: 100%;
        z-index: 1
    }

    .header.is-sticky.is-shown .header__body {
        transform: translateY(0)
    }

    .header.is-sticky.is-shown .header__navigation {
        top: 82px;
        transform: translateY(0)
    }
}

.header--no-border .header__body {
    border-bottom: 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .header--mobile-no-border .header__body {
        border-bottom: none
    }
}

.header.nav-is-open {
    z-index: 40
}

.nav-access {
    padding-top: 5px
}

.nav-access ul {
    align-items: center;
    display: flex;
    list-style-type: none;
    margin: 0 -10px;
    padding: 0
}

@media(max-width:1023px) {
    .nav-access ul {
        margin: 0 -7px
    }
}

.nav-access li {
    padding: 0 10px
}

@media(max-width:1023px) {
    .nav-access li {
        padding: 0 7px
    }
}

.nav-access a {
    color: #000;
    text-decoration: none;
    transition: color .4s
}

.nav-access a:hover {
    color: #79797e
}

.nav-access .wk-link {
    display: inline-flex;
    margin-top: 0;
    transition: opacity .4s
}

.nav-access .wk-link:hover {
    opacity: .5
}

.nav-access .wk-link .wk-icon {
    background-image: url(../assets/heart-thin.svg);
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    height: 20px;
    margin: 0;
    width: 20px
}

.nav-access .wk-link .wk-count,
.nav-access .wk-link .wk-icon svg,
.nav-access .wk-link .wk-label {
    display: none !important
}

.product-reviews {
    padding: 20px 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product-reviews {
        padding: 8px 0
    }
}

.product-reviews .product-reviews__head {
    text-align: center
}

.sidebar {
    display: block
}

.cards__items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cards__items {
        gap: 10px
    }
}

.cards__item {
    flex: 0 0 calc(50% - 10px)
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .cards__item {
        flex: 0 0 calc(50% - 5px)
    }

    .cards.cards--stacked-mobile .cards__items {
        gap: 20px
    }

    .cards.cards--stacked-mobile .cards__item {
        flex: 0 0 100%
    }
}

.collection--default .collection__head {
    margin-bottom: 25px;
    text-align: center
}

.collection--default .collection__image {
    color: #fff;
    padding: 56.25% 0 0;
    position: relative
}

.collection--default .collection__sort {
    margin-bottom: 90px
}

.collection--default .collection__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5%
}

@media(max-width:480px) {
    .collection--default .collection__items {
        display: block;
        margin: 0
    }
}

.collection--default .collection__items>* {
    flex: 0 0 25%;
    margin-bottom: 60px;
    max-width: 25%;
    padding: 0 1.5%
}

@media(max-width:1023px) {
    .collection--default .collection__items>* {
        flex: 0 0 33.3%;
        max-width: 33.3%
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collection--default .collection__items>* {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width:480px) {
    .collection--default .collection__items>* {
        max-width: 100%;
        padding: 0
    }
}

.collections--default {
    padding: 20px 0
}

.collections--default .collections__head {
    margin-bottom: 40px;
    text-align: center
}

.collections--default .collections__title {
    font-weight: 400;
    letter-spacing: .015em
}

.collections--default .collections__items {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px -38px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collections--default .collections__items {
        margin: 0 -5px -38px
    }
}

.collections--default .collections__items>* {
    flex: 0 0 25%;
    margin-bottom: 38px;
    max-width: 25%;
    padding: 0 10px
}

@media(max-width:1023px) {
    .collections--default .collections__items>* {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collections--default .collections__items>* {
        padding: 0 5px
    }
}

.collection-item--default {
    text-align: center
}

.collection-item--default a {
    text-decoration: none
}

.collection-item--default .collection-item__link {
    display: block;
    margin-bottom: 15px;
    padding-top: 138.5%;
    position: relative
}

.collection-item--default .collection-item__link svg {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.collection-item--default .collection-item__image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.collection-item--default .collection-item__title {
    font-weight: 400
}

.default--holder .page__title {
    margin-bottom: 80px;
    text-align: center
}

.default--holder.page--error .page__title {
    margin-bottom: 0
}

.default--holder.page--error .page__content {
    text-align: center
}

.default--holder.page--error .page__content p {
    font-size: 32px;
    margin-bottom: 50px
}

.default--holder.section-account {
    overflow: hidden
}

.default--holder.section-account .section__inner {
    display: flex;
    justify-content: space-between;
    min-height: 100vh
}

.default--holder.section-account .section__title {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 50px
}

.default--holder.section-account .section__aside {
    background: #eee;
    min-width: 250px;
    padding-top: 90px;
    position: relative;
    width: 22.5%
}

.default--holder.section-account .section__aside:before {
    background: inherit;
    bottom: 0;
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 100vw
}

.default--holder.section-account .section__aside ul {
    list-style: none;
    margin: 0
}

.default--holder.section-account .section__aside ul li {
    margin-bottom: 40px
}

.default--holder.section-account .section__aside ul a {
    display: block;
    font-size: 16px;
    text-decoration: none
}

.default--holder.section-account .section__aside ul .active a {
    font-weight: 700;
    text-decoration: underline
}

.default--holder.section-account .section__content {
    padding-left: 90px;
    padding-top: 90px;
    width: 77.5%
}

.default--holder .no-orders {
    border-top: 1px solid #eee;
    color: #959595;
    font-size: 16px;
    padding-top: 50px
}

.default--holder .order {
    text-align: left
}

.default--holder .order th {
    color: #959595;
    font-weight: 400;
    padding: 20px
}

.default--holder .order td {
    padding: 25px 20px;
    text-align: left
}

.default--holder .order td.order__number,
.default--holder .order td.order__total {
    font-weight: 700
}

.default--holder .order td,
.default--holder .order th {
    border-bottom: 1px solid #eee
}

.default--holder .order td:first-child,
.default--holder .order th:first-child {
    padding-left: 0
}

.default--holder .order td:last-child,
.default--holder .order th:last-child {
    padding-right: 0
}

.default--holder .order-head {
    margin-bottom: 15px
}

.default--holder .order-head .order-head__date {
    color: #959595
}

.default--holder .table-order--products {
    margin-bottom: 50px
}

.default--holder .table-order--products a {
    text-decoration: none
}

.default--holder .table-order--products a:hover {
    text-decoration: underline
}

.default--holder .table-order--products td,
.default--holder .table-order--products th {
    border: 1px solid #eee;
    padding: 15px 30px !important
}

.default--holder .table-order--info th {
    text-align: left
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .default--holder .table-order--info tbody tr:first-child td:last-child {
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee
    }
}

.default--holder .order-details .order-details__value {
    font-weight: 700
}

.default--holder .btn--new {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 12px 25px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle
}

.default--holder .btn--new--block {
    display: block;
    width: 100%
}

.default--holder .form--address {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 30px;
    padding: 30px 0;
    width: 100%
}

.default--holder .form--address .form__label {
    display: none
}

.default--holder .addresses {
    display: flex;
    flex-wrap: wrap
}

.default--holder .addresses .address {
    border: 1px solid #eee;
    display: flex;
    flex-flow: row wrap;
    margin: 0 1% 30px 0;
    width: 49%
}

.default--holder .addresses .address__title {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: auto;
    padding: 20px 30px;
    width: 100%
}

.default--holder .addresses .address__title span {
    font-size: 16px;
    margin-left: auto
}

.default--holder .addresses .address__title span:after {
    border-bottom: 2px solid;
    border-left: 2px solid;
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 4px;
    margin-top: -4px;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 9px
}

.default--holder .addresses .address__details {
    padding: 20px 30px;
    width: 100%
}

.default--holder .addresses .address__actions {
    border-top: 1px solid #eee;
    margin-top: auto;
    padding: 20px 30px;
    text-align: right;
    width: 100%
}

.default--holder .addresses .address__actions a {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle
}

.default--holder .addresses .address__actions span {
    content: "|";
    display: inline-block;
    margin-left: 1px;
    vertical-align: middle
}

.default--holder .addresses__paging {
    width: 100%
}

.default--holder .addresses__actions {
    align-items: center;
    border-top: 1px solid #eee;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 30px 0
}

.default--holder .addresses__actions a {
    margin-left: auto
}

.default--holder .addresses__empty {
    color: #959595;
    flex: 1 1;
    font-size: 16px;
    margin-bottom: 0
}

@media(max-width:1023px) {
    .default--holder.section-account .section__content {
        padding-left: 25px
    }

    .default--holder .table-order--products td,
    .default--holder .table-order--products th {
        padding: 15px !important
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .default--holder.section-account .shell {
        padding: 0
    }

    .default--holder.section-account .section__inner {
        display: block;
        min-height: auto
    }

    .default--holder.section-account .section__aside {
        padding: 30px 40px;
        text-align: center;
        width: auto
    }

    .default--holder.section-account .section__aside ul li {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 10px
    }

    .default--holder.section-account .section__aside ul li:last-child {
        margin-right: 0
    }

    .default--holder.section-account .section__content {
        padding: 45px 40px;
        width: auto
    }

    .default--holder.section-account .section__head {
        text-align: center
    }

    .default--holder table,
    .default--holder tbody,
    .default--holder td,
    .default--holder tfoot,
    .default--holder tr {
        display: block
    }

    .default--holder th {
        display: none
    }

    .default--holder td:before {
        content: attr(data-heading);
        display: block;
        font-weight: 700;
        margin-right: 5px
    }

    .default--holder tr+tr {
        border-top: 1px solid #eee
    }

    .default--holder .addresses .address {
        margin-right: 0;
        width: 100%
    }

    .default--holder .table-order--products {
        margin-bottom: 0
    }

    .default--holder .table-order--products td {
        border: 0;
        padding: 5px 10px !important
    }

    .default--holder .table-order--products .order-details__title {
        font-weight: 700
    }

    .default--holder .table-order--products tfoot {
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        padding-top: 5px
    }

    .default--holder .table-order--products tfoot td,
    .default--holder .table-order--products tfoot tr {
        border: 0;
        padding: 0
    }

    .default--holder .table-order--products tfoot tr {
        margin-bottom: 5px
    }
}

@media(max-width:480px) {
    .default--holder .section__inner {
        display: block
    }

    .default--holder .section__aside {
        margin-right: 0;
        width: auto
    }

    .default--holder .section__aside ul a {
        margin: 5px 0
    }

    .default--holder .section__content {
        width: auto
    }

    .default--holder .order-info .cols {
        display: block
    }
}

.nav-trigger {
    color: currentColor;
    display: inline-block;
    height: 15px;
    margin-top: 5px;
    position: relative;
    width: 22px;
    z-index: 1
}

.nav-trigger span {
    background: currentColor;
    display: block;
    height: 1px;
    position: absolute;
    transition: top .2s .25s, width .2s .25s, opacity .2s .25s, transform .2s 0s;
    width: 100%
}

.nav-trigger span:first-child {
    top: 0
}

.nav-trigger span:nth-child(2) {
    top: 7px
}

.nav-trigger span:nth-child(3) {
    top: 14px
}

.nav-trigger.is-active span {
    transition: background .2s, width .2s, top .2s, opacity .2s, transform .2s .25s
}

.nav-trigger.is-active span:first-child,
.nav-trigger.is-active span:nth-child(3) {
    top: 7px
}

.nav-trigger.is-active span:nth-child(2) {
    opacity: 0
}

.nav-trigger.is-active span:first-child {
    transform: rotate(45deg)
}

.nav-trigger.is-active span:nth-child(3) {
    transform: rotate(-45deg)
}

.product {
    padding: 35px 0 29px;
    position: relative
}

@media(max-width:1023px) {
    .product {
        padding: 0
    }
}

.product:after {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    bottom: 0;
    content: "";
    height: 1px;
    left: 40px;
    position: absolute;
    right: 40px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product:after {
        display: none
    }
}

@media(max-width:1023px) {
    .product .product__shell {
        padding: 0
    }
}

.product .product__inner {
    display: flex;
    margin: 0 -68px
}

@media(max-width:1300px) {
    .product .product__inner {
        margin: 0 -30px
    }
}

@media(max-width:1200px) {
    .product .product__inner {
        margin: 0 -20px
    }
}

@media(max-width:1023px) {
    .product .product__inner {
        display: block;
        margin: 0
    }
}

.product .product__inner>* {
    padding-left: 68px;
    padding-right: 68px
}

@media(max-width:1300px) {
    .product .product__inner>* {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(max-width:1200px) {
    .product .product__inner>* {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width:1023px) {
    .product .product__inner>* {
        padding-left: 0;
        padding-right: 0
    }
}

.product .product__content {
    flex: 0 0 576px;
    max-width: 576px
}

@media(max-width:1300px) {
    .product .product__content {
        flex: 0 0 500px;
        max-width: 500px
    }
}

@media(max-width:1200px) {
    .product .product__content {
        flex: 0 0 440px;
        max-width: 440px
    }
}

@media(max-width:1023px) {
    .product .product__content {
        max-width: 100%
    }
}

.product .product__images {
    align-items: flex-start;
    display: flex;
    flex: 0 0 calc(100% - 576px);
    max-width: calc(100% - 576px);
    padding-top: 5px
}

@media(max-width:1300px) {
    .product .product__images {
        flex: 0 0 calc(100% - 500px);
        max-width: calc(100% - 500px)
    }
}

@media(max-width:1200px) {
    .product .product__images {
        flex: 0 0 calc(100% - 440px);
        max-width: calc(100% - 440px)
    }
}

@media(max-width:1023px) {
    .product .product__images {
        display: block;
        max-width: 100%;
        padding-top: 0
    }
}

.product .product__slider {
    flex: 0 0 calc(100% - 115px);
    max-width: calc(100% - 115px);
    position: relative
}

@media(max-width:1023px) {
    .product .product__slider {
        max-width: 100%
    }
}

.product .product__slider .product__slider-image-zoom {
    left: 20px;
    position: absolute;
    top: 20px;
    z-index: 10
}

@media(max-width:1023px) {
    .product .product__slider .product__slider-image-zoom {
        bottom: 20px;
        left: auto;
        right: 20px;
        top: auto
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__slider .product__slider-image-zoom {
        bottom: 15px;
        right: 15px
    }
}

.product .product__slider .badge {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__slider .badge {
        padding: 4px 11px;
        right: 15px;
        top: 15px
    }
}

.product .product__slider .slick-dots {
    bottom: 20px;
    display: flex;
    left: 20px;
    list-style-type: none;
    margin: 0 -3px;
    padding: 0;
    position: absolute
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__slider .slick-dots {
        bottom: 19px;
        left: 16px;
        margin: 0 -2.5px
    }
}

.product .product__slider .slick-dots li {
    padding: 0 3px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__slider .slick-dots li {
        padding: 0 2.5px
    }
}

.product .product__slider .slick-dots button {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 50%;
    display: inline-block;
    font-size: 0;
    height: 8px;
    transition: background .4s;
    width: 8px
}

.product .product__slider .slick-dots .slick-active button,
.product .product__slider .slick-dots button:hover {
    background-color: #000
}

.product .product__slider .product__share {
    bottom: 20px;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 20px;
    width: 20px;
    z-index: 1
}

.product .product__slider .product__share:hover .product__share-popup {
    opacity: 1;
    pointer-events: all
}

.product .product__slider .product__share .product__share-popup {
    background: #fff;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .3);
    display: flex;
    left: 50%;
    line-height: 0;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 10px);
    transform: translateX(-50%);
    transition: opacity .4s
}

.product .product__slider .product__share .product__share-popup a {
    display: block;
    margin: 0 5px
}

.product .product__slider .product__share .product__share-popup:before {
    --arrow: 10px;
    border-bottom: var(--arrow) solid #fff;
    border-left: var(--arrow) solid transparent;
    border-right: var(--arrow) solid transparent;
    content: "";
    display: block;
    height: 0;
    left: calc(50% - var(--arrow));
    position: absolute;
    top: calc(var(--arrow)*-1);
    width: 0
}

@media(max-width:1023px) {
    .product .product__slider .product__share .product__share-popup {
        display: none
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__slider .product__share {
        bottom: -26px;
        right: 15px
    }
}

.product .product__thumbs {
    flex: 0 0 95px;
    margin-right: 20px;
    max-width: 95px
}

.product .product__thumbs .slick-arrow {
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--colour-accent);
    border: 0;
    border-radius: 50%;
    display: inline-block;
    font-size: 0;
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transition: opacity .4s;
    width: 40px;
    z-index: 10
}

.product .product__thumbs .slick-arrow:hover {
    opacity: .7
}

.product .product__thumbs .slick-arrow:after {
    background-image: url(../assets/ico-arrow-right.svg);
    background-position: 50%;
    background-size: contain;
    content: "";
    height: 11px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px
}

.product .product__thumbs .slick-arrow.slick-disabled {
    display: none !important
}

.product .product__thumbs .slick-arrow.slick-prev {
    top: -20px
}

.product .product__thumbs .slick-arrow.slick-prev:after {
    transform: translate(-50%, -50%) rotate(-90deg)
}

.product .product__thumbs .slick-arrow.slick-next {
    bottom: -10px
}

.product .product__thumbs .slick-arrow.slick-next:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

@media(max-width:1023px) {
    .product .product__thumbs {
        display: none
    }
}

.product .product__thumbs .slick-current .product__thumb-image {
    border-color: #000
}

.product .product__thumb-image {
    border: 1px solid transparent;
    padding-top: 129%;
    position: relative;
    transition: border .4s
}

.product .product__thumb-image:hover {
    border-color: #000
}

.product .product__image {
    padding-top: 127.7%;
    position: relative
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__image {
        padding-top: 131%
    }
}

.product .product__head {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 27px
}

@media(max-width:1023px) {
    .product .product__head {
        padding: 9px 15px 19px
    }
}

.product .product__head-inner {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 0 -5px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__head-inner {
        display: block;
        margin: 0
    }
}

.product .product__head-inner>* {
    padding-left: 5px;
    padding-right: 5px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__head-inner>* {
        padding-left: 0;
        padding-right: 0
    }
}

.product .product__vendor {
    color: #ababab;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 2px;
    text-transform: uppercase
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__vendor {
        font-size: 13px;
        margin-bottom: 0
    }
}

.product .product__title {
    font-weight: 400;
    letter-spacing: .015em
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__title {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 1.2;
        margin-bottom: 1px
    }
}

.product .product__price {
    align-items: center;
    display: inline-flex;
    font-size: 18px;
    letter-spacing: .015em;
    margin: 0 -2px;
    white-space: nowrap
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__price {
        flex-direction: row-reverse;
        font-size: 16px;
        margin: 0 -5px;
        padding-top: 3px
    }
}

.product .product__price>* {
    padding: 0 2px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__price>* {
        padding: 0 5px
    }
}

.product .product__price del {
    color: #ababab;
    display: inline-block
}

.product .product__price ins {
    display: inline-block;
    text-decoration: none
}

.product .product__body {
    padding: 27px 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__body {
        padding: 18px 0
    }
}

.product .product__form {
    margin-bottom: 8px
}

@media(max-width:1023px) {
    .product .product__form {
        padding: 0 15px
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__form .form__body {
        margin-bottom: 6px
    }
}

.product .product__form .form__row {
    margin-bottom: 26px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__form .form__row {
        margin-bottom: 20px
    }
}

.product .product__form .form__row .form__row-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 11px
}

.product .product__form .form__row .form__row-head a {
    color: #7e7e7e;
    font-size: 12px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__form .form__row .form__row-head a {
        font-size: 13px
    }
}

.product .product__form .form__label {
    color: #7e7e7e;
    font-size: 13px;
    margin: 0
}

.product .product__form .form__radios {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -4px -8px
}

.product .product__form .form__radios>* {
    margin-bottom: 8px;
    padding: 0 4px
}

.product .product__form .form__btn {
    margin: 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__form .form__btn [type=submit] {
        font-size: 13px;
        letter-spacing: .1em;
        margin-bottom: 11px;
        padding: 13px 20px;
        text-transform: uppercase
    }
}

.product .product__form .form__notify .form__notify-label {
    color: #ec0000;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 12px
}

.product .product__form .form__notify .form__notify-field {
    height: 48px;
    margin-bottom: 10px;
    text-align: center
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__form .form__notify .form__notify-field {
        font-size: 14px
    }
}

.product .product__form .form__notify .form__notify-btn {
    text-transform: uppercase
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__form .form__notify .form__notify-btn {
        font-size: 13px;
        letter-spacing: .1em;
        padding: 13px 16px
    }
}

.product .product__form .form__notify-messages {
    padding: 10px 0
}

.product .product__form .form__notify-messages.is-error {
    color: #ec0000
}

.product .product__form .form__notify-messages.is-success {
    text-align: center
}

.product .product__form #BIS_trigger,
.product .product__form #shopthelook {
    display: none !important
}

.product .product__form .form__foot-inner {
    display: flex
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__form .form__foot-inner {
        display: block
    }
}

.product .product__form .form__foot-inner .form__btn {
    flex: 1 0
}

.product .product__form .form__foot-inner .form__btn [type=submit] {
    width: 100%
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__form .form__foot-inner .form__btn {
        display: block;
        width: 100%
    }
}

.product .product__form .wk-button-product {
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .1);
    display: inline-flex;
    height: 48px;
    justify-content: center;
    margin: 0 0 0 5px !important;
    width: 48px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__form .wk-button-product {
        display: block;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: .1em;
        margin: 0 !important;
        padding: 0 40px;
        position: relative;
        text-align: center;
        width: 100%
    }
}

.product .product__form .wk-button-product .wk-label {
    display: none
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__form .wk-button-product .wk-label {
        display: inline-block
    }
}

.product .product__form .wk-button-product .wk-icon {
    background-position: 50%;
    background-size: cover;
    height: 20px;
    margin: 0;
    width: 20px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__form .wk-button-product .wk-icon {
        left: 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

.product .product__form .wk-button-product .wk-icon svg {
    display: none !important
}

.product .product__form .wk-button-product.wk-add-product .wk-icon {
    background-image: url(../assets/ico-heart.png)
}

.product .product__form .wk-button-product.wk-remove-product .wk-icon {
    background-image: url(../assets/ico-heart-full.png)
}

.product .afterpay-paragraph {
    color: #7e7e7e;
    display: block !important;
    font-size: 12px;
    padding: 6px 0
}

@media(max-width:1023px) {
    .product .afterpay-paragraph {
        padding: 6px 15px
    }
}

.product .afterpay-paragraph img {
    margin-bottom: 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .afterpay-paragraph img {
        max-width: 78px
    }
}

.product .product__message {
    margin-top: 20px
}

.product .product__accordion {
    margin-bottom: 11px
}

@media(max-width:1023px) {
    .product .product__accordion {
        padding: 34px 15px 2px
    }
}

.product .product__related {
    padding: 20px 0
}

@media(max-width:1023px) {
    .product .product__related {
        padding: 20px 15px
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__related {
        padding: 20px 0 10px
    }
}

.product .product__related .product__related-title {
    font-weight: 400;
    letter-spacing: .015em;
    margin-bottom: 18px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__related .product__related-title {
        font-size: 20px;
        letter-spacing: 0;
        margin-bottom: 17px;
        padding: 0 15px
    }
}

.product .product__related .product__related-items {
    display: flex;
    margin: 0 -10px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__related .product__related-items {
        margin: 0 -5px;
        max-width: none;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 15px
    }
}

.product .product__related .product__related-items>* {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product .product__related .product__related-items>* {
        flex: 0 0 237px;
        max-width: 237px;
        padding: 0 5px
    }
}

.product .product__video {
    position: relative
}

.product .product__video iframe,
.product .product__video video {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .product .product__video iframe,
    .product .product__video video {
        position: relative
    }
}

.product .product__thumbs .product__video,
.product .product__thumbs img {
    cursor: pointer
}

.product .product__payment {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 12px;
    width: 100%
}

.product--default {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.product--default .product__slider {
    margin: 0 0 20px
}

.product--default .product__images {
    flex: 0 0 48%;
    max-width: 48%
}

.product--default .product__images .slick-slide {
    font-size: 0
}

.product--default .product__images iframe {
    width: 100%
}

.product--default .product__image,
.product--default .product__thumb-image {
    padding: 100% 0 0;
    position: relative
}

.product--default .product__thumbs .slick-list {
    margin: 0 -10px
}

.product--default .product__thumbs .slick-slide {
    padding: 0 10px
}

.product--default .product__video {
    margin-bottom: 20px;
    position: relative
}

.product--default .product__video iframe,
.product--default .product__video video {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {

    .product--default .product__video iframe,
    .product--default .product__video video {
        position: relative
    }
}

.product--default .product__thumbs .product__video,
.product--default .product__thumbs img {
    cursor: pointer
}

.product--default .product__thumbs iframe {
    pointer-events: none
}

.product--default .product__content {
    flex: 0 0 48%;
    max-width: 48%
}

.product--default .product__meta {
    margin-bottom: 20px
}

.product--default .product__vendor {
    font-style: italic
}

.product--default .product__entry {
    color: #777;
    margin-bottom: 30px
}

.product--default .product__price {
    display: flex;
    margin-bottom: 25px
}

.product--default .product__price del {
    display: inline-block;
    margin-right: 5px
}

.product--default .product__price ins {
    text-decoration: none
}

.product--default .product__form button[type=submit][disabled] {
    opacity: .5;
    pointer-events: none
}

.product--default .product__form .form__row {
    padding-bottom: 20px
}

.product--default .product__form .select {
    min-width: 210px;
    width: auto
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .product--default {
        display: block
    }

    .product--default .product__content,
    .product--default .product__images {
        display: block;
        max-width: 100%
    }

    .product--default .product__content {
        padding-top: 0
    }
}

.product-item--default .product-item__link {
    display: block;
    margin: 0 0 20px
}

.product-item--default .product-item__image {
    display: block;
    padding-bottom: 100%;
    position: relative
}

.product-item--default .product-item__title {
    font-weight: 700;
    margin-bottom: 20px
}

.product-item--default .product-item__title a {
    text-decoration: none
}

.product-item--default .product-item__price {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    text-transform: uppercase
}

.product-item--default .product-item__price del {
    color: #777;
    display: inline-block;
    font-weight: 400;
    margin-right: 5px
}

.product-item--default .product-item__price ins {
    text-decoration: none
}

.product-item--default .product-item__info {
    color: #777
}

.slider-hero,
.slider-hero .slider__slide {
    position: relative
}

.slider-hero .slider__slide-image {
    padding-top: 50.58%;
    position: relative
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .slider-hero .slider__slide-image {
        padding-top: 131%
    }
}

.slider-hero .slider__slide-content {
    max-width: 450px;
    padding: 40px;
    position: absolute;
    width: 100%;
    z-index: 10
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .slider-hero .slider__slide-content {
        padding: 15px
    }
}

.slider-hero .slider__slide-content .h1,
.slider-hero .slider__slide-content h1 {
    font-weight: 400;
    letter-spacing: .015em;
    margin: 0 0 8px
}

@media(min-width:767px) {
    .slider-hero .slider__slide-content.desktop-black {
        color: #000
    }

    .slider-hero .slider__slide-content.desktop-white {
        color: #fff
    }

    .slider-hero .slider__slide-content--top {
        top: 0
    }

    .slider-hero .slider__slide-content--middle {
        padding-top: 37px;
        top: 50%;
        transform: translateY(-50%)
    }

    .slider-hero .slider__slide-content--bottom {
        bottom: 0
    }

    .slider-hero .slider__slide-content--left {
        left: 0
    }

    .slider-hero .slider__slide-content--center {
        left: 50%;
        text-align: center;
        transform: translateX(-50%)
    }

    .slider-hero .slider__slide-content--right {
        right: 0;
        text-align: right
    }

    .slider-hero .slider__slide-content--middle.slider__slide-content--center {
        transform: translate(-50%, -50%)
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .slider-hero .slider__slide-content.mobile-black {
        color: #000
    }

    .slider-hero .slider__slide-content.mobile-white {
        color: #fff
    }

    .slider-hero .slider__slide-content--top_mobile {
        top: 0
    }

    .slider-hero .slider__slide-content--middle_mobile {
        padding-top: 47px;
        top: 50%;
        transform: translateY(-50%)
    }

    .slider-hero .slider__slide-content--bottom_mobile {
        bottom: 0
    }

    .slider-hero .slider__slide-content--left_mobile {
        left: 0;
        text-align: left
    }

    .slider-hero .slider__slide-content--center_mobile {
        left: 50%;
        text-align: center;
        transform: translateX(-50%)
    }

    .slider-hero .slider__slide-content--right_mobile {
        right: 0;
        text-align: right
    }

    .slider-hero .slider__slide-content--middle_mobile.slider__slide-content--center_mobile {
        transform: translate(-50%, -50%)
    }
}

.slider-hero .slider__slide-entry {
    font-size: 18px;
    margin-bottom: 41px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .slider-hero .slider__slide-entry {
        font-size: 16px;
        margin-bottom: 24px
    }
}

.slider-hero .slick-dots {
    align-items: center;
    bottom: 19px;
    display: flex !important;
    left: 16px;
    list-style-type: none;
    margin: 0;
    opacity: 1;
    padding: 0;
    pointer-events: all;
    position: absolute
}

.slider-hero .slick-dots li+li {
    margin-left: 5px
}

.slider-hero .slick-dots button {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 0;
    height: 8px;
    transition: background .4s;
    width: 8px
}

.slider-hero .slick-dots .slick-active button,
.slider-hero .slick-dots button:hover {
    background-color: #fff
}

.cart-drawer-slider {
    align-items: center;
    background-color: var(--colour-accent-overlay);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 0 20px;
    pointer-events: none;
    position: fixed;
    right: 479px;
    top: 0;
    transform: translateX(-100%);
    transition: transform .3s, opacity .3s;
    z-index: 40
}

@media(max-width:1200px) {
    .cart-drawer-slider {
        opacity: 0 !important;
        pointer-events: none !important
    }
}

.cart-drawer-slider .cart-drawer-slider__inner {
    flex: 0 0 670px;
    max-width: 670px
}

.cart-drawer-slider .cart-drawer-slider__head {
    margin-bottom: 38px;
    text-align: center
}

.cart-drawer-slider .cart-drawer-slider__head .h4,
.cart-drawer-slider .cart-drawer-slider__head h4 {
    font-weight: 400;
    letter-spacing: .015em
}

.cart-drawer-slider.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: none
}

.cart-drawer-slider.is-disabled {
    opacity: 0 !important;
    pointer-events: none !important
}

.collections-columns {
   <!--padding: 46px 0-->
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .collections-columns .collections-columns__shell {
        padding: 0
    }
}

.img,
.img .img__el {
    bottom: 0;
    font-size: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.img.is-static,
.img.is-static .img__el {
    height: auto;
    position: static;
    z-index: auto
}

.img {
    background-color: #f2f2f2;
    display: block;
    overflow: hidden
}

.img.is-transparent {
    background-color: transparent
}

.img.fit-cover .img__el {
    object-fit: cover
}

.img.fit-contain {
    background-color: #fff
}

.img.fit-contain .img__el {
    object-fit: contain
}

.img.position-top .img__el {
    object-position: top
}

.img.position-right .img__el {
    object-position: right
}

.img.position-bottom .img__el {
    object-position: bottom
}

.img.position-left .img__el {
    object-position: left
}

.img.position-center .img__el {
    object-position: center
}

.img .img__el {
    display: block;
    margin: 0
}

@media(min-width:1024px) {
    .nav {
        position: relative;
        z-index: 10
    }

    .nav>ul {
        display: flex;
        justify-content: center;
        list-style-type: none;
        margin: 0 -20px;
        padding: 0
    }

    .nav>ul>li {
        padding: 0 20px
    }

    .nav>ul>li>a {
        display: inline-block;
        font-size: 15px;
        letter-spacing: .015em;
        padding: 13px 0;
        position: relative;
        text-decoration: none
    }

    .nav>ul>li>a:after {
        background-color: currentColor;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        transform: scaleX(0);
        transform-origin: center;
        transition: transform .4s
    }

    .nav .menu__item--has-dropdown:hover>a:after,
    .nav>ul>li>a:hover:after {
        transform: none
    }

    .nav .menu__item--has-dropdown:hover .megamenu {
        opacity: 1;
        pointer-events: all
    }
}

.nav .menu__item--highlighted>a {
    color: #ec0000
}

.nav .megamenu .megamenu__content {
    flex: 1
}

@media(max-width:1023px) {
    .nav .megamenu .megamenu__content {
        flex: auto
    }
}

.nav .megamenu .megamenu__aside {
    width: 30%
}

@media(max-width:1023px) {
    .nav .megamenu .megamenu__aside {
        width: auto
    }
}

.nav .megamenu .menu__dropdown a {
    color: #7e7e7e
}

@media(max-width:1023px) {
    .nav .megamenu .menu__dropdown a {
        color: inherit
    }
}

@media(min-width:1024px) {
    .nav .megamenu {
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 100%;
        transition: opacity .4s
    }
}

@media(max-width:1023px) {
    .nav .megamenu {
        height: 100%;
        left: 100%;
        opacity: 0;
        overflow-x: hidden;
        overflow-y: auto;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: opacity 0s .5s;
        width: 200%
    }
}

.nav .megamenu .megamenu__inner {
    display: flex;
    flex-flow: row wrap
}

@media(max-width:1023px) {
    .nav .megamenu .megamenu__inner {
        display: block;
        height: 100%;
        position: relative
    }

    .nav .megamenu .megamenu__content {
        width: 50%
    }

    .nav .megamenu .megamenu__content>ul {
        left: 0;
        position: static
    }

    .nav .megamenu .megamenu__content ul ul {
        height: 100%;
        left: auto;
        overflow-x: hidden;
        overflow-y: auto;
        right: 0;
        width: 50%
    }

    .nav .megamenu .megamenu__aside {
        width: 50%
    }

    .nav .megamenu.no-overflow {
        overflow: hidden
    }

    .nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: static;
        width: 100%
    }

    .nav ul ul {
        left: 100%;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: opacity 0s .5s
    }

    .nav li:last-of-type>a {
        border-bottom: 0
    }

    .nav li>a {
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        color: #000;
        display: block;
        font-size: 14px;
        padding: 18px 15px;
        position: relative;
        text-decoration: none;
        transition: background .4s;
        width: 100%
    }

    .nav .menu__item--has-dropdown>a:before {
        background-image: url(../assets/ico-arrow-right.svg);
        background-position: 50%;
        background-size: cover;
        content: "";
        height: 12px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 7px
    }
}

.nav .menu__item-image-wrapper.menu__item-image-wrapper {
    display: block;
    margin-bottom: 15px;
    padding-top: 6px
}

@media(max-width:1023px) {
    .nav .menu__item-image-wrapper.menu__item-image-wrapper {
        display: none
    }
}

.nav .menu__item-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-bottom: 77%;
    width: 100%
}

.nav .menu__item--back-btn {
    display: none
}

@media(max-width:1023px) {
    .nav .menu__item--back-btn {
        display: block
    }

    .nav .menu__item--back-btn>a {
        background-color: var(--colour-accent);
        padding-left: 50px;
        padding-right: 50px;
        text-align: center;
        text-transform: capitalize
    }

    .nav .menu__item--back-btn>a:before {
        background-image: url(../assets/ico-arrow-right.svg);
        background-position: 50%;
        background-size: cover;
        content: "";
        height: 12px;
        left: 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) scaleX(-1);
        width: 7px
    }

    .header__navigation.is-open .is-active>.megamenu,
    .header__navigation.is-open .is-active>.megamenu .megamenu__content>ul,
    .header__navigation.is-open .is-active>ul {
        opacity: 1;
        pointer-events: auto;
        transition: none
    }
}

.quantity {
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    padding: 1px 0 2px;
    width: 100px
}

.quantity a {
    align-items: center;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    text-decoration: none;
    width: 30px
}

.quantity input {
    -moz-appearance: textfield;
    border: none;
    border-radius: 0;
    display: inline-block;
    flex: 1 0;
    pointer-events: none;
    text-align: center;
    width: 50%
}

.quantity input::-webkit-inner-spin-button,
.quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .quantity input {
        pointer-events: all
    }
}

.slider {
    display: block
}

.slider--cards {
    position: relative
}

.slider--cards .slick-track {
    margin-left: 0;
    margin-right: 0
}

.slider--cards .slick-list {
    margin: 0 -10px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .slider--cards .slick-list {
        margin: 0 -5px
    }
}

.slider--cards .slick-slide {
    padding: 0 10px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .slider--cards .slick-slide {
        padding: 0 5px
    }
}

.slider--cards .slick-arrow {
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--colour-accent);
    border: 0;
    border-radius: 50%;
    display: inline-block;
    font-size: 0;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: calc(45.46667vw - 54.56px);
    transform: translateY(calc(-22.73333vw - -27.28px));
    transition: opacity .4s;
    width: 40px;
    z-index: 10
}

@media(max-width:1023px) {
    .slider--cards .slick-arrow {
        top: calc(45.46667vw - 31.82667px);
        transform: translateY(calc(-22.73333vw - -15.91333px))
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .slider--cards .slick-arrow {
        display: none !important
    }
}

.slider--cards .slick-arrow:hover {
    opacity: .7
}

.slider--cards .slick-arrow:after {
    background-image: url(../assets/ico-arrow-right.svg);
    background-position: 50%;
    background-size: contain;
    content: "";
    height: 11px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px
}

.slider--cards .slick-next {
    right: -20px
}

@media(max-width:1023px) {
    .slider--cards .slick-next {
        right: -13px
    }
}

.slider--cards .slick-prev {
    left: -20px
}

@media(max-width:1023px) {
    .slider--cards .slick-prev {
        left: -13px
    }
}

.slider--cards .slick-prev:after {
    transform: translate(-50%, -50%) scaleX(-1)
}

.slider--cards .slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none
}

.slider--recently-products.loader {
    min-height: 150px
}

.slider--recently-products.loader:before {
    top: 50px
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .slider--products .product-item {
        width: 227px !important
    }

    .slider--products .slick-list {
        overflow: visible
    }
}

.slider--products .slick-arrow {
    top: calc(34.625vw - 48.475px);
    transform: translateY(calc(-17.3125vw - -24.2375px))
}

@media(max-width:1023px) {
    .slider--products .slick-arrow {
        top: calc(34.625vw - 31.1625px);
        transform: translateY(calc(-17.3125vw - -15.58125px))
    }
}

@media(max-width:767px), screen and (max-width:812px)and (orientation:landscape) {
    .slider--collections .collection-thumb {
        width: 286px
    }

    .slider--collections .slick-list {
        overflow: visible
    }
}

.slider--cart-products .slick-arrow {
    top: 290.85px;
    transform: translateY(-145.425px)
}

.AnnouncementBar__grid {
    display: flex;
    justify-content: space-between;
}

.AnnouncementBarScroll__spacing {
    min-width: 33vw;
}

.scroll-text {
    animation: scrolldesk 52s linear infinite;
}

@keyframes scrolldesk {
    0% {
        transform: translate3d(100vw, 0, 0);
    }

    100% {
        transform: translate3d(-255vw, 0, 0);
    }
}

.AnnouncementBarScroll__spacing {
    min-width: 33vw;
}

@keyframes scrollphone {
    0% {
        transform: translate3d(100vw, 0, 0);
    }

    100% {
        transform: translate3d(-690vw, 0, 0);
    }
}

@media screen and (max-width: 640px) {
    .scroll-text {
        animation: scrollphone 30s linear infinite;
    }

    .AnnouncementBarScroll__spacing {
        min-width: 85vw;
    }
}

.AnnouncementBar {
    position: relative;
    z-index: 1;
    width: 100%;
}

.AnnouncementBar__Wrapper {
    padding: 12px 15px;
}

.addFormTarget {
    display: none;
}