/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */

/*
OVERLAY SCROLLBARS CORE:
*/

html.os-html,
html.os-html > .os-host {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
html.os-html > .os-host > .os-padding {
    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
body.os-dragging,
body.os-dragging * {
    cursor: default;
}
.os-host,
.os-host-textarea {
    position: relative;
    overflow: visible !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start;
}
.os-host-flexbox {
    overflow: hidden !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.os-host-flexbox > .os-size-auto-observer {
    height: inherit !important;
}
.os-host-flexbox > .os-content-glue {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
    min-height: 0;
    min-width: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px;
}
#os-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%; 
    margin: 10px 0;
}
/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
    content: '';
    display: table;
    width: 0.01px;
    height: 0.01px;
    line-height: 0;
    font-size: 0;
    flex-grow: 0;
    flex-shrink: 0;
    visibility: hidden;
}
#os-dummy-scrollbar-size,
.os-viewport {
    -ms-overflow-style: scrollbar !important;
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
    scrollbar-width: none !important;
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    visibility: hidden !important;
    background: transparent !important;
}
.os-content-glue {
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}
.os-padding {
    box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
	z-index: 0;
}
.os-host-overflow > .os-padding {
    overflow: hidden;
}
.os-viewport {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    outline: none !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}
.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none;
}
.os-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    height: 100%;
    width: 100%;
    visibility: visible;
}
.os-content > .os-textarea {
    box-sizing: border-box !important;
    direction: inherit !important;
    background: transparent !important;
    outline: 0px none transparent !important;
    overflow: hidden !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    border-radius: 0px !important;
    float: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    border: none !important;
    resize: none !important;
    -webkit-transform: none !important;
            transform: none !important;
    max-width: none !important;
    max-height: none !important;
    box-shadow: none !important;
    -webkit-perspective: none !important;
            perspective: none !important;
    opacity: 1 !important;
    z-index: 1 !important;
    clip: auto !important;
    vertical-align: baseline !important;
    padding: 0px;
}
.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
    right: 0 !important;
}
.os-content > .os-textarea-cover {
    z-index: -1;
    pointer-events: none;
}
.os-content > .os-textarea[wrap='off'] {
    white-space: pre !important;
    margin: 0px !important;
}
.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text;
}
.os-resize-observer,
.os-resize-observer-host {
    box-sizing: inherit;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}
.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box;
}
.os-resize-observer-host.observed {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0;
    display: block;
    box-sizing: content-box;
}
.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
    display: flex;
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    box-sizing: border-box;
}
.os-resize-observer-host.observed > .os-resize-observer:before {
    content: '';
    box-sizing: content-box;
    padding: inherit;
    border: inherit;
    margin: 0;
}
.os-size-auto-observer {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
}
.os-size-auto-observer > .os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px;
}
.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}
.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}
.os-resize-observer {
    -webkit-animation-duration: 0.001s;
    animation-duration: 0.001s;
    -webkit-animation-name: os-resize-observer-dummy-animation;
    animation-name: os-resize-observer-dummy-animation;
}
object.os-resize-observer {
    box-sizing: border-box !important;
}
@-webkit-keyframes os-resize-observer-dummy-animation {
    from {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}
@keyframes os-resize-observer-dummy-animation {
    from {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}

/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/

.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
    -webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
html.os-html > .os-host > .os-scrollbar {
    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
    z-index: 999999; /* highest z-index of the page */
}
.os-scrollbar,
.os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 1;
}
.os-scrollbar-corner {
    bottom: 0;
    right: 0;
}
.os-scrollbar {
    pointer-events: none;
}
.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    border: none !important;
}
.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}
.os-scrollbar-handle-off,
.os-scrollbar-track-off {
    pointer-events: none;
}
.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important;
}
.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important;
}
.os-scrollbar-horizontal {
    bottom: 0;
    left: 0;
}
.os-scrollbar-vertical {
    top: 0;
    right: 0;
}
.os-host-rtl > .os-scrollbar-horizontal {
    right: 0;
}
.os-host-rtl > .os-scrollbar-vertical {
    right: auto;
    left: 0;
}
.os-host-rtl > .os-scrollbar-corner {
    right: auto;
    left: 0;
}
.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.os-scrollbar-corner-resize-both {
    cursor: nwse-resize;
}
.os-host-rtl > .os-scrollbar-corner-resize-both {
    cursor: nesw-resize;
}
.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize;
}
.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize;
}
.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default;
}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
    top: 0;
    bottom: 0;
}
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
    right: 0;
    left: 0;
}
.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
    opacity: 1 !important;
    visibility: visible !important;
}
.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important;
}
.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.os-host-overflow {
    overflow: hidden !important;
}
.os-host-overflow-x {
} 
.os-host-overflow-y {
} 

/*
THEMES:
*/

/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
    display: none !important;
}
.os-theme-none > .os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px;
}
/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
    right: 10px;
    height: 10px;
}
.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
    bottom: 10px;
    width: 10px;
}
.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
    left: 10px;
    right: 0;
}
.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
    height: 10px;
    width: 10px;
}
.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
    background-color: transparent;
}
.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
    padding: 2px;
    box-sizing: border-box;
    background: transparent;
}
.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
    background: transparent;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
    background: transparent;
}
.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    min-width: 30px;
}
.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    min-height: 30px;
}
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
    border-radius: 10px;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0, 0, 0, 0.4);
}
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.4);
}
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0, 0, 0, .55);
}
.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, .55);
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(0, 0, 0, .7);
}
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(255, 255, 255, .7);
}
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}
.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none;
}
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px;
}
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px;
}
.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px;
}
/* ----------------------------------------------------------------------
| Variables
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Z-indexes
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Colours - Brand
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Colours - Mono
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Colours - Theme
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Colours - UI
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Colours - Validation
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Colours - Structure
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Fonts
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Fonts - weights
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Breakpoints
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Transitions
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Shadows
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Components - Structure sizes
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Letter Spacing
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Core Styles
|--------------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
button,
input,
textarea,
select,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

html {
  box-sizing: border-box;
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: #BFBFBF;
  font-weight: 400;
  font-family: "metropolismedium", sans-serif;
  letter-spacing: 0.05rem;
  background-color: #161815;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
}

button {
  color: inherit;
  background: transparent;
  border: none;
  -webkit-appearance: none;
          appearance: none;
}

button:focus {
  outline: none;
}

input:focus {
  outline: none;
}

a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}

svg {
  display: block;
  fill: currentColor;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

select > option {
  color: #ffffff !important;
  background-color: #161815 !important;
}

::selection {
  color: #ffffff;
  background: #494949;
}

::-moz-selection {
  color: #ffffff;
  background: #494949;
}

.Disabled {
  color: currentColor;
  text-decoration: none;
  cursor: not-allowed;
  opacity: 0.5;
}

.hidden {
  display: none;
}

.nothidden {
  display: block;
}
.nothidden .wpc-term-count-0 {
  display: none;
}

/* ----------------------------------------------------------------------
| Helpers
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Fonts
|------------------------------------------------------------------------
| @font-face Fonts
*/
@font-face {
  font-weight: normal;
  font-family: "metropolismedium";
  font-style: normal;
  font-display: swap;
  src: url("./fonts/metropolis-medium-webfont.woff2") format("woff2"), url("./fonts/metropolis-medium-webfont.woff") format("woff");
}
@font-face {
  font-weight: normal;
  font-family: "metropolisregular";
  font-style: normal;
  font-display: swap;
  src: url("./fonts/metropolis-regular-webfont.woff2") format("woff2"), url("./fonts/metropolis-regular-webfont.woff") format("woff");
}
@font-face {
  font-weight: normal;
  font-family: "metropolissemi_bold";
  font-style: normal;
  font-display: swap;
  src: url("./fonts/metropolis-semibold-webfont.woff2") format("woff2"), url("./fonts/metropolis-semibold-webfont.woff") format("woff");
}
@font-face {
  font-weight: normal;
  font-family: "metropolisbold";
  font-style: normal;
  font-display: swap;
  src: url("./fonts/metropolis-bold-webfont.woff2") format("woff2"), url("./fonts/metropolis-bold-webfont.woff") format("woff");
}
/* ----------------------------------------------------------------------
| Font Size Mixins
|------------------------------------------------------------------------
*/
strong {
  font-weight: 600;
}

.Typeset {
  font-family: "metropolismedium", sans-serif;
  text-align: left;
  font-size: 16px;
  line-height: 32px;
}
.ProductContent .Typeset {
  font-size: 12px;
  line-height: 28px;
}
.Typeset > *:last-child {
  margin-bottom: 0;
}
.Typeset img {
  max-width: 100%;
  height: auto;
  margin: 3rem 0;
}
@media (min-width: 768px) {
  .Typeset img {
    margin: 3rem 0;
  }
}
.Typeset img,
.Typeset p,
.Typeset ul,
.Typeset ol,
.Typeset blockquote {
  margin-bottom: 1.5em;
}
.Typeset em,
.Typeset i {
  font-style: italic;
}
.Typeset strong,
.Typeset b {
  font-weight: 700;
}
.Typeset mark {
  padding: 0.25em;
}
.Typeset ul {
  list-style: disc;
}
.Typeset ol {
  list-style: decimal;
}
.Typeset ul,
.Typeset ol {
  margin-left: 1em;
}
.Typeset ul li,
.Typeset ol li {
  padding-left: 0.25em;
}
.Typeset h1,
.Typeset h2,
.Typeset h3,
.Typeset h4,
.Typeset h5,
.Typeset h6 {
  margin: 0 0 1rem;
  font-family: "metropolismedium", sans-serif;
  text-transform: uppercase;
}
.Typeset h1 {
  font-size: 2em;
}
.Typeset h2, .Typeset h3, .Typeset h4, .Typeset h5, .Typeset h6 {
  font-size: 1.5em;
}
.Typeset a {
  position: relative;
  color: inherit;
  text-decoration: none;
}
.Typeset a::after {
  position: absolute;
  bottom: -0.1em;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid;
  content: "";
}
.Typeset a:hover, .Typeset a:focus {
  text-decoration: none;
}
.Typeset tr {
  border-top: 1px solid #ececec;
}
.Typeset td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.Typeset td:first-of-type {
  font-family: "metropolismedium", sans-serif;
  text-transform: uppercase;
}

b {
  font-weight: 700;
}

/*
|--------------------------------------------------------------------------
| UtilityScreenReaderOnly
|--------------------------------------------------------------------------
| @namespace: UtilityScreenReaderOnly
|
*/
.UtilityScreenReaderOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.UtilityHide {
  display: none;
}

.hide {
  display: none;
}

.util-hidden {
  visibility: hidden;
}

/*
|--------------------------------------------------------------------------
| Hover
|--------------------------------------------------------------------------
| @namespace: Hover
|
*/
/*
|--------------------------------------------------------------------------
| UtilityLockOverflow
|--------------------------------------------------------------------------
| @namespace: UtilityLockOverflow
|
*/
.UtilityLockOverflow {
  height: 100vh;
  overflow: hidden;
}

/* stylelint-disable */
/* stylelint-enable */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 60px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.SplitText__container {
  overflow: hidden;
}

/* ----------------------------------------------------------------------
| Layout
|------------------------------------------------------------------------
| For general page structure, such as headers and footers.
*/
/*
|--------------------------------------------------------------------------
| Body
|--------------------------------------------------------------------------
| @namespace: Body
|
*/
.Body {
  font-size: 16px;
  line-height: 25px;
}
.Body.UtilityMenuActive {
  height: 100vh;
  overflow: hidden;
}

/*
|--------------------------------------------------------------------------
| PageContainer
|--------------------------------------------------------------------------
| @namespace: PageContainer
|
*/
.PageContainerFluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .PageContainerFluid {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.PageContainerFluidWide {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.PageContainer {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 90rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .PageContainer {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

/*
|--------------------------------------------------------------------------
| Site Grid
|--------------------------------------------------------------------------
| @namespace: Grid
|
*/
.Grid {
  display: grid;
  gap: 24px;
}

@media (min-width: 900px) {
  .Grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .Grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .Grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 900px) {
  .Grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .Grid--4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
| @namespace: Header
|
*/
.Header {
  position: fixed;
  top: 0;
  z-index: 700;
  width: 100%;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), top 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.UtilityHeader--unpinned .Header {
  transform: translate3d(0, -90px, 0);
}

.Header::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  display: block;
  height: 4rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 150%);
  content: "";
  pointer-events: none;
}
@media (min-width: 768px) {
  .Header::before {
    height: 12.5rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  }
}

/*
|--------------------------------------------------------------------------
| Header - Notification
|--------------------------------------------------------------------------
| @namespace: HeaderNotification
|
*/
.HeaderNotification {
  font-size: 10px;
  text-align: center;
  background-color: #212121;
}

.HeaderNotification__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
}

.HeaderNotification__text {
  letter-spacing: 0.1em;
}

.HeaderNotificationList {
  width: 100%;
  text-align: left;
}

.HeaderNotificationList__item {
  width: 100%;
}

/*
|--------------------------------------------------------------------------
| Header - Banner
|--------------------------------------------------------------------------
| @namespace: HeaderBanner
|
*/
.HeaderBanner {
  visibility: hidden;
}

.HeaderBanner__body {
  display: grid;
  grid-template-areas: ". Brand .";
  grid-template-columns: 1fr auto 1fr;
  height: 71px;
  padding-top: 1.5rem;
}
@media (min-width: 900px) {
  .HeaderBanner__body {
    padding-top: 2.5rem;
  }
}

/*
|--------------------------------------------------------------------------
| Header - Brand
|--------------------------------------------------------------------------
| @namespace: HeaderBrand
|
*/
.HeaderBrand {
  z-index: 10;
  display: flex;
  grid-area: Brand;
  justify-content: center;
  margin: 0 1rem;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), top 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.UtilityHeader--unpinned .HeaderBrand {
  transform: translate3d(0, 90px, 0);
}

.HeaderBrand__image .Svg {
  width: 12.5rem;
  height: auto;
}
@media (min-width: 768px) {
  .HeaderBrand__image .Svg {
    width: 17rem;
    height: auto;
  }
}

/*
|--------------------------------------------------------------------------
| Header - Navigation
|--------------------------------------------------------------------------
| @namespace: HeaderNavigation
|
*/
.HeaderNavigation {
  display: none;
}
@media (min-width: 900px) {
  .HeaderNavigation {
    display: flex;
    align-items: center;
  }
}

.HeaderNavigationList {
  display: flex;
  align-items: center;
  column-gap: 1.5rem;
}
@media (min-width: 1200px) {
  .HeaderNavigationList {
    column-gap: 2.5rem;
  }
}

.HeaderNavigationList__item.menu-item-has-children {
  position: relative;
}
.HeaderNavigationList__item.menu-item-has-children::after {
  position: relative;
  top: -3px;
  left: 6px;
  width: 6px;
  height: 10px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.5' height='6.114'%3E%3Cg data-name='Group 12528'%3E%3Cpath fill='%23fff' d='M0 1.221 1.221 0 5.25 4.029 9.279 0l1.22 1.221L5.86 5.86a.864.864 0 0 1-1.221 0Z' data-name='Path 12150'/%3E%3C/g%3E%3C/svg%3E");
}

.HeaderNavigationList__item {
  z-index: 2;
}

.HeaderNavigationList__right {
  margin-left: auto;
}

.HeaderNavigationList__link {
  position: relative;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}
.HeaderNavigationList__link::after {
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  width: 60%;
  margin-left: -30%;
  border-bottom: 2px solid;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}
@media (hover: hover) {
  .HeaderNavigationList__link:hover {
    cursor: pointer;
  }
  .HeaderNavigationList__link:hover::after {
    transform: scaleX(1);
    transform-origin: center;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.HeaderNavigationList__link--active {
  position: relative;
}
.HeaderNavigationList__link--active::after {
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  width: 100%;
  margin-left: -30%;
  border-bottom: 2px solid;
  transform: scaleX(1);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}
@media (hover: hover) {
  .HeaderNavigationList__link--active:hover {
    cursor: pointer;
  }
  .HeaderNavigationList__link--active:hover::after {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.hovermq .HeaderNavigationList__item:hover + .Megamenu,
.no-hovermq .HeaderNavigationList__item.active + .Megamenu {
  top: 0;
  opacity: 1;
  pointer-events: auto;
}

/*
|--------------------------------------------------------------------------
| Header - Navigation Drawer
|--------------------------------------------------------------------------
*/
.DrawerNav {
  width: 100%;
}

.DrawerNavList {
  display: flex;
  flex-direction: column;
}

.DrawerNavList__item {
  margin-bottom: 1rem;
}

.DrawerNavList__item.current-menu-item .DrawerNavList__link {
  color: #4F4F4F;
}

.DrawerNavList__item--has-children {
  background-image: url("data:image/svg+xml,%3Csvg class='Svg' xmlns='http://www.w3.org/2000/svg' width='6.987' height='12'%3E%3Cpath fill='%23fff' d='m1.396 12-1.4-1.4 4.6-4.6-4.6-4.6 1.4-1.395 5.3 5.3a.987.987 0 0 1 0 1.4Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
}

.DrawerNavList__item--back {
  margin-bottom: 1.2rem;
  padding-left: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg class='Svg' xmlns='http://www.w3.org/2000/svg' width='6.987' height='12'%3E%3Cpath fill='%23BFBFBF' d='m5.591 0 1.4 1.4-4.6 4.6 4.6 4.6-1.4 1.395-5.3-5.3a.987.987 0 0 1 0-1.4Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
}

.DrawerNavList__item--back-btn {
  width: 100%;
  text-align: left;
}

.DrawerNavList__link {
  width: 100%;
  color: #ffffff;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.2rem;
  text-align: left;
  text-transform: uppercase;
}

.DrawerNavList__footer {
  margin-top: 0.8rem;
}
.DrawerNavList__footer .DrawerNavList__item {
  margin-bottom: 0;
}
.DrawerNavList__footer .DrawerNavList__item .DrawerNavList__link {
  color: #BFBFBF;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.1rem;
  text-transform: initial;
}

.DrawerNavListSubmenu {
  position: absolute;
  top: 85px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  padding: 0 1rem;
  background-color: #212121;
  transform: translateX(-100%);
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.DrawerNavListSubmenu--active .DrawerNavListSubmenu {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 0.25s;
}

/*
|--------------------------------------------------------------------------
| Header - Tools
|--------------------------------------------------------------------------
| @namespace: HeaderTools
|
*/
.HeaderTools {
  position: absolute;
  top: 4px;
  right: 7px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), top 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.UtilityHeader--unpinned .HeaderTools {
  transform: translate3d(0, 90px, 0);
}

.HeaderTools__mobileMenu {
  position: absolute;
  top: 20px;
  left: 13px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), top 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.UtilityHeader--unpinned .HeaderTools__mobileMenu {
  transform: translate3d(0, 90px, 0);
}
@media (min-width: 900px) {
  .HeaderTools__mobileMenu {
    display: none;
  }
}

.HeaderToolsList {
  display: flex;
  align-items: center;
}

.HeaderToolsList__text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.HeaderToolsList__icon {
  display: block;
  width: 32px;
  height: 32px;
  padding: 8px 0 0 2px;
}

.HeaderToolsList__item {
  position: relative;
}

.HeaderToolsList__item + .HeaderToolsList__item {
  margin-left: 1rem;
}

.HeaderToolsList__link {
  display: block;
  transition: color 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .HeaderToolsList__link:hover {
    color: #0F0D0D;
  }
}

.HeaderTools__cart {
  position: absolute;
  top: 13px;
  right: 7px;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), top 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.UtilityHeader--unpinned .HeaderTools__cart {
  transform: translate3d(0, 90px, 0);
}
@media (min-width: 768px) {
  .HeaderTools__cart {
    top: 5px;
    right: 29px;
  }
}

.HeaderTools__cart--link-cart .Svg {
  height: 20px;
}
.HeaderTools__cart--link-cart .Svg path {
  fill: #ffffff;
}

.HeaderTools__cart--link-account .Svg {
  height: 23px;
}
.HeaderTools__cart--link-account .Svg path {
  fill: #ffffff;
}

.HeaderTools__cart--item + .HeaderTools__cart--item {
  margin-left: 5px;
}

.Megamenu {
  position: absolute;
  top: -100px;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 9rem 0 5rem;
  background-color: #212121;
  opacity: 0;
  transition-duration: 500ms;
  pointer-events: none;
}
@media (hover: hover) {
  .Megamenu:hover {
    top: 0;
    opacity: 1;
    pointer-events: auto;
  }
}

.Megamenu__columns {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .Megamenu__columns {
    padding: 0 4rem;
  }
}

.Megamenu__col--primary {
  display: flex;
  align-items: center;
}

.Megamenu__list-item {
  position: relative;
  margin-bottom: 0.5rem;
  margin-left: -1rem;
  transition: transform 0.2s ease;
}
@media (hover: hover) {
  .Megamenu__list-item:hover {
    transform: translateX(25px);
  }
  .Megamenu__list-item:hover::before {
    opacity: 1;
  }
}
.Megamenu__list-item::before {
  position: relative;
  top: -8px;
  right: 10px;
  width: 15px;
  height: 12px;
  opacity: 0;
  transition: opacity 0.2s ease;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.881' height='12'%3E%3Cpath data-name='Path 12185' d='m9.29 12-1.4-1.4 4.6-4.6-4.6-4.6L9.29.005l5.3 5.3a.987.987 0 0 1 0 1.4Zm-7.894 0-1.4-1.4 4.6-4.6-4.6-4.6 1.4-1.395 5.3 5.3a.987.987 0 0 1 0 1.4Z' fill='%23fff' opacity='.999'/%3E%3C/svg%3E");
}

.Megamenu__list-item--link {
  color: #ffffff;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
}

.Megamenu__list-item-viewall {
  margin-top: 1rem;
}

.Megamenu__list-item-viewall-link {
  font-family: "metropolisbold", sans-serif;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  position: relative;
}
.Megamenu__list-item-viewall-link::after {
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  width: 60%;
  margin-left: -30%;
  border-bottom: 2px solid;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}
@media (hover: hover) {
  .Megamenu__list-item-viewall-link:hover {
    cursor: pointer;
  }
  .Megamenu__list-item-viewall-link:hover::after {
    transform: scaleX(1);
    transform-origin: center;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.Megamenu__image-wrapper {
  position: relative;
  width: 500px;
  height: 360px;
}
@media (min-width: 1200px) {
  .Megamenu__image-wrapper {
    width: 600px;
    height: 360px;
  }
}

.Megamenu__image-container {
  position: absolute;
  scale: 0.95;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}

.Megamenu__image-container.active {
  scale: 1;
  opacity: 1;
}

/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
| @namespace: Footer
|
*/
.Footer__body {
  padding-top: 2rem;
  padding-bottom: 1rem;
  border-top: 1px solid #BFBFBF;
}
@media (min-width: 768px) {
  .Footer__body {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 900px) {
  .Footer__columns {
    display: flex;
    justify-content: space-between;
    column-gap: 1rem;
  }
}

.Footer__column--brand {
  margin-bottom: 1.5rem;
}
.Footer__column--brand .Svg {
  width: auto;
  height: 23px;
  fill: #ffffff;
}
@media (min-width: 768px) {
  .Footer__column--brand .Svg {
    height: 28px;
  }
}

.FooterNav__columns {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .FooterNav__columns {
    grid-column-gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 255px));
  }
}

.FooterNav__title {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 28px;
}

.FooterMenuList__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (min-width: 768px) {
  .FooterMenuList__body {
    max-height: initial;
  }
}

.FooterNav__column {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .FooterNav__column {
    margin-bottom: 0;
  }
}

.FooterNav__column.active .FooterMenuList__body {
  max-height: 100vh;
}
.FooterNav__column.active .FooterNav__header::after {
  transform: rotate(180deg);
}

.FooterMenuList__content {
  display: block;
  padding-top: 0.8rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .FooterMenuList__content {
    padding-bottom: 0;
  }
}

.FooterNav__header {
  position: relative;
}
.FooterNav__header::before, .FooterNav__header::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.8rem;
  height: 2px;
  background-color: #ffffff;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}
.FooterNav__header::after {
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  .FooterNav__header::after, .FooterNav__header::before {
    display: none;
  }
}

.FooterMenuList__item {
  position: relative;
  margin-bottom: 0.2rem;
  transform: translateX(-20px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.FooterMenuList__item::before {
  position: relative;
  top: 0;
  width: 13px;
  height: 10px;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.021' height='10.5'%3E%3Cpath fill='%23fff' d='M8.129 10.5 6.908 9.279l4.029-4.029-4.029-4.029L8.129.001l4.638 4.638a.863.863 0 0 1 0 1.221Zm-6.907 0L.001 9.279 4.03 5.25.001 1.221 1.222.001 5.861 4.64a.864.864 0 0 1 0 1.221Z' data-name='Path 12150'/%3E%3C/svg%3E");
}
@media (hover: hover) {
  .FooterMenuList__item:hover {
    transform: translateX(0);
  }
  .FooterMenuList__item:hover::before {
    opacity: 1;
  }
}
.FooterMenuList__item:last-of-type {
  margin-bottom: 0;
}

.FooterMenuList__link {
  margin-left: 0.5rem;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .FooterMenuList__link:hover {
    color: #ffffff;
  }
}

.ContactDetails__link {
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .ContactDetails__link:hover {
    color: #ffffff;
  }
}

/*
|--------------------------------------------------------------------------
| Footer - Baseline
|--------------------------------------------------------------------------
| @namespace: Baseline
|
*/
.Baseline {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  text-align: center;
  background-color: #212121;
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .Baseline {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
}

.Baseline__columns {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.3rem;
  align-items: center;
}
@media (min-width: 768px) {
  .Baseline__columns {
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
  }
}

/*
|--------------------------------------------------------------------------
| Footer - Built by. Who sweated over it.
|--------------------------------------------------------------------------
| @namespace: BuiltBy
|
*/
@keyframes textShine {
  to {
    background-position: 900%;
  }
}
.BuiltBy__link {
  font-family: "metropolisbold", sans-serif;
  background: linear-gradient(to right, #BFBFBF 12.5%, #00a0db 12.5%, #004f9f 25%, #362983 37.5%, #e6007e 50%, #e31f21 62.5%, #dbca0c 75%, #95c11f 87.5%, #009447 100%);
  background-size: 900% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (hover: hover) {
  .BuiltBy__link:hover {
    animation: textShine 50s linear infinite;
  }
}

/*
|--------------------------------------------------------------------------
| Footer - Payment Logos
|--------------------------------------------------------------------------
| @namespace: Footer
|
*/
.FooterPayment {
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #212121;
  text-align: center;
  background-color: #4F4F4F;
  font-size: 12px;
  line-height: 12px;
}

/*
|--------------------------------------------------------------------------
| Section
|--------------------------------------------------------------------------
| @namespace: Section
|
*/
.Section {
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .Section {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }
}

.SectionTight {
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.Section__title {
  font-size: 32px;
  line-height: 48px;
  color: #ffffff;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .Section__title {
    font-size: 48px;
    line-height: 56px;
  }
}

/*
|--------------------------------------------------------------------------
| Section - Columns
|--------------------------------------------------------------------------
| @namespace: Section__columns
|
*/
.Section__columns {
  display: grid;
  grid-row-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .Section__columns {
    grid-row-gap: 1.25rem;
    grid-column-gap: 1.25rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.Section__column {
  grid-column: 1/-1;
}
@media (min-width: 768px) {
  .Section__column {
    grid-column: 2/span 10;
  }
}
@media (min-width: 1200px) {
  .Section__column {
    grid-column: 3/span 8;
  }
}
@media (min-width: 1675px) {
  .Section__column {
    grid-column: 3/span 8;
  }
}

.Section__column--medium {
  grid-column: 1/-1;
}
@media (min-width: 768px) {
  .Section__column--medium {
    grid-column: 2/span 10;
  }
}
@media (min-width: 1200px) {
  .Section__column--medium {
    grid-column: 3/span 8;
  }
}
@media (min-width: 1675px) {
  .Section__column--medium {
    grid-column: 3/span 8;
  }
}

.Section__column--tight {
  grid-column: 1/-1;
}
@media (min-width: 768px) {
  .Section__column--tight {
    grid-column: 2/span 10;
  }
}
@media (min-width: 900px) {
  .Section__column--tight {
    grid-column: 4/span 6;
  }
}

/*
|--------------------------------------------------------------------------
| MainContent
|--------------------------------------------------------------------------
| @namespace: MainContent
|
*/
.MainContent {
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

/*
|--------------------------------------------------------------------------
| Page Content
|--------------------------------------------------------------------------
| @namespace: PageContent
|
*/
.PageContent__columns {
  display: grid;
  grid-row-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .PageContent__columns {
    grid-row-gap: 1.25rem;
    grid-column-gap: 1.25rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.PageContent__column--aside {
  grid-column-start: 1;
  grid-column-end: 5;
  height: 100%;
  border-bottom: 1px solid #ececec;
}
@media (min-width: 768px) {
  .PageContent__column--aside {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
@media (min-width: 1200px) {
  .PageContent__column--aside {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}

.PageContent__column--main {
  grid-column-start: 1;
  grid-column-end: 5;
}
@media (min-width: 768px) {
  .PageContent__column--main {
    grid-column-start: 5;
    grid-column-end: 13;
  }
}

.PageContent__column--medium {
  grid-column-start: 1;
  grid-column-end: 5;
}
@media (min-width: 768px) {
  .PageContent__column--medium {
    grid-column-start: 2;
    grid-column-end: 12;
  }
}
@media (min-width: 1200px) {
  .PageContent__column--medium {
    grid-column-start: 3;
    grid-column-end: 11;
  }
}

.PageContent__column--narrow {
  grid-column-start: 1;
  grid-column-end: 5;
}
@media (min-width: 768px) {
  .PageContent__column--narrow {
    grid-column-start: 2;
    grid-column-end: 12;
  }
}
@media (min-width: 1200px) {
  .PageContent__column--narrow {
    grid-column-start: 4;
    grid-column-end: 10;
  }
}

/*
|--------------------------------------------------------------------------
| Page Content - Aside (Sidebar)
|--------------------------------------------------------------------------
| @namespace: PageContentAside
|
*/
.PageContentAside {
  position: sticky;
  top: 2rem;
  text-transform: uppercase;
  transition: top 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.header--pinned .PageContentAside {
  top: 8rem;
}

.PageContentAside__list {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 1rem;
  overflow-x: scroll;
  scroll-snap-type: inline;
  scroll-snap-align: center;
}
@media (min-width: 768px) {
  .PageContentAside__list {
    display: block;
    padding-bottom: 0;
    overflow: initial;
  }
}

.PageContentAside__listitem {
  padding: 0 1rem;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .PageContentAside__listitem {
    padding: 0;
  }
}

.PageContentAside__link {
  display: block;
  padding-bottom: 0.25rem;
  font-weight: 400;
  position: relative;
  font-size: 16px;
  line-height: 16px;
}
.PageContentAside__link::after {
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  width: 60%;
  margin-left: -30%;
  border-bottom: 2px solid;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}
@media (hover: hover) {
  .PageContentAside__link:hover {
    cursor: pointer;
  }
  .PageContentAside__link:hover::after {
    transform: scaleX(1);
    transform-origin: center;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}
.PageContentAside__link::after {
  transform-origin: left;
}
.PageContentAside__listitem--active .PageContentAside__link::after {
  transform: scaleX(1);
}

@media (min-width: 768px) {
  .PageContentAside__listitem + .PageContentAside__listitem {
    margin-top: 1.5rem;
  }
}

/*
|--------------------------------------------------------------------------
| Page Content - Main / Body
|--------------------------------------------------------------------------
| @namespace: PageContentMain
|
*/
.PageContentMain__block + .PageContentMain__block {
  margin-top: 5rem;
}

.PageContentMain__header {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .PageContentMain__header {
    margin-bottom: 3rem;
  }
}

.PageContentMain__title {
  font-family: "metropolismedium", sans-serif;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 38px;
}

.PageContentMain__text {
  max-width: 29rem;
  margin-top: 2rem;
  font-size: 15px;
  line-height: 24px;
}

/* ----------------------------------------------------------------------
| Globals
|------------------------------------------------------------------------
| Global elements - such as inputs, buttons, images.
*/
.Image {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.Image__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.Image--contain .Image__image {
  -o-object-fit: contain;
     object-fit: contain;
}

.Image--cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img:not([src]) {
  visibility: hidden;
}

/* fade image in after load */
.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

button {
  font-family: inherit;
}
button:hover {
  cursor: pointer;
}

.Button--primary {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem 1rem 1.5rem;
  overflow: hidden;
  color: #161815;
  font-size: 16px;
  font-family: "metropolissemi_bold", sans-serif;
  line-height: 24px;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #ffffff;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-appearance: none;
  appearance: none;
}
.Button--primary span {
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.Button--primary::after {
  position: relative;
  left: 10px;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.021' height='10.5'%3E%3Cpath fill='%23161815' d='M8.129 10.5 6.908 9.279l4.029-4.029-4.029-4.029L8.129.001l4.638 4.638a.863.863 0 0 1 0 1.221Zm-6.907 0L.001 9.279 4.03 5.25.001 1.221 1.222.001 5.861 4.64a.864.864 0 0 1 0 1.221Z' data-name='Path 12150'/%3E%3C/svg%3E");
}
@media (hover: hover) {
  .Button--primary:hover {
    color: #fff;
    background-color: transparent;
  }
  .Button--primary:hover span {
    position: relative;
    transform: translateX(-7px);
  }
  .Button--primary:hover::after {
    transform: translateX(7px);
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.021' height='10.5'%3E%3Cpath fill='%23ffffff' d='M8.129 10.5 6.908 9.279l4.029-4.029-4.029-4.029L8.129.001l4.638 4.638a.863.863 0 0 1 0 1.221Zm-6.907 0L.001 9.279 4.03 5.25.001 1.221 1.222.001 5.861 4.64a.864.864 0 0 1 0 1.221Z' data-name='Path 12150'/%3E%3C/svg%3E");
  }
}
.Button--primary:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transform: translateX(0);
  transform-origin: right;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  content: "";
}
@media (hover: hover) {
  .Button--primary:hover {
    color: #ffffff;
    cursor: pointer;
  }
  .Button--primary:hover:before {
    transform: translateX(100%);
    transform-origin: left;
    transition-delay: 0.1s;
  }
}

.Button--outline {
  color: #ffffff;
}
.Button--outline::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.021' height='10.5'%3E%3Cpath fill='%23ffffff' d='M8.129 10.5 6.908 9.279l4.029-4.029-4.029-4.029L8.129.001l4.638 4.638a.863.863 0 0 1 0 1.221Zm-6.907 0L.001 9.279 4.03 5.25.001 1.221 1.222.001 5.861 4.64a.864.864 0 0 1 0 1.221Z' data-name='Path 12150'/%3E%3C/svg%3E");
}
@media (hover: hover) {
  .Button--outline:hover {
    background-color: #ffffff;
  }
  .Button--outline:hover::after {
    transform: translateX(7px);
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.021' height='10.5'%3E%3Cpath fill='%230F0D0D' d='M8.129 10.5 6.908 9.279l4.029-4.029-4.029-4.029L8.129.001l4.638 4.638a.863.863 0 0 1 0 1.221Zm-6.907 0L.001 9.279 4.03 5.25.001 1.221 1.222.001 5.861 4.64a.864.864 0 0 1 0 1.221Z' data-name='Path 12150'/%3E%3C/svg%3E");
  }
}
.Button--outline:before {
  background-color: #212121;
}
@media (hover: hover) {
  .Button--outline:hover {
    color: #0F0D0D;
  }
}

.Button--primary-viewMore::after {
  top: -2px;
  transform: rotate(90deg);
}
@media (hover: hover) {
  .Button--primary-viewMore:hover::after {
    top: 0;
    transform: rotate(90deg);
  }
}

.Button--basket-wrapper {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
}

.Button--basket {
  color: #ffffff;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  position: relative;
}
.Button--basket::after {
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  width: 60%;
  margin-left: -30%;
  border-bottom: 2px solid;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}
@media (hover: hover) {
  .Button--basket:hover {
    cursor: pointer;
  }
  .Button--basket:hover::after {
    transform: scaleX(1);
    transform-origin: center;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.Button--checkout {
  width: 100%;
}
.Button--checkout .Svg {
  height: 16px;
  margin-right: 1rem;
}

.Button.loading .spinner {
  position: relative;
  top: -8px;
  display: inline-block;
  width: 40px;
  height: 40px;
}

.spinner div {
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  margin: 3px;
  border: 3px solid #fff;
  border-color: #fff transparent transparent;
  border-radius: 50%;
  animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.spinner div:nth-child(1) {
  animation-delay: -0.45s;
}

.spinner div:nth-child(2) {
  animation-delay: -0.3s;
}

.spinner div:nth-child(3) {
  animation-delay: -0.15s;
}

.spinner--primary div {
  border-color: #0F0D0D transparent transparent;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.Input {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  height: 3.5rem;
  padding: 1rem;
  overflow: hidden;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.1rem;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  background-color: #161815;
  border: 1px solid #161815;
  transition: border-color 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
  appearance: none;
  caret-color: #BFBFBF;
}
.Input:focus {
  border-color: #BFBFBF;
  outline: none;
}
@media (hover: hover) {
  .Input:hover {
    border-color: #BFBFBF;
    cursor: text;
  }
}

.InputLabel {
  display: none;
}

.Input--textarea {
  height: auto;
}

::placeholder {
  color: #BFBFBF;
  font-family: inherit;
}

.Form__columns {
  display: grid;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .Form__columns {
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .Form__columns--tight {
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
  }
}

@media (min-width: 768px) {
  .Form__column--span {
    grid-column: span 2;
  }
}

@media (min-width: 768px) {
  .Form__column--span-submit {
    margin-top: 1rem;
  }
}

.Form__message {
  margin-bottom: 1rem;
}

.Form__message.error {
  color: #971313;
}

/* stylelint-disable selector-no-qualifying-type */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

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

/* stylelint-enable selector-no-qualifying-type */
.os-scrollbar > .os-scrollbar-track {
  background-color: #353535 !important;
}
.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background-color: #4F4F4F !important;
  cursor: pointer;
}
@media (hover: hover) {
  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:hover {
    background-color: #4F4F4F !important;
  }
}

.Scrollbars--y .os-scrollbar-vertical {
  width: 8px !important;
}
.Scrollbars--y .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  left: -1px !important;
  border: 3px solid #F4F4F4 !important;
  cursor: pointer;
}
.Scrollbars--y .os-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 1rem;
  padding: 0 !important;
}
@media (min-width: 768px) {
  .Scrollbars--y .os-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .Scrollbars--y .os-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0 2rem 0 0 !important;
  }
}
.Scrollbars--y .os-content:before {
  content: none;
}

.Cross {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 2px;
  transform: rotate(45deg);
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.Cross:after {
  position: absolute;
  width: 2px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 2px;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}
@media (hover: hover) {
  .Cross:hover {
    background-color: #ffffff;
  }
  .Cross:hover:after {
    background-color: #ffffff;
  }
}

.grecaptcha-badge {
  display: none !important;
}

/* ----------------------------------------------------------------------
| Vendors
|------------------------------------------------------------------------
| CSS required by external modules
*/
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  -webkit-user-select: none;
          user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -webkit-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}
.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}
.glide--rtl {
  direction: rtl;
}

@keyframes lum-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lum-fadeZoom {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes lum-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    transform: translate(-50%, -50%) rotate(-180deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes lum-loader-before {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2) translateX(6px);
  }
  25% {
    transform: scale(1.3) translateX(8px);
  }
  40% {
    transform: scale(1.2) translateX(6px);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.8) translateX(6px);
  }
  75% {
    transform: scale(0.7) translateX(8px);
  }
  90% {
    transform: scale(0.8) translateX(6px);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lum-loader-after {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2) translateX(-6px);
  }
  25% {
    transform: scale(1.3) translateX(-8px);
  }
  40% {
    transform: scale(1.2) translateX(-6px);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.8) translateX(-6px);
  }
  75% {
    transform: scale(0.7) translateX(-8px);
  }
  90% {
    transform: scale(0.8) translateX(-6px);
  }
  100% {
    transform: scale(1);
  }
}
.lum-lightbox {
  background: rgba(0, 0, 0, 0.6);
}

.lum-lightbox-inner {
  top: 2.5%;
  right: 2.5%;
  bottom: 2.5%;
  left: 2.5%;
}

.lum-lightbox-inner img {
  position: relative;
}

.lum-lightbox-inner .lum-lightbox-caption {
  margin: 0 auto;
  color: #fff;
  max-width: 700px;
  text-align: center;
}

.lum-loading .lum-lightbox-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  animation: lum-loader-rotate 1800ms infinite linear;
}

.lum-lightbox-loader:before,
.lum-lightbox-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
}

.lum-lightbox-loader:before {
  left: 0;
  animation: lum-loader-before 1800ms infinite linear;
}

.lum-lightbox-loader:after {
  right: 0;
  animation: lum-loader-after 1800ms infinite linear;
  animation-delay: -900ms;
}

.lum-lightbox.lum-opening {
  animation: lum-fade 180ms ease-out;
}

.lum-lightbox.lum-opening .lum-lightbox-inner {
  animation: lum-fadeZoom 180ms ease-out;
}

.lum-lightbox.lum-closing {
  animation: lum-fade 300ms ease-in;
  animation-direction: reverse;
}

.lum-lightbox.lum-closing .lum-lightbox-inner {
  animation: lum-fadeZoom 300ms ease-in;
  animation-direction: reverse;
}

.lum-img {
  transition: opacity 120ms ease-out;
}

.lum-loading .lum-img {
  opacity: 0;
}

.lum-gallery-button {
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 100px;
  max-height: 100%;
  width: 60px;
  cursor: pointer;
}

.lum-close-button {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}

.lum-close-button:hover {
  opacity: 1;
}

.lum-close-button:before,
.lum-close-button:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #fff;
}

.lum-close-button:before {
  transform: rotate(45deg);
}

.lum-close-button:after {
  transform: rotate(-45deg);
}

.lum-previous-button {
  left: 12px;
}

.lum-next-button {
  right: 12px;
}

.lum-gallery-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  border-top: 4px solid rgba(255, 255, 255, 0.8);
}

.lum-previous-button:after {
  transform: translateY(-50%) rotate(-45deg);
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  box-shadow: -2px 0 rgba(0, 0, 0, 0.2);
  left: 12%;
  border-radius: 3px 0 0 0;
}

.lum-next-button:after {
  transform: translateY(-50%) rotate(45deg);
  border-right: 4px solid rgba(255, 255, 255, 0.8);
  box-shadow: 2px 0 rgba(0, 0, 0, 0.2);
  right: 12%;
  border-radius: 0 3px 0 0;
}

/* This media query makes screens less than 460px wide display in a "fullscreen"-esque mode. Users can then scroll around inside the lightbox to see the entire image. */
@media (max-width: 460px) {
  .lum-lightbox-image-wrapper {
    display: flex;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .lum-lightbox-caption {
    width: 100%;
    position: absolute;
    bottom: 0;
  }

  /* Used to centre the image in the container, respecting overflow: https://stackoverflow.com/a/33455342/515634 */
  .lum-lightbox-position-helper {
    margin: auto;
  }

  .lum-lightbox-inner img {
    max-width: none;
    max-height: none;
  }
}
.lum-lightbox.lum-open {
  z-index: 1000;
}

.lum-lightbox-inner img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.lum-lightbox {
  background: rgba(0, 0, 0, 0.85);
}

.lum-close-button:before, .lum-close-button:after {
  background-color: #1e1e1e;
}

.lum-close-button {
  top: 15px;
  right: 15px;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.lum-close-button::before, .lum-close-button::after {
  background-color: #ffffff;
}

.lum-close-button:hover {
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .lum-close-button:hover:hover {
    opacity: 0.5;
  }
}

.lum-gallery-button {
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .lum-gallery-button:hover {
    opacity: 0.5;
  }
}

/* ----------------------------------------------------------------------
| Components
|------------------------------------------------------------------------
| Individual Components
*/
/*
|--------------------------------------------------------------------------
| Social - List
|--------------------------------------------------------------------------
| @namespace: SocialList
|
*/
.SocialList {
  margin-top: 1rem;
}
.SocialList .Svg {
  width: 32px;
  height: 32px;
}

.SocialList__items {
  display: flex;
  align-items: center;
}

.SocialList__footer {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .SocialList__footer {
    margin-top: 0.8rem;
  }
}

.SocialList__footer .SocialList__items {
  justify-content: center;
}
@media (min-width: 768px) {
  .SocialList__footer .SocialList__items {
    justify-content: left;
  }
}

.SocialList__item + .SocialList__item {
  margin-left: 1rem;
}

.SocialList__link Svg {
  display: block;
  color: #ffffff;
  transition: color 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .SocialList__link Svg:hover {
    color: #4F4F4F;
  }
}

/*
|--------------------------------------------------------------------------
| Drawers - Container
|--------------------------------------------------------------------------
| @namespace: Drawers
|
*/
.Drawers {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 800;
  display: block;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  pointer-events: none;
  will-change: opacity;
}
.Drawers.Drawers--active {
  opacity: 1;
  pointer-events: auto;
}

.Drawers__mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (hover: hover) {
  .Drawers__mask:hover {
    cursor: e-resize;
  }
}

/*
|--------------------------------------------------------------------------
| Drawers - A single drawer
|--------------------------------------------------------------------------
| @namespace: Drawer
|
*/
.Drawer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #212121;
  transform: translateX(-100%);
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.Drawer.Drawer--active {
  transform: translateX(0);
}

.Drawer__cart {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #212121;
  transform: translateX(100%);
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.Drawer__cart.Drawer--active {
  transform: translateX(0);
}
@media (min-width: 768px) {
  .Drawer__cart {
    width: calc(100% - 3.375rem);
    max-width: 32rem;
  }
}

.Drawer__inner {
  height: inherit;
  min-height: inherit;
}

.Drawer__inner--cartContent {
  display: contents;
}
.Drawer__inner--cartContent > div {
  display: contents;
}

.Drawer__header {
  margin-bottom: 1.8rem;
  padding: 23px 23px 0;
  text-align: center;
}

.Drawer__header--brandImage .Svg {
  width: 12rem;
  height: auto;
  fill: #ffffff;
}

.Drawer__title {
  font-size: 24px;
  line-height: 24px;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

.Drawer__close {
  position: absolute;
  top: 21px;
  left: 12px;
  width: 32px;
  height: 32px;
}

.Drawer__close:hover {
  opacity: 0.5;
}

.Drawer__close:before, .Drawer__close:after {
  position: absolute;
  top: 0;
  left: 15px;
  width: 2px;
  height: 26px;
  background-color: #ffffff;
  content: " ";
}

.Drawer__close:before {
  transform: rotate(45deg);
}

.Drawer__close:after {
  transform: rotate(-45deg);
}

.Drawer__closetext {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.Drawer__body {
  flex-grow: 1;
  padding-top: 0.4375rem;
  padding-right: 1rem;
  padding-bottom: 0.4375rem;
  padding-left: 1rem;
}
@media (min-width: 900px) {
  .Drawer__body {
    padding: 1rem 2.625rem 1.375rem;
  }
}
.Drawer__body .woocommerce-mini-cart__empty-message {
  text-align: center;
}

.Drawer__footer {
  padding-top: 0.4375rem;
  padding-right: 1rem;
  padding-bottom: 0.4375rem;
  padding-left: 1rem;
}
@media (min-width: 900px) {
  .Drawer__footer {
    padding: 1rem 2.625rem 1.375rem;
  }
}
.Drawer__cart .Drawer__footer {
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding-top: 0.875rem;
  padding-bottom: 1.1875rem;
  background-color: #212121;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .Drawer__cart .Drawer__footer {
    position: initial;
    box-shadow: none;
  }
}

/*
|--------------------------------------------------------------------------
| Generic Mobile Accordion
|--------------------------------------------------------------------------
| @namespace: SmallAccordion
|
*/
@media (min-width: xs-only) {
  .SmallAccordion {
    border-top: 1px solid #4F4F4F;
  }

  .SmallAccordion__item {
    border-bottom: 1px solid #4F4F4F;
  }

  .SmallAccordionPanel__header {
    position: relative;
    padding: 1rem 0;
  }
  .SmallAccordionPanel__header::after {
    position: absolute;
    top: 1rem;
    right: 0;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml;utf8,<svg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' d='M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
    content: "";
  }
  .SmallAccordion__item--active .SmallAccordionPanel__header::after {
    transform: rotate(180deg);
  }

  .SmallAccordionPanel__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
  }

  .SmallAccordionPanel__body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .SmallAccordion__item--active .SmallAccordionPanel__body {
    max-height: 100vh;
  }

  .SmallAccordionPanel__content {
    display: block;
    padding-bottom: 1rem;
  }
}
/*
|--------------------------------------------------------------------------
| Product - Card
|--------------------------------------------------------------------------
| @namespace: ProductCard
|
*/
.ProductCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 2.2rem 1rem;
  text-align: center;
  background-color: #212121;
}
@media (min-width: 768px) {
  .ProductCard {
    padding: 2.2rem 1rem 1.2rem;
  }
}

.ProductCard__link--outer {
  position: relative;
  display: none;
  width: 100%;
  height: 20px;
  margin-top: 0.7rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .ProductCard__link--outer {
    display: block;
  }
}

.ProductCard__link--inner {
  position: absolute;
  width: 100%;
  text-align: center;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ProductCard__link {
  position: relative;
  color: #ffffff;
  font-family: "metropolissemi_bold", sans-serif;
  letter-spacing: 0.2rem;
}
.ProductCard__link::before {
  position: relative;
  top: 0;
  right: 12px;
  width: 13px;
  height: 10px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.021' height='10.5'%3E%3Cpath fill='%23fff' d='M8.129 10.5 6.908 9.279l4.029-4.029-4.029-4.029L8.129.001l4.638 4.638a.863.863 0 0 1 0 1.221Zm-6.907 0L.001 9.279 4.03 5.25.001 1.221 1.222.001 5.861 4.64a.864.864 0 0 1 0 1.221Z' data-name='Path 12150'/%3E%3C/svg%3E");
}

.ProductCard:hover .ProductCard__link--inner {
  transform: translateY(0);
  opacity: 1;
}

.ProductCard__title {
  margin-top: 1rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  font-size: 18px;
  line-height: 28px;
}

.ProductCard__strap {
  margin-top: 0.2rem;
}
.ProductCard__strap span {
  font-family: "metropolisbold", sans-serif;
}

.ProductCard__images--container {
  position: relative;
  width: 234px;
  height: 234px;
}

.ProductCard__model {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ProductCard__model.active {
  display: block;
}

.ProductCard__model--images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ProductCard__model--first-image {
  opacity: 1;
}

.ProductCard__model:hover .ProductCard__model--images.ProductCard__model--first-image {
  opacity: 0;
}

.ProductCard__model:hover .ProductCard__model--images.ProductCard__model--second-image {
  opacity: 1;
}

.ProductCard__model--image {
  pointer-events: none;
}

.ProductCard__swatch--container {
  height: 25px;
  margin-top: 1rem;
}

.ProductCard__swatch--list {
  display: flex;
}

.ProductCard__swatch--item + .ProductCard__swatch--item {
  margin-left: 0.8rem;
}

.ProductCard__swatch {
  display: none;
}

.ProductCard__swatch:checked + label::before {
  outline: solid 2px #fff;
  outline-offset: 3px;
}

.ProductCard__swatch--label {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .ProductCard__swatch--label:hover {
    opacity: 0.5;
  }
}

.ProductCard__swatch--label::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: var(--swatch-bg-color);
  border-radius: 50%;
  transform: translateY(-50%);
  content: "";
}

/*
|--------------------------------------------------------------------------
| Product - List
|--------------------------------------------------------------------------
| @namespace: ProductList
|
*/
.ProductList {
  display: grid;
  grid-row-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .ProductList {
    grid-row-gap: 1.25rem;
    grid-column-gap: 1.25rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.ProductList__item {
  grid-column: span 4;
}
@media (min-width: 768px) {
  .ProductList__item {
    grid-column: span 6;
  }
}
@media (min-width: 900px) {
  .ProductList__item {
    grid-column: span 4;
  }
}
@media (min-width: 1200px) {
  .ProductList__item {
    grid-column: span 3;
  }
}

.ProductList__outer {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .ProductList__outer {
    margin-top: 2rem;
  }
}

.ProductList__noproducts {
  margin: 20rem 0;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 24px;
}

/* stylelint-disable selector-no-qualifying-type */
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
  display: none;
}

/* stylelint-enable selector-no-qualifying-type */
.ProductPage__pagination {
  padding-top: 2rem;
}

/* stylelint-disable selector-no-qualifying-type */
@media (min-width: 768px) {
  .wpc-filters-widget-wrapper {
    display: flex;
    align-items: center;
  }
}

.wpc-filters-section {
  margin-bottom: 0 !important;
}

.wpc-posts-found {
  display: none;
}

.wpc-filter-title {
  margin-bottom: 0 !important;
}

.wpc-filter-selected-values {
  display: none;
}

.wpc-edit-filter-set {
  display: none;
}

.widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a {
  opacity: 0.6 !important;
}

.ProductFilters__make--model input[type=radio]:checked,
.ProductFilters__make--model input[type=checkbox]:checked,
.wpc-filters-main-wrap input[type=radio]:checked,
.wpc-filters-main-wrap input[type=checkbox]:checked {
  border-color: #0a7ba6 !important;
}

.ProductFilters__make--model input[type=radio]:after,
.wpc-filters-main-wrap input[type=radio]:after {
  background: #0a7ba6 !important;
}

.widget-area .widget ul.wpc-filter-chips-list,
body ul.wpc-filter-chips-list {
  display: flex;
}

.widget-area .widget .wpc-filter-chips-list a,
.wpc-filter-chips-list a,
body .wpc-filter-chips-list li.wpc-filter-chip a {
  color: #212121 !important;
  background-color: #F4F4F4 !important;
  border: none !important;
}

body .wpc-filter-chips-list li.wpc-chip-reset-all a {
  background-color: #cc8181 !important;
}

.wpc-filter-chips-list li,
body .wpc-filter-chips-list li.wpc-filter-chip,
li.wpc-filter-chip {
  margin: 0 15px 7px 0 !important;
}

@media (hover: hover) {
  .wpc-filters-main-wrap li.wpc-term-item a:hover {
    color: #ffffff;
  }
}

.ProductFilters__make--model li.wpc-term-item input[type=radio],
.ProductFilters__make--model li.wpc-term-item input[type=checkbox],
.wpc-filters-main-wrap li.wpc-term-item input[type=radio],
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox] {
  margin-right: 7px !important;
}

.ProductFilters__make--model input[type=radio],
.ProductFilters__make--model input[type=checkbox],
.wpc-filters-main-wrap input[type=radio],
.wpc-filters-main-wrap input[type=checkbox] {
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
  background: transparent !important;
}

.ProductFilters__make--model input[type=radio]:after,
.wpc-filters-main-wrap input[type=radio]:after {
  top: 2px !important;
  left: 2px !important;
  width: 6px !important;
  height: 6px !important;
}

.ProductFilters__make--model li.wpc-term-item input[type=checkbox],
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox] {
  border-radius: 50%;
  -webkit-appearance: none;
  appearance: none;
}

.ProductFilters__make--model li.wpc-term-item input[type=checkbox]:checked:after,
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox]:checked:after {
  opacity: 0 !important;
}

.ProductFilters__make--model li.wpc-term-item input[type=checkbox]:before,
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox]:before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-radius: 50%;
  content: "";
}

.ProductFilters__make--model li.wpc-term-item input[type=checkbox]:checked:before,
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox]:checked:before {
  background: #0a7ba6;
}

.widgettitle {
  display: none;
}

/* stylelint-enable selector-no-qualifying-type */
.ProductFilters__outer {
  display: flex;
  align-items: center;
  height: 60px;
  margin-top: 2rem;
  margin-right: 1rem;
  margin-left: 1rem;
  padding: 0;
  background-color: #212121;
}
@media (min-width: 768px) {
  .ProductFilters__outer {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    background-color: #212121;
    border-bottom: solid 1px #4F4F4F;
  }
}

.ProductFilters__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ProductFilters__drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 800;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1rem;
  overflow: scroll;
  background-color: #212121;
  transform: translateX(-100%);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: transform;
}
@media (min-width: 768px) {
  .ProductFilters__drawer {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    z-index: unset;
    display: unset;
    padding: unset;
    overflow: unset;
    background-color: unset;
    transform: unset;
    opacity: unset;
    transition: unset;
    will-change: unset;
  }
}

.ProductFilters__drawer--header {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .ProductFilters__drawer--header {
    display: none;
  }
}

.ProductFilters__posts {
  display: flex;
  align-items: flex-start;
  height: 100%;
  max-height: 80vh;
  overflow-y: auto;
}
@media (min-width: 768px) {
  .ProductFilters__posts {
    align-items: center;
    height: unset;
    max-height: unset;
    overflow-y: unset;
  }
}

.ProductFilters__drawer--footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .ProductFilters__drawer--footer {
    display: none;
  }
}
.ProductFilters__drawer--footer a.wpc-chip-reset-all {
  background-color: #cc8181 !important;
}
.ProductFilters__drawer--footer .ApplyFilter {
  position: relative;
  display: inline-block;
  padding: 1px 10px 2px;
  color: #212121;
  font-weight: 400;
  text-decoration: none;
  background-color: #F4F4F4;
  border: none;
  border-radius: 50px;
  outline: none;
}

.ProductFilters__drawer.active {
  transform: translateX(0);
  opacity: 1;
}

.ProductFilters__container {
  position: relative;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .ProductFilters__container {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .ProductFilters__item {
    display: flex;
    align-items: center;
  }
}

.ProductFilters__button {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 3rem;
  color: #ffffff;
  line-height: 1;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  cursor: pointer;
}
.ProductFilters__button::after {
  position: relative;
  top: -2px;
  left: 6px;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.5' height='6.114'%3E%3Cpath fill='%23fff' d='M0 1.221 1.221 0 5.25 4.029 9.279 0l1.22 1.221L5.86 5.86a.864.864 0 0 1-1.221 0Z'/%3E%3C/svg%3E");
}

.ProductFilters__button.active::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.5' height='6.114'%3E%3Cpath fill='%23fff' d='M10.5 4.893 9.279 6.114 5.25 2.085 1.221 6.114.001 4.893 4.64.254a.864.864 0 0 1 1.221 0Z'/%3E%3C/svg%3E");
}

.ProductFilters {
  display: none;
}
@media (min-width: 768px) {
  .ProductFilters {
    position: absolute;
    top: 37px;
    left: 0;
    z-index: 10;
    min-width: max-content;
    padding: 2rem 2rem 1.5rem;
    background-color: #212121;
    border: solid 1px #4F4F4F;
  }
}

.ProductFilters.active {
  display: block;
}

.ProductFilters__list {
  padding-top: 1rem !important;
  padding-right: 1rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1rem !important;
}
@media (min-width: 768px) {
  .ProductFilters__list {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
}

.ProductFilters__drawer--button {
  display: flex;
  align-items: center;
  margin: 0 auto;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  column-gap: 0.7rem;
}
@media (min-width: 768px) {
  .ProductFilters__drawer--button {
    display: none;
  }
}

.ProductFilters__sort {
  display: none;
}
@media (min-width: 768px) {
  .ProductFilters__sort {
    display: block;
  }
}

.ProductFilters__chips {
  margin-bottom: 1rem;
}
.ProductFilters__chips ul {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.ProductFilters__chips ul li {
  scroll-snap-align: start;
}

.ProductFilters__select {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 0.7rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.5' height='6.114'%3E%3Cpath fill='%23fff' d='M0 1.221 1.221 0 5.25 4.029 9.279 0l1.22 1.221L5.86 5.86a.864.864 0 0 1-1.221 0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top calc(50%) right 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
}

.ProductFilters__posts--label {
  display: none;
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .ProductFilters__posts--label {
    display: block;
  }
}

.ProductFilters__posts--make {
  position: relative;
}

.ProductFilters__button--model {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .ProductFilters__button--model {
    margin-top: 0;
  }
}

.ProductFilters__button.ProductFilters__button--model.active ~ .ProductFilters {
  display: block;
}

.ProductFilters__make--model-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .ProductFilters__make--model-wrapper {
    flex-direction: row;
    gap: 0;
  }
}

.ProductFilters__ModelsContainer {
  position: relative;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .ProductFilters__ModelsContainer {
    margin-bottom: 0;
  }
}

.ProductFilters__make--model {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .ProductFilters__make--model {
    flex-direction: row;
    gap: 0;
  }
}

.ProductFilters__make--model-input {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-top: 0;
  margin-right: 7px;
  margin-bottom: 0;
  margin-left: 1px;
  background: transparent;
  border: 2px solid #ccd0dc;
  border-color: #d8d8d8;
  border-radius: 50%;
  outline: 0;
  -webkit-appearance: none;
          appearance: none;
}

.ProductFilters__make--model-input:after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  box-sizing: content-box;
  width: 8px;
  height: 8px;
  background: #0a7ba6;
  border-radius: 50%;
  opacity: 0;
  content: "";
}

.ProductFilters__make--model-input:checked:after {
  opacity: 1;
}

.ProductFilters__make--model-link:hover,
.ProductFilters__make--model-label:hover {
  cursor: pointer;
  opacity: 0.8;
}

.ProductFilters__model {
  position: relative;
}

/*
|--------------------------------------------------------------------------
| Product - Structure
|--------------------------------------------------------------------------
| @namespace: ProductSingle
|
*/
.ProductSingle__page {
  padding-top: 3rem;
}
@media (min-width: 900px) {
  .ProductSingle__page {
    padding-top: 7rem;
  }
}

.ProductSingle__columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
}
@media (min-width: 900px) {
  .ProductSingle__columns {
    grid-column-gap: 3rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.ProductSingle__column {
  grid-column-start: 1;
  grid-column-end: 5;
}
@media (min-width: 900px) {
  .ProductSingle__column {
    grid-column-end: -1;
  }
}

@media (min-width: 900px) {
  .ProductSingle__column--primary {
    grid-column-start: 1;
    grid-column-end: 7;
  }
}

@media (min-width: 900px) {
  .ProductSingle__column--primary-canvas {
    grid-column-start: 1;
    grid-column-end: 8;
  }
}

@media (min-width: 900px) {
  .ProductSingle__column--secondary {
    grid-column-start: 8;
    grid-column-end: -1;
  }
}

.ProductSingle__imagelink {
  display: block;
  width: 100%;
}

/*
|--------------------------------------------------------------------------
| Product - Content
|--------------------------------------------------------------------------
| @namespace: ProductContent
|
*/
.ProductContent {
  position: sticky;
  top: 2rem;
  width: 100%;
  padding: 3rem 1rem;
  background-color: #212121;
}
@media (min-width: 900px) {
  .ProductContent {
    padding: 3rem 2.5rem;
  }
}

.ProductContent__header {
  text-align: center;
}

.ProductContent__breadcrumbs {
  margin-bottom: 0.2rem;
}
.ProductContent__breadcrumbs a {
  transition: color 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .ProductContent__breadcrumbs a:hover {
    color: #ffffff;
  }
}
.ProductContent__breadcrumbs p {
  font-size: 14px;
  line-height: 24px;
}
.ProductContent__breadcrumbs p span {
  color: #ffffff;
}

.ProductContent__title {
  margin-bottom: 0.5rem;
  color: #ffffff;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 38px;
}

.ProductSingle__description {
  margin-bottom: 0.5rem;
}
.ProductSingle__description p {
  margin-bottom: 1rem;
  color: #ffffff;
}
.ProductSingle__description > *:last-child {
  margin-bottom: 0;
}

.ProductSingle__availability {
  font-size: 14px;
  line-height: 24px;
}

.ProductSingle__availability--options {
  font-family: "metropolisbold", sans-serif;
  letter-spacing: 0.2rem;
}

.ProductContent__price {
  margin-top: 1rem;
}

.ProductContent__price--inner {
  color: #ffffff;
  text-transform: uppercase;
}
.ProductContent__price--inner span {
  font-size: 24px;
  line-height: 28px;
  font-family: "metropolissemi_bold", sans-serif;
  letter-spacing: 0.2rem;
}

.ProductSingle__find--stockist {
  margin-top: 2rem;
}

.ProductContent__body {
  text-align: center;
}

.ProductContent__desc {
  margin-top: 3rem;
}
@media (min-width: 900px) {
  .ProductContent__desc {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
}

.ProductContent__desc--inner {
  max-width: 1048px;
  margin: 0 auto;
  text-align: center;
}
.ProductContent__desc--inner p {
  margin-bottom: 1rem;
}
.ProductContent__desc--inner > *:last-child {
  margin-bottom: 0;
}
.ProductContent__desc--inner h2 {
  margin-bottom: 1rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 900px) {
  .ProductContent__desc--inner h2 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

.woocommerce-message {
  margin-bottom: 2rem;
  padding: 0.8rem 1.2rem;
  color: #ffffff;
  letter-spacing: 0.1rem;
  text-align: center;
  background-color: rgba(0, 255, 132, 0.06);
}
.woocommerce-message .button {
  margin-right: 1rem;
  padding: 0.2rem 0.6rem;
  color: #212121;
  font-family: "metropolissemi_bold", sans-serif;
  text-transform: uppercase;
  background-color: #ffffff;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .woocommerce-message .button:hover {
    color: #ffffff;
    background-color: #212121;
  }
}

.ProductContent__cart {
  margin-top: 2rem;
}

.ProductContent__cart--variations {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.ProductContent__cart--variations .value a {
  margin-left: 1rem;
}

.ProductContent__cart--select {
  padding: 0.2rem;
  color: #ffffff;
  background-color: transparent;
}

.ProductContent__cart--button {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.ProductContent__cart--button .cart {
  display: flex;
  gap: 0.5rem;
}

.ProductAddToCartWrapper {
  display: flex;
  /* stylelint-disable */
  /* stylelint-enable */
}
.ProductOutOfStock .ProductAddToCartWrapper {
  display: none;
}
.ProductAddToCartWrapper .added_to_cart.wc-forward {
  display: none;
}

/*
|--------------------------------------------------------------------------
| Product Gallery - List
|--------------------------------------------------------------------------
| @namespace: ProductGallery
|
*/
.ProductGallery {
  position: relative;
  /* stylelint-disable-next-line property-no-unknown */
  aspect-ratio: 1;
  margin-bottom: 4rem;
}
@supports not (aspect-ratio: auto) {
  .ProductGallery {
    padding-top: 100%;
  }
}
@media (min-width: 900px) {
  .ProductGallery {
    margin-bottom: 0;
    margin-left: 1rem;
  }
}

.ProductGallery__model {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ProductGallery__model.active {
  visibility: visible;
  opacity: 1;
}

.ProductGallery__model--images {
  /* stylelint-disable-next-line property-no-unknown */
  aspect-ratio: 1;
  position: relative;
}
@supports not (aspect-ratio: auto) {
  .ProductGallery__model--images {
    padding-top: 100%;
  }
}

.ProductGallery__model--image {
  pointer-events: none;
}

.ProductGallery__bullets {
  position: absolute;
  bottom: -40px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.ProductGallery__nav {
  position: absolute;
  top: calc(50% - 30px);
  left: 0;
  z-index: 9;
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  pointer-events: none;
}
@media (min-width: 900px) {
  .ProductGallery__nav {
    display: flex;
  }
}

.ProductGallery__button--primary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: transparent;
  pointer-events: all;
}
.ProductGallery__button--primary:hover .Svg {
  fill: #000000;
}

.ProductGallery__button--primary-left,
.ProductGallery__button--primary-right {
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.ProductGallery__button--primary-left .Svg path,
.ProductGallery__button--primary-right .Svg path {
  transition: stroke 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  stroke: #ffffff;
}
@media (hover: hover) {
  .ProductGallery__button--primary-left:hover .Svg path,
.ProductGallery__button--primary-right:hover .Svg path {
    stroke: #4F4F4F;
  }
}

.ProductGallery__button--primary-left {
  left: -12px;
}
@media (min-width: 900px) {
  .ProductGallery__button--primary-left {
    transform: translateX(-50px);
  }
}
@media (hover: hover) {
  .ProductGallery__button--primary-left:hover {
    transform: translateX(-55px);
  }
}

.ProductGallery__button--primary-right {
  right: -12px;
}
@media (min-width: 900px) {
  .ProductGallery__button--primary-right {
    transform: translateX(50px);
  }
}
@media (hover: hover) {
  .ProductGallery__button--primary-right:hover {
    transform: translateX(55px);
  }
}

.ProductGallery__thumbs--title {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0.7rem;
}

.ProductGallery__thumbs--title-colour {
  font-size: 14px;
  line-height: 24px;
  display: none;
  color: #ffffff;
  letter-spacing: 0.1rem;
}

.ProductGallery__thumbs--title-colour.active {
  display: inline-block;
}

.ProductGallery__thumbs--header {
  margin-top: 1.2rem;
}

.ProductGallery__thumbs {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 0.8rem;
  justify-content: center;
  margin-top: 0.5rem;
}
@media (min-width: 450px) {
  .ProductGallery__thumbs {
    grid-template-columns: repeat(4, auto);
  }
}
@media (min-width: 900px) {
  .ProductGallery__thumbs {
    grid-template-columns: repeat(4, auto);
  }
}

.ProductGallery__thumb {
  width: min-content;
  height: min-content;
  padding: 0.5rem;
  border: solid 1px #4F4F4F;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .ProductGallery__thumb:hover {
    border-color: #ffffff;
  }
}

.ProductGallery__thumb.active {
  border-color: #ffffff;
}

.ProductGallery__thumbs--img {
  position: relative;
  width: 60px;
  height: 60px;
}

.AvailableIn__header {
  margin-bottom: 1rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .AvailableIn__header {
    margin-bottom: 1.5rem;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

.AvailableIn__list {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, auto);
  gap: 1.5rem;
  max-width: 70rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .AvailableIn__list {
    grid-template-columns: repeat(3, auto);
  }
}
@media (min-width: 900px) {
  .AvailableIn__list {
    grid-template-columns: repeat(4, auto);
  }
}

.AvailableIn__list--item {
  padding: 1rem;
  background-color: #212121;
}
@media (min-width: 768px) {
  .AvailableIn__list--item {
    padding: 2rem 1rem 1rem;
  }
}

.AvailableIn__image {
  position: relative;
  min-height: 100px;
  text-align: center;
}
@media (min-width: 450px) {
  .AvailableIn__image {
    min-height: 140px;
  }
}
@media (min-width: 768px) {
  .AvailableIn__image {
    min-height: 210px;
  }
}

.AvailableIn__text {
  margin-top: 2rem;
}
.AvailableIn__text p {
  color: #ffffff;
  text-align: center;
}

.Specifications__header {
  margin-bottom: 1rem;
  color: #ffffff;
  text-align: center;
}
.Specifications__header h2 {
  margin-bottom: 0.5rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .Specifications__header h2 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}
@media (min-width: 768px) {
  .Specifications__header {
    margin-bottom: 1.5rem;
  }
}

.Specifications__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .Specifications__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 900px) {
  .Specifications__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

.Specifications__grid--button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem 2rem;
  overflow: hidden;
  color: #ffffff;
  line-height: 1;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  background-color: #212121;
  border: none;
  -webkit-appearance: none;
          appearance: none;
  font-size: 20px;
  line-height: 20px;
}
.Specifications__grid--button::after {
  position: relative;
  top: 0;
  right: 0;
  width: 9px;
  height: auto;
  transform: rotate(90deg);
  transform-origin: 50% 50%;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 8 13.7' viewBox='0 0 8 13.7'%3E%3Cpath d='M1.6 13.7 0 12.1l5.3-5.3L0 1.6 1.6 0l6.1 6.1c.4.4.4 1.2 0 1.6l-6.1 6z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.Specifications__grid--button.active {
  background-color: #393939;
}
@media (min-width: 768px) {
  .Specifications__grid--button.active {
    background-color: #212121;
  }
}
.Specifications__grid--button.active::after {
  transform: rotate(-90deg);
}

.Specifications__grid--data {
  display: none;
  padding-top: 0.8rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  background-color: #212121;
}

.Specifications__grid--data.active {
  display: block;
}

.Specifications__grid--data-set {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: solid 2px #4F4F4F;
}
.Specifications__grid--data-set:last-of-type {
  border-bottom: none;
}
.Specifications__grid--data-set:first-of-type {
  padding-top: 0;
}

.Specifications__grid--data-set-item {
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.Specifications__grid--data-set-label {
  font-size: 14px;
  line-height: 24px;
}

.Specifications__grid--data-set-spec {
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  letter-spacing: 0.2rem;
}

.Specifications__grid--data-set-group {
  margin-bottom: 0.5rem;
}

.ProductQuantityPriceWrap {
  display: flex;
}

.ProductQuantityPicker {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  height: 100%;
  border: 1px solid #4F4F4F;
}
.ProductOutOfStock .ProductQuantityPicker {
  display: none;
}

.ProductQuantityPicker__input {
  width: 2.17rem;
  height: 3rem;
  color: #F4F4F4;
  text-align: center;
  background-color: #212121;
  -webkit-appearance: none;
  appearance: none;
}

.ProductQuantityPicker__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.0625rem;
  height: 3rem;
  color: #ffffff;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: transition;
}
.ProductQuantityPicker__button::after {
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 5px);
  width: 10px;
  height: 2px;
  background-color: #F4F4F4;
  content: "";
}
@media (hover: hover) {
  .ProductQuantityPicker__button:hover {
    cursor: pointer;
  }
  .ProductQuantityPicker__button:hover::after {
    background-color: #4F4F4F;
  }
}

.ProductQuantityPicker__button--increase::before {
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 5px);
  width: 10px;
  height: 2px;
  background-color: #ffffff;
  transform: rotate(90deg);
  content: "";
}
@media (hover: hover) {
  .ProductQuantityPicker__button--increase:hover::before {
    background-color: #4F4F4F;
  }
}

/*
|--------------------------------------------------------------------------
| Product - Price
|--------------------------------------------------------------------------
| @namespace: ProductPrice
|
*/
.ProductPrice {
  color: #ffffff;
  letter-spacing: 0.1rem;
  font-size: 14px;
  line-height: 14px;
}
.ProductPrice ins {
  color: #d01345;
  text-decoration: none;
}
.ProductPrice .rrp {
  color: #BFBFBF;
  text-decoration: none;
}
.ProductContent .ProductPrice {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 0.625rem;
}
.ProductContent .ProductPrice .rrp {
  font-size: 16px;
  line-height: 28px;
}
.ProductColorVariations--drawer .ProductPrice {
  font-size: 13px;
  line-height: 28px;
}
.ProductColorVariations--drawer .ProductPrice .rrp {
  display: none;
}
.CartProduct .ProductPrice {
  font-size: 20px;
  line-height: 28px;
}
.CheckoutProduct .ProductPrice {
  color: inherit;
  text-align: right;
}
.MiniCartCrossSellsCard .ProductPrice {
  font-size: 12px;
  line-height: 20px;
}

/*
|--------------------------------------------------------------------------
| Product - SKU
|--------------------------------------------------------------------------
| @namespace: ProductSku
|
*/
.ProductSku {
  display: inline-block;
  color: #BFBFBF;
  font-size: 12px;
  line-height: 20px;
}
.CartProduct .ProductSku {
  display: block;
}

/*
|--------------------------------------------------------------------------
| Product - Trust List
|--------------------------------------------------------------------------
| @namespace: ProductTrustBox
|
*/
.ProductTrustBox {
  width: 100%;
  margin-top: 24px;
  padding: 30px;
  background-color: #212121;
}
.Cart .ProductTrustBox {
  margin-top: 0;
}
@media (min-width: 900px) {
  .ProductTrustBox {
    padding: 2.0625rem 2.125rem;
  }
}

.ProductTrustBox__item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.ProductTrustBox__item:last-child {
  margin-bottom: 0;
}

.ProductTrustBox__item--has-text {
  align-items: flex-start;
}

.ProductTrustBox__icon {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}
.Cart .ProductTrustBox__icon {
  width: 60px;
}
.ProductTrustBox__icon .Svg path {
  stroke: #ffffff;
}
.ProductTrustBox__item--has-text .ProductTrustBox__icon {
  position: relative;
  top: 3px;
}

.ProductTrustBox__title {
  font-size: 16px;
  line-height: 16px;
}
.Cart .ProductTrustBox__title {
  font-size: 18px;
  line-height: 18px;
}

.ProductTrustBox__text {
  margin-top: 6px;
  color: #F4F4F4;
  font-size: 14px;
  line-height: 18px;
}

.WheelSlide {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-align: left;
}
.Carousel .WheelSlide {
  height: auto;
}

.WheelSlide__canvas {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.WheelSlide__wheel {
  overflow: hidden;
}

.WheelSlide__fade-upper::before {
  position: absolute;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 4%;
  background: linear-gradient(0deg, rgba(22, 24, 21, 0) 0%, #161815 100%);
  content: "";
  pointer-events: none;
}

.WheelSlide__fade-lower::after {
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 4%;
  background: linear-gradient(180deg, rgba(22, 24, 21, 0) 0%, #161815 100%);
  content: "";
  pointer-events: none;
}

.WheelSlide__360icon {
  position: absolute;
  top: calc(50% - 0.75rem);
  right: 1rem;
  z-index: 2;
  width: 3rem;
  height: auto;
  opacity: 1;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  pointer-events: none;
}
@media (--md) {
  .WheelSlide__360icon {
    top: 25%;
    right: calc(100% - 4rem);
  }
}
@media (--xlg) {
  .WheelSlide__360icon {
    top: calc(50% - 0.75rem);
    right: 2rem;
  }
}
.WheelSlide__360icon .Svg {
  color: #ffffff;
}

.WheelSlide__360icon--hidden {
  opacity: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.WheelSlide__thumbs--title {
  margin-top: 1rem;
}

/*
|--------------------------------------------------------------------------
| TrustList
|--------------------------------------------------------------------------
| @namespace: TrustList
|
*/
.TrustList__items {
  display: grid;
  row-gap: 2.5rem;
  column-gap: 0;
}
@media (min-width: 768px) {
  .TrustList__items {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    row-gap: 0;
    column-gap: 1rem;
  }
}

.TrustList__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.TrustList__item--image {
  width: 56px;
  height: 56px;
  margin-bottom: 1rem;
}

.TrustList__item--text {
  color: #ffffff;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

/*
|--------------------------------------------------------------------------
| Payment Logos - List
|--------------------------------------------------------------------------
| @namespace: PaymentLogosList
|
*/
.PaymentLogos {
  display: inline-flex;
  gap: 9px;
  align-items: center;
}
.CheckoutForm__body .PaymentLogos, .Footer--checkout .PaymentLogos, .CartSummary .PaymentLogos {
  justify-content: center;
  width: 100%;
  margin-top: 24px;
}
.Checkout__secondary .PaymentLogos {
  display: none;
}
@media (min-width: 900px) {
  .Checkout__secondary .PaymentLogos {
    display: flex;
  }
}
@media (min-width: 900px) {
  .Footer--checkout .PaymentLogos {
    justify-content: flex-end;
    margin-top: 0;
  }
}
.CartSummary--fixed .PaymentLogos {
  display: none;
}

.PaymentLogos__logo {
  width: 62px;
  height: 42px;
  background-repeat: no-repeat;
  background-size: contain;
}
.CheckoutForm__body .PaymentLogos__logo, .Footer--checkout .PaymentLogos__logo, .CartSummary .PaymentLogos__logo {
  width: 42px;
  height: 29px;
}

.PaymentLogos__logo--klarna {
  background-image: url("../images/payment/klarna.svg");
}

.PaymentLogos__logo--paypal {
  background-image: url("../images/payment/paypal.svg");
}

.PaymentLogos__logo--visa {
  background-image: url("../images/payment/visa.svg");
}

.PaymentLogos__logo--mastercard {
  background-image: url("../images/payment/mastercard.svg");
}

.PaymentLogos__logo--mastro {
  background-image: url("../images/payment/mastro.svg");
}

.PaymentLogos__logo--amex {
  background-image: url("../images/payment/amex.svg");
}

/*
|--------------------------------------------------------------------------
| Hero
|--------------------------------------------------------------------------
| @namespace: Hero
|
*/
.Hero {
  position: relative;
  visibility: hidden;
}

.Hero__hidddenText {
  display: none;
  width: 0;
  height: 0;
}

.Hero__breadcrumbs {
  margin-bottom: 0.2rem;
}
.Hero__breadcrumbs span {
  color: #ffffff;
}
.Hero__breadcrumbs a {
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .Hero__breadcrumbs a:hover {
    color: #ffffff;
  }
}

.Hero__cell {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.Hero__cell--dark::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.Hero__image {
  pointer-events: none;
}

.Hero__image--desktop {
  display: none;
}
@media (min-width: 900px) {
  .Hero__image--desktop {
    display: block;
  }
}

@media (min-width: 900px) {
  .Hero__image--mobile {
    display: none;
  }
}

.Hero__title {
  margin-bottom: 0.5rem;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 38px;
}
@media (min-width: 768px) {
  .Hero__title {
    font-size: 48px;
    line-height: 56px;
  }
}

.Hero__button {
  position: absolute;
  bottom: 90px;
  z-index: 2;
  display: flex;
  justify-content: center;
  width: 100%;
}

.Hero__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.Hero__video-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Hero__video-play {
  position: absolute;
  right: 100px;
  bottom: 100px;
}

.Hero__youtube {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(3);
}
@media (min-width: 768px) {
  .Hero__youtube {
    transform: scale(2.3);
  }
}
@media (min-width: 900px) {
  .Hero__youtube {
    transform: scale(1.6);
  }
}
@media (min-width: 1200px) {
  .Hero__youtube {
    transform: scale(1.4);
  }
}

.Hero__video--content {
  height: 391px;
}
@media (min-width: 768px) {
  .Hero__video--content {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.Hero__content--outer {
  display: flex;
  justify-content: flex-start;
  padding-top: 19rem;
}
@media (min-width: 768px) {
  .Hero__content--outer {
    padding-top: 6rem;
  }
}

.Hero__content--outer-right {
  justify-content: flex-end;
}

.Hero__content {
  position: relative;
  z-index: 10;
  max-width: 100%;
  padding: 1.5rem;
  text-align: center;
  background-color: #212121;
}
@media (min-width: 768px) {
  .Hero__content {
    max-width: 488px;
    padding: 4rem 3rem;
  }
}

.Hero__content--shade {
  background-color: rgba(0, 0, 0, 0.5);
}

.Hero__cell--content {
  height: 100%;
}
@media (min-width: 768px) {
  .Hero__cell--content {
    height: 70vh;
  }
}
@media (min-width: 900px) {
  .Hero__cell--content {
    height: 100vh;
  }
}

.Image--cover-content {
  height: 391px;
}
@media (min-width: 768px) {
  .Image--cover-content {
    height: 100%;
  }
}

.Hero__cell--dark-content::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 391px;
  background-color: rgba(0, 0, 0, 0.4);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}
@media (min-width: 768px) {
  .Hero__cell--dark-content::before {
    height: 100%;
  }
}

/*
|--------------------------------------------------------------------------
| Generic Carousel (Flexible Content Type)
|--------------------------------------------------------------------------
| @namespace: Carousel
|
*/
.glide__track--overflow {
  overflow: visible;
}

.glide__slide {
  white-space: initial;
}

.Carousel__nav {
  position: absolute;
  top: calc(50% - 30px);
  left: 0;
  z-index: 9;
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  pointer-events: none;
}
@media (min-width: 768px) {
  .Carousel__nav {
    display: flex;
  }
}

.Carousel__button--primary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: solid 1px #ffffff;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  pointer-events: all;
}
.Carousel__button--primary:hover {
  background-color: #ffffff;
}
.Carousel__button--primary:hover .Svg {
  fill: #000000;
}

.Carousel__button--primary-left .Svg {
  transform: rotate(180deg);
}
@media (min-width: 900px) {
  .Carousel__button--primary-left {
    left: -30px;
  }
}

@media (min-width: 900px) {
  .Carousel__button--primary-right {
    right: -30px;
  }
}

.Carousel__bullets {
  position: absolute;
  bottom: 40px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.Carousel__bullet--wrapper {
  width: 8px;
  height: 8px;
  background-color: #707070;
  border-radius: 100%;
}
@media (hover: hover) {
  .Carousel__bullet--wrapper:hover {
    background-color: #ffffff;
  }
}

.Carousel__bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border-radius: 50%;
}

.Carousel__bullet--active {
  border: solid 2px #ffffff;
}
.Carousel__bullet--active .Carousel__bullet--wrapper {
  background-color: #ffffff;
}

.Hero__content--bullets {
  display: none;
}
@media (min-width: 768px) {
  .Hero__content--bullets {
    display: flex;
  }
}

.ImageTextCarousel__content {
  position: relative;
  background-color: #212121;
}

.ImageTextCarousel__header {
  margin-bottom: 1.3rem;
}
.ImageTextCarousel__header .Section__title {
  text-align: center;
}
@media (min-width: 1200px) {
  .ImageTextCarousel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .ImageTextCarousel__header .Section__title {
    text-align: left;
  }
}

.ImageTextCarousel__nav {
  display: none;
  padding: 0 0.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .ImageTextCarousel__nav {
    display: block;
  }
}

.ImageTextCarousel__nav--mobile {
  display: block;
  margin-top: 0.8rem;
  margin-right: -1rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .ImageTextCarousel__nav--mobile {
    display: none;
  }
}
.ImageTextCarousel__nav--mobile .glide {
  width: 1000px;
}

.ImageTextCarousel__menu--button {
  position: relative;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  opacity: 0.5;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
          appearance: none;
}
.ImageTextCarousel__menu--button::before, .ImageTextCarousel__menu--button::after {
  position: relative;
  top: 0;
  width: 6px;
  height: 10px;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.ImageTextCarousel__menu--button::before {
  left: -6px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.114' height='10.5' clsss='Svg'%3E%3Cpath fill='%23fff' d='m4.892 10.5 1.221-1.221L2.084 5.25l4.029-4.029L4.892.001.253 4.64a.864.864 0 0 0 0 1.221Z'/%3E%3C/svg%3E");
}
.ImageTextCarousel__menu--button::after {
  right: -2px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.114' height='10.5' class='Svg'%3E%3Cpath fill='%23fff' d='M1.221 10.5 0 9.279 4.029 5.25 0 1.221 1.221.001 5.86 4.64a.864.864 0 0 1 0 1.221Z'/%3E%3C/svg%3E");
}
.ImageTextCarousel__menu--button:hover {
  opacity: 1;
}

.ImageTextCarousel__menu--button + .ImageTextCarousel__menu--button {
  margin-left: 2rem;
}

.ImageTextCarousel__menu--button:hover::before,
.ImageTextCarousel__menu--button:hover::after {
  opacity: 1;
}

.ImageTextCarousel__menu--button-desktop.active,
.ImageTextCarousel__menu--button-mobile.glide__slide--active {
  opacity: 1;
}
.ImageTextCarousel__menu--button-desktop.active::before, .ImageTextCarousel__menu--button-desktop.active::after,
.ImageTextCarousel__menu--button-mobile.glide__slide--active::before,
.ImageTextCarousel__menu--button-mobile.glide__slide--active::after {
  opacity: 1;
}

.ImageTextCarousel__menu--button-mobile {
  width: auto !important;
}

.ImageTextCarousel__nav--mobile .glide__slides {
  width: auto !important;
}

@media (min-width: 900px) {
  .ImageTextCarousel__columns {
    display: grid;
    grid-template-areas: "ImageTextImages ImageTextImages ImageTextText ImageTextText";
    grid-template-rows: 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 0;
  }
}

@media (min-width: 900px) {
  .ImageTextCarousel__columns--text {
    display: flex;
    grid-area: ImageTextText;
    align-items: center;
  }
}

.ImageTextCarousel__columns--image {
  position: relative;
}
@media (min-width: 900px) {
  .ImageTextCarousel__columns--image {
    grid-area: ImageTextImages;
  }
}

.ImageTextCarousel__slide {
  position: relative;
}

.ImageTextCarousel__frame {
  width: 100%;
}

.ImageTextCarousel__frame--image {
  position: relative;
  min-height: 270px;
}
@media (min-width: 900px) {
  .ImageTextCarousel__frame--image {
    min-height: 600px;
  }
}

.ImageTextCarousel__frame--image-tint::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  content: "";
  pointer-events: none;
}

.ImageTextCarousel__image {
  pointer-events: none;
}

.ImageTextCarousel__slide--video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ImageTextCarousel__slide--text {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  opacity: 0;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ImageTextCarousel__slide--text.glide__slide--active {
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.ImageTextCarousel__slide--textInner {
  width: 100%;
  max-width: 29rem;
  text-align: center;
}
.ImageTextCarousel__slide--textInner h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0.5rem;
  color: #ffffff;
  letter-spacing: 0.5rem;
  white-space: normal;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .ImageTextCarousel__slide--textInner h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
.ImageTextCarousel__slide--textInner p {
  white-space: normal;
}
.ImageTextCarousel__slide--textInner a {
  margin-top: 1.2rem;
}

.ImageTextCarousel__slide--strap {
  margin-bottom: 0.5rem;
  font-family: "metropolisbold", sans-serif;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

.ProductCarousel {
  position: relative;
}

.ProductCarousel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.3rem;
}

.ProductCarousel__header--title {
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .ProductCarousel__header--title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

.ProductCarousel__viewall {
  display: none;
  position: relative;
}
@media (min-width: 768px) {
  .ProductCarousel__viewall {
    display: block;
  }
}
.ProductCarousel__viewall::after {
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  width: 60%;
  margin-left: -30%;
  border-bottom: 2px solid;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}
@media (hover: hover) {
  .ProductCarousel__viewall:hover {
    cursor: pointer;
  }
  .ProductCarousel__viewall:hover::after {
    transform: scaleX(1);
    transform-origin: center;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.ProductCarousel__viewall--mobile {
  display: block;
  margin-top: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .ProductCarousel__viewall--mobile {
    display: none;
  }
}

.ProductCarousel__slide {
  background-color: #212121;
}

.ProductCarousel__glide {
  display: grid;
  grid-auto-flow: column;
}

.ProductCarousel__slide--inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 2.2rem 1rem 1.2rem;
  text-align: center;
}

.ProductCarousel__slide--inner:hover .ProductCarousel__link--inner {
  transform: translateY(0);
  opacity: 1;
}

.ProductCarousel__title {
  margin-top: 1rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  font-size: 18px;
  line-height: 28px;
}

.ProductCarousel__images--container {
  position: relative;
  width: 234px;
  height: 234px;
}

.ProductCarousel__model {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ProductCarousel__model.active {
  display: block;
}

.ProductCarousel__model--images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ProductCarousel__model--first-image {
  opacity: 1;
}

.ProductCarousel__model:hover .ProductCarousel__model--images.ProductCarousel__model--first-image {
  opacity: 0;
}

.ProductCarousel__model:hover .ProductCarousel__model--images.ProductCarousel__model--second-image {
  opacity: 1;
}

.ProductCarousel__model--image {
  pointer-events: none;
}

.ProductCarousel__swatch--container {
  height: 25px;
  margin-top: 1rem;
}

.ProductCarousel__swatch--list {
  display: flex;
}

.ProductCarousel__swatch--item + .ProductCarousel__swatch--item {
  margin-left: 0.8rem;
}

.ProductCarousel__swatch {
  display: none;
}

.ProductCarousel__swatch:checked + label::before {
  outline: solid 2px #fff;
  outline-offset: 3px;
}

.ProductCarousel__swatch--label {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .ProductCarousel__swatch--label:hover {
    opacity: 0.5;
  }
}

.ProductCarousel__swatch--label::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: var(--swatch-bg-color);
  border-radius: 50%;
  transform: translateY(-50%);
  content: "";
}

.ProductCarousel__link--outer {
  position: relative;
  display: none;
  width: 100%;
  height: 20px;
  margin-top: 0.7rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .ProductCarousel__link--outer {
    display: block;
  }
}

.ProductCarousel__link--inner {
  position: absolute;
  width: 100%;
  text-align: center;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ProductCarousel__link {
  position: relative;
  color: #ffffff;
  font-family: "metropolissemi_bold", sans-serif;
  letter-spacing: 0.2rem;
}
.ProductCarousel__link::before {
  position: relative;
  top: 0;
  right: 12px;
  width: 13px;
  height: 10px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.021' height='10.5'%3E%3Cpath fill='%23fff' d='M8.129 10.5 6.908 9.279l4.029-4.029-4.029-4.029L8.129.001l4.638 4.638a.863.863 0 0 1 0 1.221Zm-6.907 0L.001 9.279 4.03 5.25.001 1.221 1.222.001 5.861 4.64a.864.864 0 0 1 0 1.221Z' data-name='Path 12150'/%3E%3C/svg%3E");
}

.Carousel__bullets--products {
  position: unset;
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .Carousel__bullets--products {
    display: none;
  }
}

.ProductCarousel__strap {
  margin-top: 0.2rem;
}
.ProductCarousel__strap span {
  font-family: "metropolisbold", sans-serif;
}

.CategoryTextCarousel__header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .CategoryTextCarousel__header {
    margin-bottom: 1.5rem;
  }
}

.CategoryTextCarousel__header--inner {
  max-width: 46rem;
  text-align: center;
}

.CategoryTextCarousel__product--header {
  max-width: 520px;
  margin: 0 auto;
  margin-bottom: 2rem;
  text-align: center;
}

.CategoryTextCarousel__header--title {
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 0.3rem;
  color: #ffffff;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .CategoryTextCarousel__header--title {
    font-size: 48px;
    line-height: 56px;
  }
}

.CategoryTextCarousel__content--title {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 0.5rem;
  color: #ffffff;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .CategoryTextCarousel__content--title {
    font-size: 40px;
    line-height: 48px;
  }
}

.CategoryTextCarousel__content--desc {
  color: #ffffff;
}

.CategoryTextCarousel__content--button {
  margin-top: 1.5rem;
}

.CategoryTextCarousel__product {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 1rem;
}

.CategoryTextCarousel__product--inner {
  display: grid;
  grid-template-rows: 110px 1fr 60px;
  gap: 1rem;
}
@media (min-width: 768px) {
  .CategoryTextCarousel__product--inner {
    grid-template-rows: 100px 1fr 60px;
  }
}

.CategoryTextCarousel__product--image {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .CategoryTextCarousel__product--image {
    width: 390px;
    height: 390px;
    margin-bottom: 4rem;
  }
}

.CategoryTextCarousel__product--title {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 0.5rem;
  color: #ffffff;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
}

.CategoryTextCarousel__product--desc {
  max-height: 3rem;
  overflow: hidden;
}

.CategoryTextCarousel__nav {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  pointer-events: none;
}
@media (min-width: 900px) {
  .CategoryTextCarousel__nav {
    top: calc(50% - 10px);
  }
}

.CategoryTextCarousel__bullets {
  position: absolute;
  bottom: 6rem;
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .CategoryTextCarousel__bullets {
    bottom: 7.5rem;
  }
}
@media (min-width: 900px) {
  .CategoryTextCarousel__bullets {
    bottom: 9.5rem;
  }
}

.CategoryTextCarousel__button--primary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: transparent;
  pointer-events: all;
}
.CategoryTextCarousel__button--primary:hover .Svg {
  fill: #000000;
}

.CategoryTextCarousel__button--primary-left,
.CategoryTextCarousel__button--primary-right {
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.CategoryTextCarousel__button--primary-left .Svg path,
.CategoryTextCarousel__button--primary-right .Svg path {
  transition: stroke 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  stroke: #ffffff;
}
@media (hover: hover) {
  .CategoryTextCarousel__button--primary-left:hover .Svg path,
.CategoryTextCarousel__button--primary-right:hover .Svg path {
    stroke: #4F4F4F;
  }
}

.CategoryTextCarousel__button--primary-left {
  left: -12px;
}
@media (min-width: 1200px) {
  .CategoryTextCarousel__button--primary-left {
    transform: translateX(60px);
  }
}
@media (hover: hover) {
  .CategoryTextCarousel__button--primary-left:hover {
    transform: translateX(56px);
  }
}

.CategoryTextCarousel__button--primary-right {
  right: -12px;
}
@media (min-width: 1200px) {
  .CategoryTextCarousel__button--primary-right {
    transform: translateX(-60px);
  }
}
@media (hover: hover) {
  .CategoryTextCarousel__button--primary-right:hover {
    transform: translateX(-56px);
  }
}

@media (min-width: 900px) {
  .CategoryTextCarousel__columns {
    display: grid;
    grid-template-areas: "ImageTextImages ImageTextImages ImageTextText ImageTextText";
    grid-template-rows: 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 0;
  }
}

.CategoryTextCarousel__columns--image {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 364px;
  padding: 3rem 1rem;
  text-align: center;
}
@media (min-width: 900px) {
  .CategoryTextCarousel__columns--image {
    grid-area: ImageTextImages;
    min-height: 750px;
    padding: 1rem;
  }
}

.CategoryTextCarousel__columns--product {
  text-align: center;
  background-color: #212121;
}
@media (min-width: 900px) {
  .CategoryTextCarousel__columns--product {
    display: flex;
    grid-area: ImageTextText;
    align-items: center;
  }
}

.CategoryTextCarousel__columns--image.right {
  grid-area: ImageTextText;
}

.CategoryTextCarousel__columns--product.right {
  grid-area: ImageTextImages;
}

.CategoryTextCarousel__columns--image-content {
  position: relative;
  z-index: 10;
  max-width: 35rem;
}

.CategoryTextCarousel__slide {
  position: relative;
}

.CategoryTextCarousel__frame {
  width: 100%;
}

.CategoryTextCarousel__frame--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.CategoryTextCarousel__frame--image::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  content: "";
  pointer-events: none;
}

.CategoryTextCarousel__image {
  pointer-events: none;
}

.CategoryTextCarousel__slide--video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/*
|--------------------------------------------------------------------------
| Contact - Details
|--------------------------------------------------------------------------
| @namespace: ContactDetails
|
*/
.ContactDetails {
  margin-top: 2rem;
  text-align: left;
}

.ContactDetails__address {
  display: inline;
}
.ContactDetails__address a {
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.ContactDetails__address a:hover {
  opacity: 0.8;
}

/*
|--------------------------------------------------------------------------
| Contact - Details
|--------------------------------------------------------------------------
| @namespace: ContactBlock
|
*/
.ContactBlock__columns {
  display: grid;
  grid-template-rows: minmax(277px, 1fr);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0;
  background-color: #212121;
}
@media (min-width: 900px) {
  .ContactBlock__columns {
    grid-template-rows: 1fr;
  }
}

.ContactBlock__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ContactBlock__image--tint::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.ContactBlock__primary {
  grid-row: 2;
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .ContactBlock__primary {
    grid-row: 1;
    grid-column-start: 1;
    grid-column-end: 7;
  }
}

.ContactBlock__secondary {
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .ContactBlock__secondary {
    grid-column-start: 7;
    grid-column-end: -1;
  }
}

.ContactBlock__primary--left {
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .ContactBlock__primary--left {
    grid-column-start: 7;
    grid-column-end: -1;
  }
}

.ContactBlock__secondary--left {
  grid-row: 1;
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .ContactBlock__secondary--left {
    grid-column-start: 1;
    grid-column-end: 7;
  }
}

.ContactBlock__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ContactBlock__media--button {
  margin-top: 1rem;
}

.ContactBlock__media--wrapper {
  z-index: 10;
  padding: 4rem 1rem;
  text-align: center;
}
@media (min-width: 900px) {
  .ContactBlock__media--wrapper {
    max-width: 480px;
    padding: 1rem;
  }
}

.ContactBlock__title {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 48px;
}
@media (min-width: 768px) {
  .ContactBlock__title {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 0.5rem;
  }
}

.ContactBlock__text--container {
  margin-top: 1rem;
  color: #ffffff;
}

.ContactBlock__content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .ContactBlock__content {
    padding: 4rem 1rem;
  }
}

.ContactBlock__content--inner {
  flex-grow: 1;
  max-width: 520px;
}

.ContactBlock__content--header {
  margin-bottom: 1.5rem;
}

.ContactBlock__content--title {
  margin-bottom: 0.5rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .ContactBlock__content--title {
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

.ContactBlock__content--body a {
  text-decoration: underline;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .ContactBlock__content--body a:hover {
    color: #ffffff;
    text-decoration: none;
  }
}

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

.ContactBlock__full {
  max-width: 744px;
  margin: 2rem auto 0;
}
.ContactBlock__full form .Form__columns .Form__column--span .Input {
  background-color: #212121;
}

.ContactBlock__full--title {
  margin-bottom: 0.5rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .ContactBlock__full--title {
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

.ContactBlock__full--content a {
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .ContactBlock__full--content a:hover {
    color: #ffffff;
  }
}

.ContactGrid {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
}
@media (min-width: 900px) {
  .ContactGrid {
    flex-direction: row;
    margin-top: 0.5rem;
  }
}

.ContactGrid__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 2rem 1rem;
  text-align: center;
  background-color: #212121;
  border: solid 1px;
  border-color: transparent;
  transition: border-color 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (min-width: 900px) {
  .ContactGrid__card {
    max-width: 440px;
    height: 100%;
    padding: 3rem 1rem;
  }
}
.ContactGrid__card:hover {
  border-color: #F4F4F4;
}

.ContactGrid__card--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ContactGrid__icon--wrapper {
  margin-bottom: 1rem;
}

.ContactGrid__icon {
  width: auto;
  height: 56px;
}

.ContactGrid__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0.2rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

.ContactGrid__content--wrapper p:last-of-type {
  margin-bottom: 0;
}
.ContactGrid__content--wrapper a {
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .ContactGrid__content--wrapper a:hover {
    color: #ffffff;
  }
}

.ContactGrid__content {
  max-width: 20rem;
}

.ContactGrid__messenger--desktop {
  display: none;
}
@media (min-width: 1200px) {
  .ContactGrid__messenger--desktop {
    display: block;
  }
}

.ContactGrid__messenger--mobile {
  display: block;
}
@media (min-width: 1200px) {
  .ContactGrid__messenger--mobile {
    display: none;
  }
}

.ContactGrid__header {
  max-width: 68rem;
  margin: 0 auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ContactGrid__header--title {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .ContactGrid__header--title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

.ContactGrid__header--content {
  margin-top: 0.8rem;
  text-align: center;
}
.ContactGrid__header--content a {
  color: #ffffff;
  text-decoration: underline;
}
@media (hover: hover) {
  .ContactGrid__header--content a:hover {
    text-decoration: none;
  }
}

.CtaLarge {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .CtaLarge {
    min-height: 600px;
  }
}
.CtaLarge::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.CtaLarge__content {
  z-index: 3;
  max-width: 780px;
  padding: 4rem 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .CtaLarge__content {
    padding: 2rem;
  }
}

.CtaLarge__image {
  pointer-events: none;
}

.CtaLarge__strapline {
  margin-bottom: 0.2rem;
  font-family: "metropolisbold", sans-serif;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

.CtaLarge__title {
  margin-bottom: 0.7rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 38px;
}
@media (min-width: 768px) {
  .CtaLarge__title {
    font-size: 48px;
    line-height: 56px;
  }
}

.CtaLarge__text {
  margin-bottom: 2rem;
  color: #ffffff;
}

.CtaMedium {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 900px) {
  .CtaMedium {
    grid-template-columns: 1fr 1fr;
    min-height: 490px;
  }
}

@media (min-width: 900px) {
  .CtaMedium__small {
    min-height: 363px;
  }
}

.CtaMedium__content {
  z-index: 3;
  display: flex;
  flex-direction: column;
  grid-row: 2;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2.5rem 1rem;
  text-align: center;
  background-color: #212121;
}
@media (min-width: 900px) {
  .CtaMedium__content {
    grid-row: 1;
    padding: 2rem 4rem;
  }
}

.CtaMedium__content--left {
  grid-row: 2;
  grid-column: 1;
}
@media (min-width: 900px) {
  .CtaMedium__content--left {
    grid-row: 1;
  }
}

.CtaMedium__image--right,
.CtaMedium__image--left {
  position: relative;
  grid-row: 1;
  min-height: 235px;
  pointer-events: none;
}
@media (min-width: 900px) {
  .CtaMedium__image--right,
.CtaMedium__image--left {
    min-height: unset;
  }
}

.CtaMedium__image--right {
  grid-row: 1;
  grid-column: 1;
}
@media (min-width: 900px) {
  .CtaMedium__image--right {
    grid-row: 1;
    grid-column: 2;
  }
}

.CtaMedium__image--tint::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.CtaMedium__text {
  margin-bottom: 2rem;
}

.CtaMedium__strapline {
  margin-bottom: 0.5rem;
  font-family: "metropolisbold", sans-serif;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

.CtaMedium__title {
  margin-bottom: 0.5rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 38px;
}
@media (min-width: 768px) {
  .CtaMedium__title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

.CtaMedium__button--small {
  margin-top: 0.8rem;
}

.CtaImageText__columns {
  display: grid;
  grid-template-rows: 277px 1fr;
  grid-template-columns: minmax(1rem, 1fr) repeat(12, minmax(0, 5.8rem)) minmax(1rem, 1fr);
  gap: 1.5rem 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .CtaImageText__columns {
    grid-template-rows: 277px 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 900px) {
  .CtaImageText__columns {
    grid-template-rows: 1fr;
    min-height: 600px;
  }
}

.CtaImageText__columns--contain {
  grid-template-rows: 1fr;
}
.CtaImageText__columns--contain .CtaImageText__image {
  min-height: 277px;
}
.CtaImageText__columns--contain .CtaImageText__image .Image .Image__frame .Image__image {
  -o-object-fit: contain;
     object-fit: contain;
}

.CtaImageText__image {
  position: relative;
}

.CtaImageText__image--tint::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.CtaImageText__text--button {
  margin-top: 2rem;
}

.CtaImageText__text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.CtaImageText__primary-fullwidth {
  grid-row: 2;
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .CtaImageText__primary-fullwidth {
    grid-row: 1;
    grid-column-start: 2;
    grid-column-end: 7;
  }
}

.CtaImageText__secondary-fullwidth {
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .CtaImageText__secondary-fullwidth {
    grid-column-start: 7;
    grid-column-end: -1;
  }
}

.CtaImageText__primary--left-fullwidth {
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .CtaImageText__primary--left-fullwidth {
    grid-column-start: 9;
    grid-column-end: 14;
  }
}

.CtaImageText__secondary--left-fullwidth {
  grid-row: 1;
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .CtaImageText__secondary--left-fullwidth {
    grid-column-start: 1;
    grid-column-end: 9;
  }
}

.CtaImageText__primary {
  grid-row: 2;
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .CtaImageText__primary {
    grid-row: 1;
    grid-column-start: 1;
    grid-column-end: 8;
  }
}

.CtaImageText__secondary {
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .CtaImageText__secondary {
    grid-column-start: 8;
    grid-column-end: -1;
  }
}

.CtaImageText__primary--left {
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .CtaImageText__primary--left {
    grid-column-start: 8;
    grid-column-end: 15;
  }
}

.CtaImageText__secondary--left {
  grid-row: 1;
  grid-column-start: 1;
  grid-column-end: -1;
}
@media (min-width: 900px) {
  .CtaImageText__secondary--left {
    grid-column-start: 1;
    grid-column-end: 8;
  }
}

.CtaImageText__content {
  padding: 0.5rem 1rem 0;
  text-align: center;
}
@media (min-width: 768px) {
  .CtaImageText__content {
    padding: 0 1rem;
  }
}
@media (min-width: 900px) {
  .CtaImageText__content {
    max-width: 455px;
    padding: 0;
  }
}

.CtaImageText__strapline {
  margin-bottom: 0.5rem;
  font-family: "metropolisbold", sans-serif;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

.CtaImageText__title {
  margin-bottom: 0.5rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 38px;
}
@media (min-width: 768px) {
  .CtaImageText__title {
    font-size: 40px;
    line-height: 48px;
  }
}

.CtaImageText__text--container p {
  margin-bottom: 1.5rem;
}
.CtaImageText__text--container p:last-of-type {
  margin-bottom: 0;
}

.CtaGridLarge {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
}

.CtaGridLarge__column {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* stylelint-disable-next-line property-no-unknown */
  aspect-ratio: 1;
}
@supports not (aspect-ratio: auto) {
  .CtaGridLarge__column {
    padding-top: 100%;
  }
}
@media (min-width: 900px) {
  .CtaGridLarge__column {
    align-items: flex-end;
  }
}

.CtaGridLarge__two {
  grid-column: span 12;
}
@media (min-width: 900px) {
  .CtaGridLarge__two {
    grid-column: span 6;
  }
}

.CtaGridLarge__three {
  grid-column: span 12;
}
@media (min-width: 900px) {
  .CtaGridLarge__three {
    grid-column: span 6;
  }
}
@media (min-width: 1200px) {
  .CtaGridLarge__three {
    grid-column: span 4;
  }
}

.CtaGridLarge__content {
  position: relative;
  z-index: 10;
  max-width: 34rem;
  padding: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .CtaGridLarge__content {
    margin-bottom: 2rem;
  }
}

.CtaGridLarge__strap {
  margin-bottom: 0.5rem;
  font-family: "metropolisbold", sans-serif;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

.CtaGridLarge__title {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 38px;
}
@media (min-width: 768px) {
  .CtaGridLarge__title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

.CtaGridLarge__button {
  margin-top: 0.8rem;
}

.CtaGridLarge__media--img {
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: transform;
}

.CtaGridLarge__media {
  /* stylelint-disable-next-line property-no-unknown */
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@supports not (aspect-ratio: auto) {
  .CtaGridLarge__media {
    padding-top: 100%;
  }
}
@media (hover: hover) {
  .CtaGridLarge__media:hover .CtaGridLarge__media--img {
    transform: scale(1.1);
  }
}

.CtaGridLarge__media--tint::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.TextSection {
  max-width: 68rem;
  margin: 0 auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.TextSection__title {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .TextSection__title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

.TextSection__content {
  margin-top: 0.8rem;
  text-align: center;
}

.BlogTextSection {
  max-width: 68rem;
  margin: 0 auto;
}

.BlogTextSection__title {
  margin-bottom: 0.2rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 28px;
}

.BlogTextSection__content p {
  margin-bottom: 2rem;
}
.BlogTextSection__content p:last-of-type {
  margin-bottom: 1.8rem;
}

/*
|--------------------------------------------------------------------------
| Newsletter 
|--------------------------------------------------------------------------
| @namespace: Newsletter
|
*/
.Newsletter__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 77rem;
  min-height: 186px;
  margin: 0 auto;
  padding: 2rem 1rem;
  background-color: #212121;
}
@media (min-width: 768px) {
  .Newsletter__inner {
    min-height: 297px;
    padding: 1rem;
  }
}

.Newsletter__header {
  margin-bottom: 1rem;
  text-align: center;
}

.Newsletter__title {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .Newsletter__title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

.Newsletter__form {
  display: grid;
  grid-template-columns: 1fr auto;
  max-width: 50rem;
  margin: auto;
}
@media (min-width: 900px) {
  .Section--newsletter .Newsletter__form {
    flex-direction: column;
  }
}

.Newsletter__form-input {
  width: 100%;
  padding: 0.6rem 1.5rem;
  color: #ffffff;
  letter-spacing: 0.1rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  border-right: none;
  border-radius: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
          appearance: none;
}
@media (hover: hover) {
  .Newsletter__form-input:hover {
    border-color: rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 900px) {
  .Newsletter__form-input {
    border-right: 1px solid #ffffff;
  }
}

.Newsletter__form-button {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #ffffff;
  background-color: transparent;
  border-left: none;
}
.Newsletter__form-button::before {
  background-color: transparent;
}
@media (min-width: 900px) {
  .Newsletter__form-button {
    margin-left: 1.5rem;
    padding-right: 2rem;
    padding-left: 2rem;
    color: #161815;
    background-color: #ffffff;
    border-left: 1px solid #ffffff;
  }
  .Newsletter__form-button::before {
    background-color: #ffffff;
  }
}

.Newsletter__response {
  margin-top: 0.875rem;
  white-space: pre-wrap;
  text-align: center;
}
.Newsletter__response.Success {
  color: #22c73b;
}
.Newsletter__response.Error {
  color: #971313;
}
.Modal .Newsletter__response.Success, .Modal .Newsletter__response.Error {
  color: #ffffff;
}

.Newsletter__terms {
  margin-bottom: 0;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}
.Newsletter__terms a {
  font-family: "metropolissemi_bold", sans-serif;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .Newsletter__terms a:hover {
    color: #ffffff;
  }
}

/*
|--------------------------------------------------------------------------
| Video
|--------------------------------------------------------------------------
| @namespace: Video
|
*/
.VideoBlock__container {
  position: relative;
  min-height: 205px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .VideoBlock__container {
    min-height: 305px;
  }
}
@media (min-width: 900px) {
  .VideoBlock__container {
    min-height: 405px;
  }
}
@media (min-width: 1200px) {
  .VideoBlock__container {
    min-height: 705px;
  }
}

.VideoBlock__title {
  margin-bottom: 1rem;
  color: #ffffff;
  letter-spacing: 0.5rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .VideoBlock__title {
    font-size: 40px;
    line-height: 56px;
  }
}

.Video__youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.Video__upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.Video__poster {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.Video__poster::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.VideoBlock__container.playing .Video__poster {
  opacity: 0;
  pointer-events: none;
}

.Video__poster--play {
  position: relative;
  z-index: 3;
  width: 100px;
  height: 100px;
  pointer-events: none;
}

.Video__poster--logo {
  position: absolute;
  right: 30px;
  bottom: 30px;
  z-index: 3;
  pointer-events: none;
}

.Video__poster--image {
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (hover: hover) {
  .Video__poster--image:hover {
    transform: scale(1.1);
  }
}

.GalleryBlock__title {
  margin-bottom: 1rem;
  color: #ffffff;
  letter-spacing: 0.5rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .GalleryBlock__title {
    font-size: 40px;
    line-height: 56px;
  }
}

.GalleryBlock__columns {
  display: grid;
  grid-template-columns: minmax(1rem, 1fr) repeat(12, minmax(0, 6.25rem)) minmax(1rem, 1fr);
}
@media (min-width: 768px) {
  .GalleryBlock__columns {
    gap: 1rem;
  }
}

.GalleryBlock__column {
  grid-column: 2/-1;
}

.GalleryBlock__glide {
  position: relative;
}

.GalleryBlock__cell {
  position: relative;
  min-height: 350px;
}
@media (min-width: 768px) {
  .GalleryBlock__cell {
    min-height: 550px;
  }
}
@media (min-width: 900px) {
  .GalleryBlock__cell {
    min-height: 750px;
  }
}

.GalleryBlock__cell--dark::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.GalleryBlock__image {
  pointer-events: none;
}

.GalleryBlock__thumbs--container {
  display: block;
  margin-top: 1rem;
}

.GalleryBlock__thumbs--inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
@media (min-width: 768px) {
  .GalleryBlock__thumbs--inner {
    row-gap: 1rem;
    column-gap: 1rem;
  }
}

.GalleryBlock__thumbs {
  position: relative;
  width: 100px;
  height: 60px;
  border: solid 1px transparent;
  box-shadow: 0 -1px 15px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .GalleryBlock__thumbs:hover {
    border: solid 1px #ffffff;
  }
}

.GalleryBlock__thumbs--active {
  border: solid 1px #ffffff;
}

.GalleryBlock__nav {
  position: absolute;
  top: calc(50% - 60px);
  left: 0;
  z-index: 9;
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  pointer-events: none;
}
@media (min-width: 900px) {
  .GalleryBlock__nav {
    display: flex;
  }
}

.GalleryBlock__button--primary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: solid 1px #ffffff;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  pointer-events: all;
}
.GalleryBlock__button--primary:hover {
  background-color: #ffffff;
}
.GalleryBlock__button--primary:hover .Svg {
  fill: #000000;
}

.GalleryBlock__button--primary-left {
  left: 12px;
}
.GalleryBlock__button--primary-left .Svg {
  transform: rotate(180deg);
}

.GalleryBlock__button--primary-right {
  right: 12px;
}

.lum-lightbox .lum-lightbox-inner .lum-lightbox-image-wrapper {
  display: flex;
  justify-content: center;
  width: unset !important;
}
.lum-lightbox .lum-lightbox-inner .lum-lightbox-image-wrapper .lum-lightbox-position-helper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.FaqsCategories {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
@media (min-width: 768px) {
  .FaqsCategories {
    margin-bottom: 4rem;
  }
}

.FaqsCategories__card {
  display: flex;
  flex: 1;
  scroll-snap-align: center;
}

.FaqsCategories__content--container {
  display: grid;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.FaqsCategories__content {
  grid-area: 1/1;
  height: 0;
  transform: translateY(3rem);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  pointer-events: none;
}

.FaqsCategories__content--block {
  max-width: 1200px;
  margin: 0 auto;
}

.FaqsCategories__content--header {
  margin-bottom: 1rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .FaqsCategories__content--header {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: 0.5rem;
  }
}

.FaqsCategories__content.active {
  height: auto;
  transform: translateY(0);
  visibility: 1;
  opacity: 1;
  pointer-events: all;
}

.FaqsCategories__content--wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.2rem;
}
.FaqsCategories__content--wrapper:last-of-type {
  margin-bottom: 0;
}

.FaqsCategories__content--wrapper.active .FaqsCategories__content--inner {
  max-height: 100vh;
}
.FaqsCategories__content--wrapper.active .FaqsCategories__content--button .FaqsCategories__content--svg {
  transform: rotate(180deg);
}

.FaqsCategories__content--button {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 1.1rem 1rem;
  color: #ffffff;
  letter-spacing: 0.1rem;
  text-align: left;
  background-color: #212121;
}
@media (min-width: 768px) {
  .FaqsCategories__content--button {
    padding: 1.1rem 2rem;
  }
}

.FaqsCategories__content--svg {
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.FaqsCategories__content--inner {
  max-height: 0;
  overflow: hidden;
  background-color: #212121;
  transition: max-height 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.FaqsCategories__content--inner-content {
  padding: 0 1rem 1.3rem;
}
@media (min-width: 768px) {
  .FaqsCategories__content--inner-content {
    padding: 0 2rem 1.3rem;
  }
}

.FaqsCategories__card--button {
  font-size: 16px;
  line-height: 24px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  min-width: 15rem;
  padding: 2rem;
  color: #ffffff;
  letter-spacing: 0.1rem;
  text-align: center;
  text-transform: uppercase;
  background-color: #212121;
  border: solid 2px transparent;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .FaqsCategories__card--button:hover {
    border-color: #4F4F4F;
  }
}
@media (min-width: 768px) {
  .FaqsCategories__card--button {
    min-width: unset;
  }
}

.FaqsCategories__card--button.active {
  border-color: #4F4F4F;
}

.FaqsCategories__card--icon {
  width: auto;
  height: 56px;
}

.NotFound {
  margin-top: 6rem;
}
@media (min-width: 768px) {
  .NotFound {
    margin-top: 9rem;
  }
}

.NotFound__header {
  text-align: center;
}

.NotFound__title {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .NotFound__title {
    font-size: 64px;
    line-height: 72px;
    letter-spacing: 0.5rem;
  }
}

.NotFound__subtitle {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .NotFound__subtitle {
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

/* ----------------------------------------------------------------------
| Blog
|------------------------------------------------------------------------
*/
.FeaturedPost {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 900px) {
  .FeaturedPost {
    grid-template-columns: minmax(0, 900px) minmax(0, 450px);
    gap: 4rem;
  }
}

.FeaturedPost__image {
  position: relative;
  min-height: 230px;
}
@media (min-width: 768px) {
  .FeaturedPost__image {
    min-height: 400px;
  }
}
@media (min-width: 900px) {
  .FeaturedPost__image {
    min-height: 600px;
  }
}

.FeaturedPost__image--shade {
  position: relative;
}
.FeaturedPost__image--shade::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 391px;
  background-color: rgba(0, 0, 0, 0.25);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}
@media (min-width: 768px) {
  .FeaturedPost__image--shade::before {
    height: 100%;
  }
}

.FeaturedPost__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.FeaturedPost__strapline {
  margin-bottom: 0.3rem;
}
.FeaturedPost__strapline p {
  font-family: "metropolisbold", sans-serif;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

.FeaturedPost__header {
  display: flex;
  gap: 1.4rem;
  margin-bottom: 0.3rem;
}

.FeaturedPost__header--item {
  font-size: 14px;
  line-height: 24px;
  display: flex;
  gap: 7px;
  align-items: center;
  margin-bottom: 0.1rem;
}

.FeaturedPost__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0.5rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (hover: hover) {
  .FeaturedPost__title:hover {
    color: #4F4F4F;
  }
}

.FeaturedPost__excerpt {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .FeaturedPost__button {
    width: max-content;
  }
}

.BlogArchives {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .BlogArchives {
    margin-top: 2rem;
  }
}

.BlogArchives__list {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 2rem 0;
}
@media (min-width: 768px) {
  .BlogArchives__list {
    gap: 2rem 1.5rem;
  }
}

.BlogArchives__list--item {
  grid-column: span 12;
}
@media (min-width: 900px) {
  .BlogArchives__list--item {
    grid-column: span 6;
  }
}
@media (min-width: 1200px) {
  .BlogArchives__list--item {
    grid-column: span 4;
  }
}

.BlogArchives__image {
  position: relative;
  min-height: 244px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .BlogArchives__image {
    min-height: 326px;
  }
}

.BlogArchives__image--wrapper {
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: transform;
}

.BlogArchives__image--shade::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 391px;
  background-color: rgba(0, 0, 0, 0.25);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}
@media (min-width: 768px) {
  .BlogArchives__image--shade::after {
    height: 100%;
  }
}

.BlogArchives__body {
  margin-top: 1rem;
  margin-bottom: 0.2rem;
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.BlogArchives__details {
  display: flex;
  gap: 1.4rem;
}

.BlogArchives__details--item {
  font-size: 14px;
  line-height: 24px;
  display: flex;
  gap: 7px;
  align-items: center;
  margin-bottom: 0.3rem;
}

.BlogArchives__title {
  margin-bottom: 0.3rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 28px;
}

.BlogArchives__excerpt {
  max-height: 44px;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
}

.BlogArchives__link {
  width: 100%;
}

.BlogArchives__link:hover .BlogArchives__body,
.BlogArchives__link:hover .BlogArchives__footer {
  opacity: 0.4;
}
.BlogArchives__link:hover .BlogArchives__image--wrapper {
  transform: scale(1.1);
}

.BlogArchives__footer {
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.BlogArchives__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 0.8rem;
}

.BlogArchives__cats--item {
  padding: 0.2rem 0.7rem;
  text-transform: uppercase;
  background-color: #212121;
  font-size: 12px;
  line-height: 18px;
}

.Pagination {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  .Pagination {
    width: 384px;
  }
}

.Pagination__text {
  margin-bottom: 30px;
}

.Pagination__progress {
  width: 100%;
  height: 2px;
  margin-bottom: 3rem;
  background-color: #BFBFBF;
  border-radius: 4px;
}
.hidden .Pagination__progress {
  display: none;
}

.Pagination__handle {
  position: relative;
  top: -2px;
  width: 40px;
  height: 6px;
  background-color: #ffffff;
  border-radius: 4px;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.Pagination__more {
  margin: 0 auto;
}
.hidden .Pagination__more {
  display: none;
}
@media (min-width: 900px) {
  .Pagination__more {
    width: 232px;
  }
}

.ArticleHeader {
  margin-top: 6rem;
}
@media (min-width: 768px) {
  .ArticleHeader {
    margin-top: 9rem;
  }
}

.ArticleHeader__title {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .ArticleHeader__title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.5rem;
  }
}

.ArticleHeader__intro {
  max-width: 928px;
  margin: 0 auto;
  margin-top: 0.5rem;
  text-align: center;
}

.ArticleDetails {
  display: flex;
  gap: 1.4rem;
  justify-content: center;
  margin-bottom: 0.5rem;
}

.ArticleDetails--item {
  font-size: 14px;
  line-height: 24px;
  display: flex;
  gap: 7px;
  align-items: center;
  margin-bottom: 0.3rem;
}

.ArticleDetails__featured--image {
  position: relative;
  min-height: 244px;
  margin-top: 1rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .ArticleDetails__featured--image {
    min-height: 495px;
    margin-top: 2.5rem;
  }
}
@media (min-width: 900px) {
  .ArticleDetails__featured--image {
    min-height: 695px;
  }
}

.ArticleDetails__featured--image::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 391px;
  background-color: rgba(0, 0, 0, 0.25);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}
@media (min-width: 768px) {
  .ArticleDetails__featured--image::after {
    height: 100%;
  }
}

.ArticleLinks {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .ArticleLinks {
    justify-content: space-between;
  }
}

.ArticleLinks__button {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .ArticleLinks__button {
    justify-content: unset;
  }
}

@media (min-width: 768px) {
  .ArticleLinks__link--next-buttton {
    justify-content: right;
  }
}

.ArticleLinks__title {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

.ArticleLinks__link--prev {
  display: none;
}
@media (min-width: 768px) {
  .ArticleLinks__link--prev {
    display: block;
  }
}

.AnchorLinks {
  max-width: 68rem;
  margin: 0 auto;
}

.AnchorLinks__title {
  margin-bottom: 0.5rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 28px;
}

.AnchorLinks__links {
  display: flex;
  flex-wrap: wrap;
}

.AnchorLinks__link {
  display: flex;
  flex: 50%;
  align-items: center;
  margin-bottom: 0.5rem;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.AnchorLinks__link .Svg {
  margin-right: 10px;
}
@media (hover: hover) {
  .AnchorLinks__link:hover {
    color: #ffffff;
  }
}

.SocialShareList {
  max-width: 68rem;
  margin: 0 auto;
}

.SocialShareList__title {
  color: #ffffff;
}

.SocialShareList__list {
  display: flex;
  gap: 0.8rem;
}

.SocialShareList__item a .Svg {
  width: 28px;
  height: 28px;
  margin-top: 0.5rem;
  color: #ffffff;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .SocialShareList__item a .Svg:hover {
    color: #4F4F4F;
  }
}

.RelatedBlogs__title--wrapper {
  margin-bottom: 1.5rem;
}

.RelatedBlogs__title {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .RelatedBlogs__title {
    letter-spacing: 0.5rem;
    font-size: 40px;
    line-height: 56px;
  }
}

/* ----------------------------------------------------------------------
| Find a stockist
|------------------------------------------------------------------------
*/
.StoreInformation {
  display: grid;
  gap: 24px;
}
@media (min-width: 1200px) {
  .StoreInformation {
    grid-template-columns: repeat(2, 1fr);
  }
}

.StoreInformation__box {
  background-color: #BFBFBF;
  border: 1px solid #0F0D0D;
}

.StoreInformation__box--map {
  height: 420px;
}
@media (min-width: 1200px) {
  .StoreInformation__box--map {
    height: auto;
  }
}

.StoreInformation__box--info {
  display: grid;
  gap: 24px;
  padding: 24px;
}
@media (min-width: 900px) {
  .StoreInformation__box--info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.StoreLocator .StoreLocator__main {
  display: flex;
}

.StoreLocator__header {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 80vh;
  overflow: hidden;
  visibility: hidden;
}
@media (min-width: 768px) {
  .StoreLocator__header {
    height: 520px;
  }
}

.StoreLocator__header--content {
  height: 100%;
}
@media (min-width: 768px) {
  .StoreLocator__header--content {
    height: 520px;
  }
}

.StoreLocator__header--outer {
  display: flex;
  justify-content: center;
  padding-top: 19rem;
}
@media (min-width: 768px) {
  .StoreLocator__header--outer {
    padding-top: 5rem;
  }
}

.StoreLocator__header--inner {
  position: relative;
  z-index: 10;
  flex-grow: 1;
  max-width: 100%;
  padding: 2rem 1.5rem;
  text-align: center;
  background-color: #212121;
}
@media (min-width: 768px) {
  .StoreLocator__header--inner {
    max-width: 890px;
    padding: 4rem 3.5rem;
  }
}

.StoreLocator__header--dark::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.StoreLocator__showing {
  display: none;
  margin-bottom: 1rem;
  padding: 1rem;
  color: #ffffff;
  letter-spacing: 0.1rem;
  background-color: #212121;
}

.StoreLocator__title {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 0.8rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .StoreLocator__title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 1.5rem;
    letter-spacing: 0.5rem;
  }
}

.StoreLocator__locate.Button--primary {
  gap: 16px;
}
.StoreLocator__locate.Button--primary svg {
  overflow: visible;
}
.StoreLocator__locate.Button--primary svg path, .StoreLocator__locate.Button--primary svg circle {
  transition: 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  stroke: #161815;
}
.StoreLocator__locate.Button--primary:after {
  content: none;
}
@media (hover: hover) {
  .StoreLocator__locate.Button--primary:hover svg path, .StoreLocator__locate.Button--primary:hover svg circle {
    transition: 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    stroke: #ffffff;
  }
  .StoreLocator__locate.Button--primary:hover:after {
    content: none;
  }
}

@media (min-width: 900px) {
  .StoreLocator__main {
    display: flex;
    max-height: 705px;
  }
}

.StoreLocator__map {
  flex: 1;
  height: 680px;
}
@media (min-width: 900px) {
  .StoreLocator__map {
    display: block;
    height: 705px;
  }
}
.StoreLocator--show-list .StoreLocator__map {
  display: none;
}
@media (min-width: 900px) {
  .StoreLocator--show-list .StoreLocator__map {
    display: block;
  }
}
.StoreLocator__map .gmnoprint a, .StoreLocator__map .gmnoprint span, .StoreLocator__map .gm-style-cc {
  display: none;
}
.StoreLocator__map .gmnoprint div {
  background: #161815 !important;
}
.StoreLocator__map .gm-style-iw {
  top: -8px;
  width: 317px;
  padding: 20px 15px 20px 25px !important;
  background-color: #212121;
  border-radius: 0;
}
.StoreLocator__map .gm-style-iw button {
  top: 2px !important;
  right: 2px !important;
}
.StoreLocator__map .gm-style-iw button span {
  width: 18px !important;
  height: 18px !important;
  margin: 6px !important;
  background-color: #FFF !important;
}
.StoreLocator__map .gm-style-iw .InfoWindow__title {
  margin-bottom: 0.5rem;
  color: #ffffff;
  font-family: "metropolismedium", sans-serif;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
}
.StoreLocator__map .gm-style-iw .InfoWindow__link {
  color: #BFBFBF;
  text-decoration: underline;
  outline: none;
}
.StoreLocator__map .gm-style-iw .InfoWindow__item {
  display: flex;
  margin-bottom: 0.2rem;
  font-size: 14px;
  line-height: 24px;
  font-family: "metropolismedium", sans-serif;
}
.StoreLocator__map .gm-style-iw .InfoWindow__item span {
  margin-right: 0.5rem;
  color: #ffffff;
}
.StoreLocator__map .gm-style-iw .InfoWindow__item p {
  color: #BFBFBF;
}
.StoreLocator__map .gm-style .gm-style-iw-tc:after {
  top: -21px;
  width: 25px;
  height: 25px;
  background-color: #212121;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.5);
  transform: rotate(45deg);
  -webkit-clip-path: none;
          clip-path: none;
}
.StoreLocator__map .gm-style-iw-d {
  overflow: hidden !important;
}

.Store__back .Svg {
  margin-right: 8px;
}

/* ----------------------------------------------------------------------
| Woocommerce - Mini Cart
|------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Mini Cart
|--------------------------------------------------------------------------
| @namespace: MiniCart
|
*/
.MiniCart {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/*
|--------------------------------------------------------------------------
| Mini Cart - Total
|--------------------------------------------------------------------------
| @namespace: MiniCartTotal
|
*/
.MiniCartTotal {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 0.875rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #4F4F4F;
}
@media (min-width: 768px) {
  .MiniCartTotal {
    margin-bottom: 1.25rem;
  }
}

.MiniCartTotal__label {
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

.MiniCartTotal__value {
  font-size: 24px;
  line-height: 24px;
  color: #ffffff;
  letter-spacing: 0.2rem;
}

.MiniCart__continue--container {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.MiniCart__continue {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: #ffffff;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}
@media (hover: hover) {
  .MiniCart__continue:hover {
    color: #BFBFBF;
  }
}

/*
|--------------------------------------------------------------------------
| Mini Cart - Products
|--------------------------------------------------------------------------
| @namespace: MiniCartProducts
|
*/
.MiniCartProducts {
  display: grid;
  row-gap: 1.25rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .MiniCartProducts {
    row-gap: 1.5rem;
  }
}

/*
|--------------------------------------------------------------------------
| Mini Cart - Product
|--------------------------------------------------------------------------
| @namespace: MiniCartProduct
|
*/
.MiniCartProduct__inner {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.MiniCartProduct__link {
  display: block;
  width: 100%;
  height: 100%;
}

.MiniCartProduct__imagecontainer {
  position: relative;
  flex: 0 0 auto;
  width: 8rem;
  height: 8rem;
  background-color: var(--color-gray-light);
}
@media (min-width: 768px) {
  .MiniCartProduct__imagecontainer {
    width: 5.5rem;
    height: 5.5rem;
  }
}

.MiniCartProduct__imageframe {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: solid 1px #4F4F4F;
}

.MiniCartProduct__image {
  width: calc(100% - 1rem);
  max-width: 100%;
  height: auto;
  margin: auto;
}

.MiniCartProduct__content {
  flex: 1 1 auto;
}

.MiniCartProduct__title {
  margin-bottom: 0.0625rem;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.1rem;
}
@media (min-width: 768px) {
  .MiniCartProduct__title {
    font-size: 16px;
    line-height: 24px;
  }
}

.MiniCartProduct__quantitylabel {
  display: none;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .MiniCartProduct__quantitylabel {
    display: block;
  }
}

.MiniCartProduct__remove {
  margin-left: auto;
}

.MiniCartProduct__removelink {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='Svg' viewBox='0 0 16 18.022' fill='%23fff'%3E%3Cpath d='M5.625 7.295h1.164v6.407H5.625zM9.205 7.295h1.164v6.407H9.205z'/%3E%3Cpath d='M9.454 0H6.539a1.725 1.725 0 0 0-1.724 1.725v1.063H.647a.647.647 0 0 0 0 1.294H1.8l.627 11.293a2.8 2.8 0 0 0 2.8 2.648h5.548a2.8 2.8 0 0 0 2.8-2.648L14.2 4.081h1.149a.647.647 0 1 0 0-1.294h-4.17V1.725A1.725 1.725 0 0 0 9.454 0ZM6.11 1.725a.431.431 0 0 1 .431-.431h2.913a.431.431 0 0 1 .431.431v1.063H6.108Zm6.79 2.356-.623 11.225a1.509 1.509 0 0 1-1.509 1.425H5.22a1.509 1.509 0 0 1-1.509-1.425L3.09 4.081Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.875rem 1rem;
}
.MiniCartProduct__removelink:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='Svg' viewBox='0 0 16 18.022' fill='%23d01345'%3E%3Cpath d='M5.625 7.295h1.164v6.407H5.625zM9.205 7.295h1.164v6.407H9.205z'/%3E%3Cpath d='M9.454 0H6.539a1.725 1.725 0 0 0-1.724 1.725v1.063H.647a.647.647 0 0 0 0 1.294H1.8l.627 11.293a2.8 2.8 0 0 0 2.8 2.648h5.548a2.8 2.8 0 0 0 2.8-2.648L14.2 4.081h1.149a.647.647 0 1 0 0-1.294h-4.17V1.725A1.725 1.725 0 0 0 9.454 0ZM6.11 1.725a.431.431 0 0 1 .431-.431h2.913a.431.431 0 0 1 .431.431v1.063H6.108Zm6.79 2.356-.623 11.225a1.509 1.509 0 0 1-1.509 1.425H5.22a1.509 1.509 0 0 1-1.509-1.425L3.09 4.081Z'/%3E%3C/svg%3E");
}

.MiniCartProduct__contentgrid {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.1rem;
}
@media (min-width: 768px) {
  .MiniCartProduct__contentgrid {
    font-size: 16px;
    line-height: 24px;
  }
}

/* ----------------------------------------------------------------------
| Woocommerce - Cart
|------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Cart
|--------------------------------------------------------------------------
| @namespace: Cart
|
*/
.CartContainer {
  margin-top: 5rem;
}
@media (min-width: 900px) {
  .CartContainer {
    margin-top: 10rem;
  }
}

.Cart {
  display: grid;
}
@media (min-width: 768px) {
  .Cart {
    grid-template-columns: 2fr 1fr;
    column-gap: 2rem;
  }
}
@media (min-width: 900px) {
  .Cart {
    column-gap: 4rem;
  }
}

@media (min-width: 768px) {
  .Cart__primary {
    grid-column: 1/span 1;
  }
}

@media (min-width: 768px) {
  .Cart__secondary {
    grid-column: 2/span 1;
  }
}

.Cart__header {
  margin-bottom: 0.375rem;
}
@media (min-width: 768px) {
  .Cart__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.875rem;
  }
}

.Cart__title {
  margin-bottom: 0.5rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 38px;
}
@media (min-width: 768px) {
  .Cart__title {
    grid-column: 2/span 1;
    margin-bottom: 0;
  }
}

.Cart__back-to-shop {
  display: flex;
  align-items: center;
  color: #ffffff;
  letter-spacing: 0.1rem;
}
.Cart__back-to-shop .Svg {
  margin-right: 10px;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .Cart__back-to-shop:hover .Svg {
    margin-right: 15px;
  }
}

.blockUI.blockOverlay {
  background: #161815 !important;
}

/*
|--------------------------------------------------------------------------
| Cart - Product
|--------------------------------------------------------------------------
| @namespace: CartProduct
|
*/
.CartProduct {
  padding: 1rem;
  background-color: #212121;
}
@media (min-width: 768px) {
  .CartProduct {
    padding: 1.5rem;
  }
}

.CartProduct__inner {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .CartProduct__inner {
    gap: 2.25rem;
  }
}

.CartProduct__link {
  display: block;
  width: 100%;
  height: 100%;
}

.CartProduct__imagecontainer {
  position: relative;
  flex: 0 0 auto;
  width: 8.75rem;
  height: 8.75rem;
  background-color: #373737;
}

.CartProduct__imageframe {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.CartProduct__image {
  width: calc(100% - 1rem);
  max-width: 100%;
  height: auto;
  margin: auto;
}

.CartProduct__content {
  flex: 1 1 auto;
}

.CartProduct__title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0.25rem;
  color: #ffffff;
}

.CartProduct__backorder-notification {
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
}

.CartProduct__quantitylabel {
  display: none;
  margin-bottom: 0.2rem;
  color: #F4F4F4;
  letter-spacing: 0.1rem;
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .CartProduct__quantitylabel {
    display: block;
  }
}

.CartProduct__removelink {
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='Svg' viewBox='0 0 16 18.022' fill='%23fff'%3E%3Cpath d='M5.625 7.295h1.164v6.407H5.625zM9.205 7.295h1.164v6.407H9.205z'/%3E%3Cpath d='M9.454 0H6.539a1.725 1.725 0 0 0-1.724 1.725v1.063H.647a.647.647 0 0 0 0 1.294H1.8l.627 11.293a2.8 2.8 0 0 0 2.8 2.648h5.548a2.8 2.8 0 0 0 2.8-2.648L14.2 4.081h1.149a.647.647 0 1 0 0-1.294h-4.17V1.725A1.725 1.725 0 0 0 9.454 0ZM6.11 1.725a.431.431 0 0 1 .431-.431h2.913a.431.431 0 0 1 .431.431v1.063H6.108Zm6.79 2.356-.623 11.225a1.509 1.509 0 0 1-1.509 1.425H5.22a1.509 1.509 0 0 1-1.509-1.425L3.09 4.081Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1.125rem;
}
.CartProduct__removelink:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='Svg' viewBox='0 0 16 18.022' fill='%23d01345'%3E%3Cpath d='M5.625 7.295h1.164v6.407H5.625zM9.205 7.295h1.164v6.407H9.205z'/%3E%3Cpath d='M9.454 0H6.539a1.725 1.725 0 0 0-1.724 1.725v1.063H.647a.647.647 0 0 0 0 1.294H1.8l.627 11.293a2.8 2.8 0 0 0 2.8 2.648h5.548a2.8 2.8 0 0 0 2.8-2.648L14.2 4.081h1.149a.647.647 0 1 0 0-1.294h-4.17V1.725A1.725 1.725 0 0 0 9.454 0ZM6.11 1.725a.431.431 0 0 1 .431-.431h2.913a.431.431 0 0 1 .431.431v1.063H6.108Zm6.79 2.356-.623 11.225a1.509 1.509 0 0 1-1.509 1.425H5.22a1.509 1.509 0 0 1-1.509-1.425L3.09 4.081Z'/%3E%3C/svg%3E");
}
@media (min-width: 768px) {
  .CartProduct__removelink {
    margin-top: 1.25rem;
  }
}

.CartProductContentGrid {
  display: grid;
  grid-gap: 0.375rem;
  grid-template-areas: "primary primary" "quantity remove";
  grid-template-columns: 1fr 2rem;
  width: 100%;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .CartProductContentGrid {
    grid-gap: 1.25rem;
    grid-template-areas: "primary quantity remove";
    grid-template-columns: 1fr 104px 2rem;
  }
}

.CartProductContentGrid__primary {
  grid-area: primary;
}

.CartProductContentGrid__quantity {
  grid-area: quantity;
}
@media (min-width: 768px) {
  .CartProductContentGrid__quantity {
    place-self: center;
  }
}

.CartProductContentGrid__remove {
  grid-area: remove;
  place-self: center;
}

/*
|--------------------------------------------------------------------------
| Cart - Summary
|--------------------------------------------------------------------------
| @namespace: CartSummary
|
*/
.CartSummary {
  margin: 0 -15px 48px;
  padding: 1rem;
  background-color: #212121;
}
@media (min-width: 900px) {
  .CartSummary {
    position: sticky;
    top: 50px;
    margin: 0 0 24px;
    padding: 2rem;
  }
}

.CartSummary__title {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 30px;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}
@media (min-width: 900px) {
  .CartSummary__title {
    margin-bottom: 1.5rem;
  }
}
.CheckoutThankYou .CartSummary__title {
  margin-bottom: 12px;
}

.CartSummaryTable {
  width: 100%;
  margin-bottom: 1.1875rem;
  letter-spacing: 0.1rem;
  border-collapse: collapse;
}
.CartSummaryTable th,
.CartSummaryTable td {
  font-size: 16px;
  line-height: 24px;
}
.CheckoutThankYou .CartSummaryTable th,
.CheckoutThankYou .CartSummaryTable td {
  padding-bottom: 0.5625rem;
}
.CartSummaryTable tr:last-child th,
.CartSummaryTable tr:last-child td {
  padding-bottom: 0;
}
.CartSummaryTable th {
  text-align: left;
}
.CartSummaryTable td {
  text-align: right;
}
.CartSummaryTable .cart-subtotal th,
.CartSummaryTable .cart-subtotal td {
  font-size: 16px;
  line-height: 24px;
}
.CheckoutThankYou .CartSummaryTable .cart-subtotal th,
.CheckoutThankYou .CartSummaryTable .cart-subtotal td {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 0.5625rem;
}
.CartSummaryTable .order-total th {
  font-size: 20px;
  line-height: 24px;
  color: #BFBFBF;
}
.CartSummaryTable .order-total td {
  font-size: 18px;
  line-height: 18px;
}
@media (min-width: 900px) {
  .CartSummaryTable .order-total td {
    font-size: 20px;
    line-height: 20px;
    color: #F4F4F4;
  }
}
.CartSummaryTable .order-total td strong {
  display: block;
}

.CartSummary__footer {
  margin-top: 24px;
}

.CartSummary__body {
  margin: 24px 0 0;
}
.CartSummary__body th {
  color: #BFBFBF;
}

.CartSummary__discount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 1rem 0;
  color: #BFBFBF;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .CartSummary__discount:hover {
    color: #4F4F4F;
  }
}

.CartSummary__discountwrap {
  display: flex;
  align-items: center;
}

.CartSummary__discounticon {
  margin-right: 8px;
}

.CartSummary__discountform {
  display: none;
}
.CartSummary__discountform.active {
  display: contents;
}
.CartSummary__discountform .Notice {
  margin-bottom: 1.5rem;
}

.ProductKlarna .container {
  background-color: transparent !important;
}

.Checkout__button {
  width: 100%;
}
.Checkout__button .Svg path {
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .Checkout__button:hover .Svg path {
    stroke: #0F0D0D;
  }
}
.Checkout__button[disabled=true] {
  background-color: #4F4F4F;
  border-color: #4F4F4F;
}
@media (hover: hover) {
  .Checkout__button[disabled=true]:hover {
    background-color: #4F4F4F;
  }
  .Checkout__button[disabled=true]:hover .Svg path {
    stroke: #ffffff;
  }
}
.Checkout-button__secondary .Checkout__button {
  display: none;
}
@media (min-width: 900px) {
  .Checkout-button__secondary .Checkout__button {
    display: flex;
  }
}

.fee .amount bdi {
  display: flex;
}

/*
|--------------------------------------------------------------------------
| Cart - Products
|--------------------------------------------------------------------------
| @namespace: CartProducts
|
*/
.CartProducts {
  display: grid;
  row-gap: 1rem;
}
@media (min-width: 768px) {
  .CartProducts {
    row-gap: 1.1875rem;
  }
}

.CartProducts__actions {
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
  margin-top: 1rem;
  margin-bottom: 2.75rem;
}
@media (min-width: 768px) {
  .CartProducts__actions {
    flex-direction: row;
    margin-top: 1.625rem;
  }
}

.CartProducts__updatebutton {
  display: none;
}

/*
|--------------------------------------------------------------------------
| Cart - Empty
|--------------------------------------------------------------------------
| @namespace: CartEmpty
|
*/
.CartEmpty {
  margin: auto;
  text-align: center;
}

.CartEmpty__text,
.cart-empty {
  margin-bottom: 1rem;
}

/*
|--------------------------------------------------------------------------
| Cart - Shipping
|--------------------------------------------------------------------------
| @namespace: CartShipping
|
*/
.CartShipping__method {
  margin: 1rem 0;
}

.CartShipping__select {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin-left: -5px;
  padding: 0;
  overflow: hidden;
  color: #F4F4F4;
  letter-spacing: 0.1rem;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  background-color: #212121;
}
.CartShipping__select:focus {
  border-color: #F4F4F4;
  outline: none;
}
@media (hover: hover) {
  .CartShipping__select:hover {
    border-color: #F4F4F4;
    cursor: pointer;
  }
}

.CartShipping__info {
  display: inline;
  color: #4F4F4F;
  font-size: 14px;
  line-height: 14px;
}

/* ----------------------------------------------------------------------
| Woocommerce - Checkout
|------------------------------------------------------------------------
*/
.Checkout {
  display: grid;
}
@media (min-width: 900px) {
  .Checkout {
    grid-template-columns: 2fr 1fr;
    column-gap: 2rem;
  }
}
@media (min-width: 900px) {
  .Checkout {
    column-gap: 4rem;
  }
}

.Checkout__primary--inner,
.Checkout__secondary {
  padding: 1rem;
  background-color: #212121;
}
@media (min-width: 768px) {
  .Checkout__primary--inner,
.Checkout__secondary {
    padding: 2rem;
  }
}

.Checkout__createAccount {
  margin: 1rem 0;
}

.Checkout__coupon--login {
  margin-bottom: 1.5rem;
}

.Checkout__form--headers {
  margin-bottom: 1rem;
}

.CartSummary__header {
  margin-bottom: 1rem;
}

.CartSummary__title,
.Checkout__form--headers {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 38px;
}

.InputLabel__checkout {
  display: flex;
  margin-bottom: 0.5rem;
}

/*
|--------------------------------------------------------------------------
| Checkout - Progress
|--------------------------------------------------------------------------
| @namespace: CheckoutProgress
|
*/
.CheckoutProgress {
  margin-bottom: 2rem;
}

.CheckoutProgress__list {
  display: flex;
  flex-wrap: wrap;
}

.CheckoutProgress__item {
  display: inline-block;
}

.CheckoutProgress__text {
  color: #ffffff;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  letter-spacing: 0.1rem;
}
.CheckoutProgress__item--current .CheckoutProgress__text {
  position: relative;
  color: #BFBFBF;
}
.CheckoutProgress__item--current .CheckoutProgress__text::after {
  position: absolute;
  bottom: -0.4rem;
  left: 50%;
  display: block;
  width: 75%;
  height: 2px;
  background-color: #F4F4F4;
  transform: translateX(-50%);
  content: "";
}

.CheckoutProgress__item + .CheckoutProgress__item::before {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.2rem;
  margin-left: 0.5rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.114' height='10.5' class='Svg'%3E%3Cpath fill='%23fff' d='M1.221 10.5 0 9.279 4.029 5.25 0 1.221 1.221.001 5.86 4.64a.864.864 0 0 1 0 1.221Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}

.CheckoutNotice, .woocommerce-error {
  display: flex;
  align-items: center;
  margin: 17px 0 0;
  padding: 10px;
  color: #ffffff;
  border-radius: 2px;
}

.CheckoutNotice__icon {
  margin-right: 12px;
}
.CheckoutNotice__icon .Svg path {
  stroke: #22c73b;
}

.CheckoutNotice__text {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}

/*
|--------------------------------------------------------------------------
| Notice (WooCommerce Alerts)
|--------------------------------------------------------------------------
| @namespace: Notice
|
| Wrapped in .woocommerce-notices-wrapper
|
*/
.Notice {
  display: block;
  margin-bottom: 0.5rem;
  padding: 0.375rem 2.125rem;
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  border-radius: 2px;
}
@media (min-width: 900px) {
  .Notice {
    padding: 0.375rem 1.5rem;
  }
}
.Notice .button.wc-forward,
.Notice .restore-item {
  float: right;
  margin-left: 0.5rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.Notice + .Notice {
  margin-top: 0.5rem;
}

.Notice--error {
  padding-left: 3.625rem;
  background-color: #be2828;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 22.8C6.1 22.8 1.2 17.9 1.2 12S6.1 1.3 12 1.3 22.8 6.1 22.8 12 17.9 22.8 12 22.8zm0-20c-5.1 0-9.2 4.1-9.2 9.2s4.1 9.2 9.2 9.2 9.2-4.1 9.2-9.2-4.1-9.2-9.2-9.2zm0 15c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7-.1-1.1.3-.3.8-.3 1.1 0 .3.3.3.8.1 1.1-.2.1-.4.2-.6.2zm0-4c-.4 0-.8-.3-.8-.8V7c0-.4.3-.8.8-.8s.8.3.8.8v6c0 .4-.4.8-.8.8z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 2.125rem center;
  background-size: 1rem;
}
@media (min-width: 900px) {
  .Notice--error {
    padding-left: 3rem;
    background-position: left 1.5rem center;
  }
}

.Notice--success {
  padding-left: 3.625rem;
  background-color: #22c73b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M8 16A8 8 0 0 1 2.343 2.343a8 8 0 0 1 11.314 11.314A7.948 7.948 0 0 1 8 16M8 1.1a6.9 6.9 0 0 0-4.878 11.778 6.9 6.9 0 0 0 9.756-9.756A6.853 6.853 0 0 0 8 1.1'/%3E%3Cpath d='M6.132 11.378a.549.549 0 0 1-.389-.161L3.824 9.298a.551.551 0 1 1 .779-.779l1.53 1.53 5.266-5.266a.551.551 0 0 1 .779.779l-5.655 5.655a.549.549 0 0 1-.389.161'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 2.125rem center;
  background-size: 1rem;
}
@media (min-width: 900px) {
  .Notice--success {
    padding-left: 3rem;
    background-position: left 1.5rem center;
  }
}

.Notice--info {
  padding-left: 3.625rem;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M12 22.8C6.1 22.8 1.2 17.9 1.2 12S6.1 1.3 12 1.3 22.8 6.1 22.8 12 17.9 22.8 12 22.8zm0-20c-5.1 0-9.2 4.1-9.2 9.2s4.1 9.2 9.2 9.2 9.2-4.1 9.2-9.2-4.1-9.2-9.2-9.2zm0 15c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7-.1-1.1.3-.3.8-.3 1.1 0 .3.3.3.8.1 1.1-.2.1-.4.2-.6.2zm0-4c-.4 0-.8-.3-.8-.8V7c0-.4.3-.8.8-.8s.8.3.8.8v6c0 .4-.4.8-.8.8z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 2.125rem center;
  background-size: 1rem;
}
@media (min-width: 900px) {
  .Notice--info {
    padding-left: 3rem;
    background-position: left 1.5rem center;
  }
}

/*
|--------------------------------------------------------------------------
| Checkout - Product
|--------------------------------------------------------------------------
| @namespace: CheckoutProduct
|
*/
.CheckoutProduct {
  margin-bottom: 29px;
  text-align: left;
}

.CheckoutProduct__inner {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}

.CheckoutProduct__imagecontainer {
  position: relative;
  flex: 0 0 auto;
  width: 8rem;
  height: 8rem;
  background-color: #ffffff;
}

.CheckoutProduct__content {
  flex: 1 1 auto;
}
.CheckoutProduct__content .ProductAttributesContainer {
  margin-bottom: 0.5rem;
}

.CheckoutProduct__title {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 16px;
  color: #ffffff;
}

.CheckoutProduct__contentgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
}
.CheckoutProduct__contentgrid .ProductPrice {
  color: #ffffff;
  text-align: right;
}
.CheckoutProduct__contentgrid .ProductAttribute {
  font-size: 14px;
  line-height: 14px;
}

.CheckoutProduct__sku {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 4px;
}

/* ----------------------------------------------------------------------
| Woocommerce - Coupon
|------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Coupon - Form
|--------------------------------------------------------------------------
| @namespace: CouponForm
|
*/
.CouponForm__coupon {
  position: relative;
  margin-bottom: 20px;
}
.CouponForm__coupon .Notice {
  margin-top: 4px;
}

.CouponForm__input {
  border-radius: 6px;
}
.CouponForm__input::placeholder {
  font-size: 14px;
  line-height: 14px;
}

.CouponForm__button {
  position: absolute;
  top: 20px;
  right: 17px;
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.1rem;
}

/* ----------------------------------------------------------------------
| Woocommerce - Cross Sells
|------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Cross Sells - Card
|--------------------------------------------------------------------------
| @namespace: CrossSellsCard
|
*/
.CrossSellsCard {
  display: flex;
  align-items: center;
  padding: 1rem;
  border: 1px solid #4F4F4F;
}
@media (min-width: 900px) {
  .CrossSellsCard {
    padding: 1.5rem;
  }
}

.CrossSellsCard__link {
  display: flex;
  flex: 1;
  gap: 12px;
  align-items: center;
  width: 100%;
}
@media (min-width: 900px) {
  .CrossSellsCard__link {
    gap: 24px;
  }
}

.CrossSellsCard__imageframe {
  width: 75px;
  height: 75px;
  padding: 0.2rem;
  background-color: #373737;
}
@media (min-width: 900px) {
  .CrossSellsCard__imageframe {
    width: 90px;
    height: 90px;
  }
}

.CrossSellsCard__image {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}

.CrossSellsCard__content {
  flex: 1;
}

.CrossSellsCard__title {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 4px;
  line-height: 20px;
}

.CrossSellsCard__text {
  display: none;
}
@media (min-width: 900px) {
  .CrossSellsCard__text {
    display: block;
    margin-bottom: 0.5rem;
  }
}

.CrossSellsCard__action {
  display: flex;
  flex: 0 0 auto;
  align-self: center;
}

.CrossSellsCard__button {
  padding: 10px 20px;
}
@media (min-width: 900px) {
  .CrossSellsCard__button {
    padding: 15px 20px;
  }
}

.CrossSellsCard__button--desktop {
  display: none;
}
@media (min-width: 900px) {
  .CrossSellsCard__button--desktop {
    display: block;
  }
}

@media (min-width: 900px) {
  .CrossSellsCard__button--mobile {
    display: none;
  }
}

/*
|--------------------------------------------------------------------------
| Cross Sells - List
|--------------------------------------------------------------------------
| @namespace: CrossSellsList
|
*/
.CrossSellsList {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
@media (min-width: 900px) {
  .CrossSellsList {
    margin-bottom: 0;
  }
}

/*
|--------------------------------------------------------------------------
| Cross Sells
|--------------------------------------------------------------------------
| @namespace: CrossSells
|
*/
.CrossSells__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 1rem;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

/* ----------------------------------------------------------------------
| Woocommerce - Account
|------------------------------------------------------------------------
*/
.Account {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}
@media (min-width: 900px) {
  .Account {
    flex-direction: row;
  }
}

.Account__wrapper {
  flex: 1;
  padding: 1rem;
  background-color: #212121;
}
@media (min-width: 900px) {
  .Account__wrapper {
    margin-left: 24px;
    padding: 2rem;
  }
}
.Account__wrapper form .InputLabel {
  display: flex;
  margin-bottom: 0.5rem;
}

@media (min-width: 900px) {
  .Account--orders .woocommerce-message {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
}
.Account--orders .woocommerce-message a {
  color: #ffffff;
  background-color: transparent;
}
@media (hover: hover) {
  .Account--orders .woocommerce-message a:hover {
    color: #ffffff;
    text-decoration: underline;
    background-color: transparent;
  }
}

.Account--edit-address form h3, .Account--edit-additional form h3 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 18px;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}
.Account--edit-address .Form__columns, .Account--edit-additional .Form__columns {
  margin-bottom: 24px;
}
.Account--edit-address .Form__column, .Account--edit-additional .Form__column {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.Account--edit-address .select2, .Account--edit-additional .select2 {
  height: 56px;
}
.Account--edit-address .select2 .select2-selection, .Account--edit-additional .select2 .select2-selection {
  height: 100%;
  background-color: #ffffff;
  border: 2px solid #ffffff !important;
}
.Account--edit-address .select2 .select2-selection__rendered, .Account--edit-additional .select2 .select2-selection__rendered {
  display: flex;
  align-items: center;
  height: 100%;
}
.Account--edit-address .select2 .select2-selection__arrow, .Account--edit-additional .select2 .select2-selection__arrow {
  top: 15px;
}

.Account--wishlist table tbody tr {
  margin-bottom: 24px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.Account--wishlist table tbody tr:last-child {
  margin-bottom: 0;
}
.Account--wishlist table tbody tr:first-child {
  display: none;
}

.Account__back {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 20px;
  color: #ffffff;
}
@media (min-width: 900px) {
  .Account__back {
    display: none;
  }
}

/*
|--------------------------------------------------------------------------
| Account - Navigation
|--------------------------------------------------------------------------
| @namespace: AccountNavigation
|
*/
.AccountNavigation {
  display: none;
  width: 360px;
}
@media (min-width: 900px) {
  .AccountNavigation {
    display: block;
  }
}

.AccountNavigation__header {
  margin-bottom: 1rem;
  padding-top: 2rem;
  padding-left: 2rem;
}

.AccountNavigation__header--title {
  color: #ffffff;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.1rem;
}

.AccountNavigation__list {
  padding-bottom: 1rem;
  background-color: #212121;
}

.AccountNavigation__item:first-child .AccountNavigation__link {
  border-top: none;
}

.AccountNavigation__link {
  display: flex;
  align-items: center;
  padding: 15px 30px;
  color: #ffffff;
  letter-spacing: 0.1rem;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.AccountNavigation__link .Svg {
  margin-right: 22px;
}
.is-active .AccountNavigation__link {
  background-color: #161815;
}
@media (hover: hover) {
  .AccountNavigation__link:hover {
    background-color: #161815;
  }
}

.Address {
  overflow: hidden;
  background-color: #161815;
  font-size: 18px;
  line-height: 18px;
}
.Address .Address__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  background-color: #4F4F4F;
}
.Address .Address__header .Address__title {
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}
.Address .Address__address {
  padding: 30px;
  font-size: 14px;
  line-height: 20px;
}
.Address .Address__address a {
  display: block;
  margin-top: 8px;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}
@media (hover: hover) {
  .Address:hover .Cross {
    display: flex;
  }
}

.Address__form {
  display: flex;
}

.Address__delete {
  width: 20px;
  height: 20px;
}
.Address__delete .Cross {
  display: none;
  background-color: #ffffff;
}
.Address__delete .Cross:after {
  background-color: #ffffff;
}

.AddressBook__title {
  margin: 24px 0;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 18px;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

.AddressBook__button {
  margin-top: 24px;
}

.AddressBook__wrapper {
  margin-bottom: 2rem;
}

.AccountContent {
  display: grid;
  gap: 1rem;
}
@media (min-width: 900px) {
  .AccountContent {
    grid-template-columns: repeat(2, 1fr);
  }
}

.AccountContent__item {
  padding: 19px;
  background-color: #161815;
}
@media (min-width: 900px) {
  .AccountContent__item {
    padding: 30px;
  }
}

.AccountContent__header {
  position: relative;
  display: flex;
  align-items: center;
}
@media (min-width: 900px) {
  .AccountContent__header {
    margin-bottom: 8px;
  }
}
.AccountContent__header .Svg {
  margin-right: 12px;
}

.AccountContent__title {
  font-size: 20px;
  line-height: 20px;
  margin: 0;
  color: #ffffff;
}

.AccountContent__text {
  display: none;
}
@media (min-width: 900px) {
  .AccountContent__text {
    display: block;
  }
}

.AccountContent__button {
  display: none;
  margin-top: 24px;
  padding: 15px 68px;
}
@media (min-width: 900px) {
  .AccountContent__button {
    display: flex;
  }
}

.AccountContent__arrow {
  position: absolute;
  right: 0;
}
@media (min-width: 900px) {
  .AccountContent__arrow {
    display: none;
  }
}

.AccountHeader {
  margin-bottom: 2rem;
}

.AccountHeader__title, .Account > h2 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 8px;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

/*
|--------------------------------------------------------------------------
| Account - Boxes
|--------------------------------------------------------------------------
| @namespace: AccountBoxes
|
*/
.woocommerce-checkout .AccountBoxes {
  max-width: 1000px;
}

.AccountBoxes--password-reset {
  margin: 0 auto;
}
.AccountBoxes--password-reset .Button {
  width: 100%;
  margin-top: 12px;
}

.AccountBoxes__item {
  padding: 30px 15px;
  border: 1px solid #ffffff;
}
@media (min-width: 900px) {
  .AccountBoxes__item {
    padding: 60px;
  }
}

.AccountBoxes__item--secondary {
  background-color: #ffffff;
  border: none;
}

.AccountBox__form {
  width: 100%;
  max-width: 488px;
  margin: 0 auto;
}
.AccountBox__form .Button {
  width: 100%;
  max-width: 100%;
}

.AccountBox__header {
  margin-bottom: 20px;
  text-align: center;
}

.AccountBox__title {
  font-size: 38px;
  line-height: 52px;
  margin-bottom: 10px;
}

.AccountBoxes__item--checkout {
  padding: 32px;
}
.AccountBoxes__item--checkout .AccountBox__header {
  text-align: left;
}
.AccountBoxes__item--checkout .AccountBox__title {
  font-size: 20px;
  line-height: 20px;
}
.AccountBoxes__item--checkout .AccountBox__text {
  font-size: 14px;
  line-height: 14px;
  color: #4F4F4F;
}
.AccountBoxes__item--checkout .Form__footer {
  margin-top: 20px;
  text-align: center;
}
.AccountBoxes__item--checkout .Input {
  border-radius: 6px;
}
.AccountBoxes__item--checkout .Button {
  width: 100%;
}
.AccountBoxes__item--checkout .Form__columns {
  gap: 20px;
}