:root { --step: 1; --star-color: #f09b0a; --color-white: #fff; --color-black: #1a1a1a; --color-grey: #8d8d8d; --color-darkGrey: #3a3a44; --color-error: #e64646; --color-success: #058427; --color-preorder: #f09b0a; --grid-maxWidth: 135rem; --grid-gutter: 1rem; --grid-gutter-mobile: 1rem; --grid-footer: calc(var(--grid-gutter) * 6); --font-size-micro: 0.65rem; --font-size-sm: 0.75rem; --font-size-xs: 0.85rem; --font-size-base: 0.95rem; --font-size-md: 1.15rem; --font-size-lg: 1.25rem; --font-size-xl: 1.35rem; --font-size-slider: 5rem; --font-size-xxl: 2rem; --font-size-xxxl: 2.2rem; --font-size-header: 2.4rem; --font-weight-thin: 300; --font-weight-normal: 400; --font-weight-semibold: 500; --font-weight-bold: 700; --font-weight-extrabold: 900; --border-radius: 2px; --form-border: #e8e8e8; --form-border: #cecece; --box-border: #e8e8e8; --color-primary: #f08; --bg-primary-color: rgba(255, 0, 136, .15); --color-link: var(--color-black); --color-lightGrey: #f0f0f0; --color-placeholder: #6c757d }
@media screen and (max-width:900px) {
	:root { --font-size-micro: 1rem; --font-size-sm: 1rem; --font-size-xs: 1.1rem; --font-size-base: 1.2rem; --font-size-md: 1.3rem; --font-size-lg: 1.4rem; --font-size-xl: 1.6rem; --font-size-xxl: 1.8rem; --font-size-xxxl: 2rem; --font-size-slider: 2.4rem; --font-size-header: 1.8rem; --grid-gutter: 0.7rem; --grid-footer: calc(var(--grid-gutter) * 3); --box-border: #f4f6f9 }
}
[data-mode=dark] { --star-color: #f09b0a; --color-white: #1e1e1e; --color-grey: #ccc; --color-darkGrey: #676770; --color-lightGrey: #525252; --color-error: #e64646; --color-success: #058427; --color-preorder: #f09b0a; --color-black: #eee; --color-button: #3a3a44; --form-border: #3a3a44; --box-border: #3a3a44 }
[data-mode=dark] body { background: var(--color-white) }
[data-mode=dark] .productCard__skusColorDisabled:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath class='cross' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3' d='M7.578 7.592l23.62 24.63m.001-24.63l-23.62 24.63'/%3E%3C/svg%3E")
}
[data-mode=dark] .homeIcon__img img { filter: invert(.8) }
[data-mode=dark] .dashboard .col img { filter: invert(.5) }
[data-mode=dark] .catalogProduct__size { color: var(--color-black); background: rgba(0, 0, 0, .7); opacity: .7 }
[data-mode=dark] .mainMenu__item a { color: var(--color-black) }
[data-mode=dark] .mainMenu__logo img { filter: invert(1) }
[data-mode=dark] .mainMenu._top .mainMenu__item a { color: var(--color-black) }
[data-mode=dark] .mainMenu._top .mainMenu__burger span,
[data-mode=dark] .mainMenu__burger span { background: var(--color-black) }
[data-mode=dark] .mainMenu._top .mainMenu__logo img,
[data-mode=dark] .mainMenu._top .mainMenu__logo svg { filter: invert(1) }
[data-mode=dark] .homeSlider__galleryText { color: var(--color-black) }
[data-mode=dark] .catalogProduct__badge { border: 1px solid var(--color-white); color: var(--color-white) }
[data-mode=dark] .galleryPano__closeBtn img { filter: invert(1) }
[data-mode=dark] .mainMenu__daynight .toggle { border: 1px solid #757575 }
[data-mode=dark] .mainMenu__daynight .toggle:has(input:checked):before { background-color: #757575 }
[data-mode=dark] .alertLine { background: #000; color: var(--color-darkGrey) }
[data-mode=dark] .mainMenu__black,
[data-mode=dark] body.menu-open .mainMenu { background: var(--color-white) }
[data-mode=dark] body.menu-open .mainMenu a { color: var(--color-grey) }
[data-mode=dark] body.menu-open .mainMenu__burger span { background: var(--color-darkGrey); display: none; border-radius: 4px }
[data-mode=dark] body.menu-open .mainMenu path,
[data-mode=dark] body.menu-open .mainMenu svg { stroke: var(--color-darkGrey) }
[data-mode=dark] .mainMenu__blackItem a { color: var(--color-grey) }
[data-mode=dark] body.menu-open .mainMenu__count { background: var(--color-darkGrey); color: var(--color-white) }
[data-mode=dark] .categoryFilter__header { color: var(--color-black) }
[data-mode=dark] .swiper-button-next,
[data-mode=dark] .swiper-button-prev { color: var(--color-white) }
[data-mode=dark] .footer { background: var(--color-lightGrey); color: var(--color-black) }
.ccallback__header { font-weight: 800; letter-spacing: 0; margin-bottom: calc(var(--grid-gutter) * 2); color: var(--color-grey) }
.ccallback__checkbox .custom-checkmark { border: 0 !important }
.ccallback__checkbox .custom-checkmark:after { display: none !important }
html { box-sizing: border-box; line-height: 1.15; font-size: clamp(62.5%, 1vw, 90%); height: 100% }
*,
:after,
:before { box-sizing: inherit }
body { background: var(--color-white); height: 100%; line-height: 1.6; margin: 0; padding: 0; min-height: 50rem }
@media screen and (max-width:900px) {
	body { min-height: unset }
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 { margin: .35em 0 .7em; font-weight: 900; font-size: calc(1.75em - 2 * var(--step)); line-height: calc(1.1 + .05 * var(--step)) }
a { color: var(--color-black); text-decoration: none; outline: 0 }
a:hover:not(.button):not(.no-opacity) { opacity: .75 }
button { font-family: inherit }
p { margin-top: 0 }
blockquote { background-color: var(--bg-secondary-color); padding: 1.5em 2em; border-left: .3em solid var(--color-lightGrey) }
dl dt { font-weight: 700 }
hr { background-color: var(--color-lightGrey); height: .1em; margin: 1em 0 }
hr,
table { border: none }
table { text-align: left }
table.striped tr:nth-of-type(2n) { background-color: var(--bg-secondary-color) }
td,
th { vertical-align: middle; padding: 1.2em .4em }
thead { border-bottom: .2em solid var(--color-lightGrey) }
tfoot { border-top: .2em solid var(--color-lightGrey) }
b,
strong { font-weight: 700 }
code,
kbd,
pre,
samp,
tt { font-family: var(--font-family-mono); background-color: var(--bg-secondary-color); border-radius: var(--border-radius) }
code,
kbd { font-size: .9em; white-space: pre-wrap; padding: .2em .4em; color: var(--color-error) }
pre { background-color: var(--bg-secondary-color); font-size: 1em; padding: 1em; overflow-x: auto }
pre code { background: none; padding: 0 }
abbr[title] { border-bottom: none; text-decoration: underline dotted }
img { max-width: 100% }
fieldset { border: .1em solid var(--color-lightGrey); padding: .5em 2em }
legend { text-transform: uppercase; font-size: .8em; letter-spacing: .1em }
input:not([type=checkbox]):not([type=radio]),select,textarea,textarea[type=text] { font-family: inherit; padding: .8em 1em; border-radius: var(--border-radius); border: 1px solid var(--form-border); transition: all .2s ease; display: block; width: 100%; font-size: var(--font-size-xs) }
button[type=submit],
input[type=submit] { border: 0 !important }
input:not(:disabled):hover,select:hover,textarea:hover { border-color: var(--color-grey) }
input:focus,
select:focus,
textarea:focus { outline: none; border-color: var(--color-black) }
input.error,
textarea.error { border-color: var(--color-error) }
input.success,
textarea.success { border-color: var(--color-success) }
select { background: var(--color-white) no-repeat 100%; color: var(--color-black) }
select:disabled { opacity: .5 }
[type=checkbox],
[type=radio] { width: 1rem; height: 1rem }
.button,
[type=button],
[type=reset],
[type=submit],
button { padding: 1em 2.5em; color: var(--color-white); background: var(--color-black); border-radius: var(--border-radius); border: 0; font-size: var(--font-size-xs); font-weight: var(--font-weight-normal); line-height: 1; display: inline-block; cursor: pointer; transition: opacity .2s ease, transform .1s ease; outline: none }
.button._outline,
[type=button]._outline,
[type=reset]._outline,
[type=submit]._outline,
button._outline { background: transparent; border: 1px solid var(--color-black) !important; color: var(--color-black) }
.button._outline:hover,
[type=button]._outline:hover,
[type=reset]._outline:hover,
[type=submit]._outline:hover,
button._outline:hover { background: var(--color-black); color: var(--color-white) }
.button:hover,
button:hover { opacity: .8 }
.button:active,
button:active { transform: scale(.98) }
button:disabled,
button:disabled:hover,
input:disabled,
input:disabled:hover { opacity: .4; cursor: not-allowed; background: var(--color-grey) !important; color: var(--color-white) }
button._loading:disabled,
button._loading:disabled:hover,
input._loading:disabled,
input._loading:disabled:hover { color: var(--color-grey) !important; position: relative }
button._loading:disabled:after,
button._loading:disabled:hover:after,
input._loading:disabled:after,
input._loading:disabled:hover:after { content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border: 3px solid rgba(0, 0, 0, .3); border-top-color: #fff; border-radius: 50%; animation: c 1s linear infinite }
.button.primary,
[type=submit] { color: var(--color-white); z-index: 1; background: var(--color-black) }
.button.outline { background: transparent; border-color: var(--color-grey); color: var(--color-grey); font-size: var(--font-size-base); box-shadow: none }
.button.outline:hover { background: var(--color-black); color: var(--color-white) }
.button.gray { background: var(--bg-secondary-color); border-color: var(--bg-secondary-color); color: var(--color-grey); font-size: var(--font-size-base); box-shadow: none }
.button-icon { padding: 1em 2.5em 1em 1.5em }
::placeholder { color: var(--color-placeholder) }
.container { margin: 0 auto; width: 96vw; max-width: clamp(320px, 90vw, var(--grid-maxWidth)); padding: 0 calc(var(--grid-gutter) / 2) }
@media screen and (max-width:900px) {
	.container { max-width: 100%; padding: 0 calc(var(--grid-gutter) * 2); width: 100% }
}
.container-small { margin: 0 auto; width: 70vw; max-width: clamp(320px, 90vw, var(--grid-maxWidth)); padding: 0 calc(var(--grid-gutter) / 2) }
@media screen and (max-width:900px) {
	.container-small { width: 100%; padding: 0 calc(var(--grid-gutter) * 2); max-width: 100% }
}
.container-full { width: 100vw; max-width: 100%; margin: 0 auto }
.container-micro { width: 50vw; max-width: 100%; margin: 0 auto }
@media screen and (max-width:900px) {
	.container-micro { width: 100vw; padding: 0; max-width: 100% }
}
.container-less { width: 100vw; max-width: 100% }
.row { display: flex; flex-flow: row wrap; justify-content: flex-start; gap: var(--grid-gutter) }
.row.reverse { flex-direction: row-reverse }
.col { flex: 0 0 calc((100% / var(--columns)) - var(--grid-gutter)); max-width: calc((100% / var(--columns)) - var(--grid-gutter)) }
.col.swiper-slide { all: unset; flex-shrink: 0; }
@media (min-width:0px) and (max-width:480px) {
	.col { flex: 0 0 calc(100% / var(--columns)); max-width: calc((100% / var(--columns)) - var(--grid-gutter)) }
}
.container-1-columns { --columns: 1 }
.container-2-columns { --columns: 2 }
.container-3-columns { --columns: 3 }
.container-4-columns { --columns: 4 }
.container-5-columns { --columns: 5 }
.container-6-columns { --columns: 6 }
:root { --columns: 4 }
@media screen and (max-width:599px) {
	.container-2-columns,
	.container-4-columns,
	.container-5-columns,
	.container-6-columns,
	:root { --columns: 2 }
}
@media screen and (min-width:600px) and (max-width:899px) {
	.container-2-columns,
	.container-5-columns,
	.container-6-columns,
	:root { --columns: 2 }
}
@media screen and (min-width:900px) {
	:root { --columns: 3 }
	.container-5-columns { --columns: 2 }
	.container-6-columns { --columns: 4 }
}
@media screen and (min-width:1200px) {
	:root { --columns: 3 }
	.container-4-columns { --columns: 4 }
	.container-5-columns { --columns: 5 }
	.container-6-columns { --columns: 6 }
}
@media screen and (min-width:1600px) {
	.container-4-columns,
	:root { --columns: 4 }
	.container-5-columns { --columns: 5 }
	.container-6-columns { --columns: 6 }
}
table { width: 100%; border-collapse: collapse; margin: var(--grid-gutter) 0; background-color: var(--color-white); border-radius: var(--border-radius); overflow: hidden; color: var(--color-black) }
table thead { background-color: var(--color-primary); color: var(--color-white); font-weight: 700; text-transform: uppercase }
table td { padding: calc(var(--grid-gutter) / 2) }
table td,
table th { border-bottom: 1px solid var(--form-border) }
table th { padding: calc(var(--grid-gutter) / 2) 0 }
table tr:nth-child(2n) { background-color: var(--color-lightGrey) }
table td:first-child,
table th:first-child { border-left: none }
table td:last-child,
table th:last-child { border-right: none }
table caption { margin-bottom: var(--grid-gutter); font-weight: 700; color: var(--color-grey) }
.fade-in { opacity: 0; transition: opacity .15s ease-in }
.fade-in.active { opacity: 1 }
.fade-out { opacity: 1; transition: opacity .15s ease-out }
.fade-out.hidden { opacity: 0 }
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal }
:root { --swiper-theme-color: #007aff }
.swiper,
:host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1 }
.swiper { overflow: hidden; list-style: none; padding: 0 }
.swiper-vertical>.swiper-wrapper { flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box }
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper { transform: translateZ(0) }
.swiper-vertical { touch-action: pan-x }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block }
.swiper-slide-invisible-blank { visibility: hidden }
.swiper-autoheight,
.swiper-autoheight .swiper-slide { height: auto }
.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height }
.swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden }
.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px }
.swiper-3d .swiper-wrapper { transform-style: preserve-3d }
.swiper-3d { perspective: 1200px }
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide { transform-style: preserve-3d }
.swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none }
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none }
.swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start }
.swiper-css-mode.swiper-horizontal>.swiper-wrapper { scroll-snap-type: x mandatory }
.swiper-css-mode.swiper-vertical>.swiper-wrapper { scroll-snap-type: y mandatory }
.swiper-css-mode.swiper-free-mode>.swiper-wrapper { scroll-snap-type: none }
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: none }
.swiper-css-mode.swiper-centered>.swiper-wrapper:before { content: ''; flex-shrink: 0; order: 9999 }
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always }
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before) }
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) }
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before) }
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) }
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) }
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) }
.swiper-lazy-preloader { width: 42px; height: 42px; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent }
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: c 1s infinite linear }
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff }
.swiper-lazy-preloader-black { --swiper-preloader-color: #000 }
.swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) }
.swiper-virtual.swiper-css-mode .swiper-wrapper:after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none }
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after { height: 1px; width: var(--swiper-virtual-size) }
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after { width: 1px; height: var(--swiper-virtual-size) }
:root { --swiper-navigation-size: 28px }
.swiper-button-next,
.swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; color: var(--swiper-navigation-color, var(--swiper-theme-color)) }
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto }
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto }
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev { display: none !important }
.swiper-button-next svg,
.swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center }
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg { transform: rotate(180deg) }
.swiper-button-prev,
.swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto }
.swiper-button-lock { display: none }
.swiper-button-next:after,
.swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: normal; line-height: 1; }
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {  content: 'prev' }
.swiper-button-next,
.swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto }
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after { content: 'next' }
.swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; transform: translateZ(0) }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled { display: none !important }
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100% }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) }
.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-bullet:only-child { display: none !important }
.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)) }
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0, -50%, 0) }
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform .2s, top .2s }
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, left .2s }
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, right .2s }
.swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit) }
.swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25)); position: absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top }
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0 }
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0 }
.swiper-pagination-lock { display: none }
.swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1)) }
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled { display: none !important }
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 0.01)) }
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 0.01)) }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0 }
.swiper-scrollbar-cursor-drag { cursor: move }
.swiper-scrollbar-lock { display: none }
.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center }
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain }
.swiper-slide-zoomed { cursor: move; touch-action: none }
.swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto }
.swiper-grid>.swiper-wrapper { flex-wrap: wrap }
.swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column }
.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out }
.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity }
.swiper-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper.swiper-cube { overflow: visible }
.swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-cube .swiper-slide .swiper-slide { pointer-events: none }
.swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 }
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: .6; z-index: 0 }
.swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) }
.swiper-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible }
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden }
.swiper.swiper-flip { overflow: visible }
.swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1 }
.swiper-flip .swiper-slide .swiper-slide { pointer-events: none }
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden }
.swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height }
.swiper.swiper-cards { overflow: visible }
.swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden }
.swiper-pagination { display: flex; justify-content: space-between; width: 100%; padding: 0; z-index: 1 }
.swiper-pagination-bullet { flex: 1; height: 2px; background-color: #ccc; border-radius: 0; transition: background-color .3s ease; gap: 2px }
.swiper-pagination-bullet-active { background-color: var(--color-black) }
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction { bottom: 0 }
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 }
.swiper-button-next,
.swiper-button-prev { cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--color-black) }
:root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1:rgba(0, 0, 0, .1); --f-spinner-color-2:rgba(17, 24, 28, .8); --f-spinner-stroke: 2.75 }
.f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height) }
.f-spinner svg { width: 100%; height: 100%; vertical-align: top; animation: d 2s linear infinite }
.f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none }
.f-spinner svg:first-child { stroke: var(--f-spinner-color-1) }
.f-spinner svg:last-child { stroke: var(--f-spinner-color-2); animation: a 2s ease-in-out infinite }
@keyframes a {
	0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0 }
	50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35 }
	to { stroke-dasharray: 90, 150; stroke-dashoffset: -124 }
}
.f-panzoom { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translateZ(0); background: #fff }
.f-panzoom.is-draggable { cursor: move }
.f-panzoom.can-zoom_in { cursor: zoom-in }
.f-panzoom.can-zoom_out { cursor: zoom-out }
.f-panzoom.is-dragging { cursor: move }
.f-panzoom.in-fullscreen { position: fixed; top: 0; left: 0; margin: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; aspect-ratio: unset !important; z-index: 9999 }
.f-panzoom__content { display: block; margin: auto; position: relative; max-width: 100%; max-height: 100%; min-height: 0; object-fit: contain; transform: translateZ(0) scale(1) rotate(0) skew(0); transform-origin: center center; transition: none; -webkit-user-select: none; user-select: none }
.is-loading .f-panzoom__content { display: none }
.is-scaling .f-panzoom__content { filter: blur(0); will-change: transform, width, height; backface-visibility: hidden }
picture.f-panzoom__content>img { width: 100%; height: auto; max-height: 100% }
.f-panzoom__content:not(:last-child) { margin-bottom: 0 }
.f-panzoom__viewport { margin: auto; position: relative; width: fit-content; height: fit-content; min-height: 1px }
.f-panzoom__viewport:not(:last-child) { margin-bottom: 0 }
.f-panzoom__caption:not(:first-child) { margin-bottom: auto }
html.with-panzoom-in-fullscreen { overflow: hidden }
.account { margin-top: calc(var(--grid-gutter) * 2); display: flex; gap: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.account { flex-direction: column }
}
.account__back { flex: 0 0 auto; width: 40px; display: none }
.account__back a { border: 1px solid var(--color-black); border-radius: var(--border-radius); padding: 0 var(--grid-gutter) }
@media screen and (max-width:900px) {
	.account__back { display: flex }
}
.account__header { font-weight: 800; letter-spacing: 0; font-size: var(--font-size-header); margin-bottom: calc(var(--grid-gutter) * 2); color: var(--color-grey); flex: 1 }
@media screen and (max-width:900px) {
	.account__header { margin-top: 0; margin-bottom: calc(var(--grid-gutter) * 1) }
}
.account__menu { margin-top: calc(var(--grid-gutter) * 2); display: flex; flex-direction: column }
.account__menuUl { margin: 0; padding: 0 }
@media screen and (max-width:900px) {
	.account__menu { overflow-x: auto; gap: calc(var(--grid-gutter) * 2); flex-direction: row }
}
.account__menuHeader { font-weight: var(--font-weight-bold); color: var(--color-black) }
@media screen and (max-width:900px) {
	.account__menuHeader { display: none }
}
@media screen and (max-width:900px) {
	.account__menuItem { padding: 0 0 var(--grid-gutter); white-space: nowrap; font-weight: 500 }
}
.account__menuItem a:hover { color: var(--color-primary) }
.account__menuSeparator { margin-bottom: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.account__menuSeparator { display: none }
}
.account__menuLogout { margin-top: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.account__menuLogout { margin-top: 0 }
}
.account__menuLogout a { border: 1px solid var(--color-lightGrey); padding: calc(var(--grid-gutter) / 2) var(--grid-gutter) }
@media screen and (max-width:900px) {
	.account__menuLogout a { border: 0; padding: 0; color: var(--color-black) !important }
}
.account__menuLogout a:hover { border: 1px solid var(--color-black) !important }
@media screen and (max-width:900px) {
	.account__menuLogout a:hover { border: 0 !important; background: transparent !important }
}
.account__L { flex: 0.3 }
@media screen and (max-width:900px) {
	.account__L,
	.account__L .account__menu { display: none }
}
.account__R { flex: 1 }
.account__R .account__menu { display: none }
@media screen and (max-width:900px) {
	.account__R .account__menu { display: flex; margin-bottom: calc(var(--grid-gutter) * 2) }
}
.accountOrders { margin-bottom: var(--grid-footer); margin-top: calc(var(--grid-gutter) * 3) }
@media screen and (max-width:900px) {
	.accountOrders { flex-direction: column }
}
.accountOrders__plugin { margin: var(--grid-gutter) 0 }
.accountOrders__plugin-payment { margin-top: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.accountOrders .container-2-columns { --columns: 1 }
}
.accountOrders__title { display: flex; justify-content: space-between; align-items: center }
.accountOrders__title h1 { margin-bottom: 0 }
.accountOrders__titleStatus { background: var(--color-lightGrey); padding: 2px var(--grid-gutter); font-size: var(--font-size-sm) }
.accountOrders__total { font-weight: var(--font-weight-bold); color: var(--color-black) }
.accountOrders__hint { margin-right: 5px; display: inline-flex; border: 1px solid var(--color-grey); color: var(--color-grey); width: 14px; height: 14px; border-radius: 50%; justify-content: center; align-content: center; align-items: center; margin-left: 5px; font-size: 8px; position: relative; top: -1px; cursor: pointer }
.accountOrders__check-pin,
.accountOrders__subscribe { padding: var(--grid-gutter) calc(var(--grid-gutter) * 2) }
.accountOrders__check-pin { position: relative; border-radius: var(--border-radius); transition: all .4s; background: var(--color-white); box-shadow: var(--box-shadow-item); border: 1px solid var(--form-border) }
.accountOrders__item { display: flex; flex-direction: column; gap: var(--grid-gutter) }
.accountOrders__itemImg { flex: 0.1 }
.accountOrders__itemText { display: flex; justify-content: center; flex-direction: column; flex: 0.6 }
.accountOrders__itemText h3 { font-weight: 900; font-size: calc(1.75em - 2 * var(--step)); line-height: calc(1.1 + .05 * var(--step)); color: var(--color-black) }
.accountOrders__itemText p { color: var(--color-grey) }
.accountOrders__itemButtons { flex: 0.3; justify-content: end; text-align: right }
.accountOrders__item-header { display: flex; justify-content: space-between }
.accountOrders__item-headerTitle { font-weight: 800 }
.accountOrders__item-headerStatus { background: var(--color-lightGrey); padding: 2px var(--grid-gutter); font-size: var(--font-size-sm) }
.accountOrders__item-headerInfo { display: flex; justify-content: space-between; margin-bottom: var(--grid-gutter) }
.accountOrders__item-headerDate { color: var(--color-grey) }
.accountOrders__item-body { margin-bottom: calc(var(--grid-gutter) * 2) }
.accountOrders__info { margin-top: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.accountOrders__info .row { flex-direction: column }
}
.accountOrders__info .col { border: 1px solid var(--form-border); padding: calc(var(--grid-gutter) * 2) }
@media screen and (max-width:900px) {
	.accountOrders__info .col { flex: 0 0 100%; max-width: calc(100% - var(--grid-gutter)) }
}
.accountOrders__info b { font-weight: 500 }
.accountOrders__info svg { width: 4rem; height: 4rem; stroke-width: 1px; stroke: var(--color-black); fill: transparent; margin-bottom: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.accountOrders__table { overflow-x: scroll }
}
.accountOrders__table._show { display: block }
.accountOrders__table td,
.accountOrders__table th { padding: calc(var(--grid-gutter) / 1.5) }
@media screen and (max-width:900px) {
	.accountOrders__table td,
	.accountOrders__table th { white-space: nowrap; padding: calc(var(--grid-gutter) / 1.5) calc(var(--grid-gutter) / 2.5); font-size: var(--font-size-sm) }
}
.accountOrders__detailsButton { margin-top: var(--grid-gutter) }
.accountOrders__address { color: var(--color-black) }
.accountOrders__address img { display: none }
.accountOrders__list { margin-top: calc(var(--grid-gutter) * 3) }
.accountOrders__listHeader { font-weight: 800; font-size: var(--font-size-lg) }
.accountOrders__menu-item { border-bottom: 1px solid var(--form-border); font-size: var(--font-size-sm) }
.accountOrders__menu-item.selected { font-weight: var(--font-weight-bold) }
.accountOrders__menu-item.selected a { color: var(--color-primary) }
.accountOrders__menu-item:hover { background: var(--bg-second) }
.accountOrders__menu-item:hover a { color: var(--color-primary) }
.accountOrders__menu-item a { color: var(--font-color); display: block; padding: calc(var(--grid-gutter) / 1.5) var(--grid-gutter) }
.accountOrders__menu-item:last-child { border-bottom: 0 }
.accountOrders__menu-item:last-child:hover { border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius) }
@media screen and (max-width:900px) {
	.mobile_scroll { width: 100%; overflow-x: scroll }
}
.homeBlog { margin-top: calc(var(--grid-gutter) * 2); display: flex; gap: calc(var(--grid-gutter) * 6); margin-bottom: calc(var(--grid-gutter) * 8) }
.homeBlog_L { flex: 0.3 }
.homeBlog_R { flex: 1 }
.homeBlog__search { display: flex; padding-bottom: var(--grid-gutter); }
@media screen and (max-width:900px) {
	.homeBlog__search { display: none }
}
.homeBlog__menu { margin-top: calc(var(--grid-gutter) * 2); display: flex; border-bottom: 1px solid var(--box-border); margin-bottom: calc(var(--grid-gutter) * 4) }
.homeBlog__menu .container { display: flex; gap: calc(var(--grid-gutter) * 1.5); margin: 0 auto; width: 96vw; max-width: clamp(320px, 90vw, var(--grid-maxWidth)); padding: 0 calc(var(--grid-gutter) / 2); justify-content: space-between }
@media screen and (max-width:900px) {
	.homeBlog__menu .container { overflow-x: auto; gap: calc(var(--grid-gutter) * 2.5) }
}
.homeBlog__menuL { display: flex; gap: calc(var(--grid-gutter) * 1.5) }
.homeBlog__menuL a { font-weight: 500; padding-top: var(--grid-gutter); padding-bottom: var(--grid-gutter); display: inline-block; position: relative; white-space: nowrap }
.homeBlog .row { justify-content: center }
@media screen and (max-width:900px) {
	.homeBlog .container-3-columns { --columns: 2 }
}
.homeBlog__all { text-align: center; margin: calc(var(--grid-gutter) * 4) 0 calc(var(--grid-gutter) * 8) }
.homeBlog__container { overflow: hidden }
.homeBlog__container.container-full h2 { padding-left: calc(var(--grid-gutter) * 4) }
@media screen and (max-width:900px) {
	.homeBlog__container.container-full h2 { padding: 0 calc(var(--grid-gutter) * 2) }
}
.homeBlog__item { position: relative; flex: 0 0 calc((100% / var(--columns)) - var(--grid-gutter)); max-width: 100%; border-radius: var(--border-radius); overflow: hidden }
.homeBlog__item h3 { font-size: var(--font-size-lg); margin: 0; transition: .5s ease }
@media screen and (max-width:900px) {
	.homeBlog__item h3 { font-size: var(--font-size-base) }
}
.homeBlog__item p { color: var(--color-grey); transition: .5s ease; font-size: var(--font-size-sm) }
.homeBlog__itemImg { height: 20rem; width: 100%; margin-bottom: calc(var(--grid-gutter)); overflow: hidden }
.homeBlog__item img { object-position: top center; object-fit: contain; width: 100%; height: 100%; transform: translateY(20px); transition: opacity .5s ease, transform .5s ease }
.homeBlog__item img.entered { opacity: 1; transform: translateY(0) }
.homeBlog__item img.exited { opacity: 0; transform: translateY(20px) }
.homeBlog__item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3 }
.homeBlog__itemText { margin-top: var(--grid-gutter) }
.homeBlog__itemInfo { display: flex; align-items: center; gap: 6px; }
.homeBlog__itemHeader { display: flex; align-items: center; justify-content: space-between; }
.homeBlog__itemTitle { min-height: 40px; }
.blogPost__header { font-weight: 800; letter-spacing: 0; font-size: var(--font-size-header); color: var(--color-grey) }
.blogPost__commentsHeader,
.blogPost__header { margin-bottom: calc(var(--grid-gutter) * 2) }
.blogPost__date { color: var(--color-grey); transition: .5s; font-size: var(--font-size-sm); margin-bottom: var(--grid-gutter) }
.homePost__info { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; }
.homePost__info__author { display: flex; align-items: center; gap: 12px; color: var(--color-grey); }
.homePost__info__author div { display: flex; align-items: center; gap: 6px; }
.homePost__info__author img { width: 24px; border-radius: 24px; }
.homePost__info__author a { font-size: var(--font-size-sm); color: var(--color-grey); }
.homePost__info__author p { font-size: var(--font-size-sm); margin-bottom: 0; }
.homePost__info__stats { display: flex; align-items: center; gap: 24px; font-size: var(--font-size-sm); color: var(--color-grey); }
.homePost__info__stats p { margin-bottom: 0; }
.homePost__info__stats-first { display: flex; align-items: center; gap: 6px; }
.homePost__info__stats-second { display: flex; align-items: center; gap: 6px; }
@media screen and (max-width:900px) {
	.homePost__info { align-items: flex-start; }
	.homePost__info__author div { flex-direction: column; align-items: flex-start; gap: 4px; }
	.homePost__info__stats { flex-direction: column; align-items: flex-end; gap: 4px; }
	.homeBlog__itemHeader { flex-direction: column; align-items: flex-start; margin-bottom: 6px; }
	.homeBlog__itemHeader p { margin-bottom: 2px; }
}
.blockPost__contains { margin-bottom: 4rem; }
.blockPost__contains > span { font-size: var(--font-size-lg); font-weight: 600; }
.blogPost h2 { font-size: var(--font-size-lg); margin: 1rem 0; transition: .5s }
.blogPost h3 { font-size: var(--font-size-md); margin: 0; transition: .5s }
.blogPost__form { margin: calc(var(--grid-gutter) * 8) 0 calc(var(--grid-gutter) * 4); max-width: 50vw; background: var(--color-lightGrey); padding: calc(var(--grid-gutter) * 4) }
@media screen and (max-width:900px) {
	.blogPost__form { width: 90vw; max-width: 100% }
}
.blogPost__img { width: 30vw; float: right; margin-left: calc(var(--grid-gutter) * 4) }
@media screen and (max-width:900px) {
	.blogPost__img { width: 50vw }
}
.blogPost__aslo { margin-top: calc(var(--grid-gutter) * 10) }
.breadcrumbs { font-size: var(--font-size-sm); color: var(--color-grey); margin: var(--grid-gutter) 0 calc(var(--grid-gutter) * 1) }
.breadcrumbs__empty { margin-top: calc(var(--grid-gutter) * 1) }
@media screen and (max-width:900px) {
	.breadcrumbs__empty { margin-top: calc(var(--grid-gutter) * 3) }
}
@media screen and (max-width:900px) {
	.breadcrumbs { margin: calc(var(--grid-gutter) * 2) 0 }
}
.breadcrumbs ul { background: transparent; position: relative; margin: 0; list-style: none; padding: 0 }
.breadcrumbs ul li { display: inline-block; position: relative }
@media screen and (max-width:900px) {
	.breadcrumbs ul li { margin-right: var(--grid-gutter) }
}
.breadcrumbs ul li:after { top: 0; left: 0; position: relative; content: ''; padding: 0 var(--grid-gutter); color: var(--color-grey); font-size: 10px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=!string!width=!string!height=!string!viewBox=!string!%3E%3Cpath d=!string!fill=!string!stroke=!string!opacity=!string!/%3E%3C/svg%3E"); background-position: 10px 0 }
@media screen and (max-width:900px) {
	.breadcrumbs ul li:after { background-position: 0 0; background-size: 4px; top: 3px; left: 9px }
}
.breadcrumbs ul li:last-child:after { display: none }
.breadcrumbs ul li a { color: var(--color-grey) }
.breadcrumbs ul li a:hover { color: var(--color-link) }
.breadcrumbs ul li:last-child:after { content: '' }
.breadcrumbs ul ul { visibility: hidden; transition: all .3s ease; left: -15px; top: 30px; background: var(--color-white); position: absolute; z-index: 100; padding: 5px 15px; opacity: 0; border-radius: var(--border-radius); box-shadow: var(--box-shadow); transform: translateY(20px); width: 280px }
.breadcrumbs ul ul li { z-index: 20; position: relative; display: block }
.breadcrumbs ul ul li a { display: block; padding: 5px }
.breadcrumbs ul li:hover>ul { opacity: 1; visibility: visible; height: auto; transform: translateY(0) }
.cartBar { position: fixed; top: 0; right: -30rem; height: 100%; transition: all .3s ease; z-index: 1000; display: flex }
@media screen and (max-width:900px) {
	.cartBar { right: -100vw; height: 100% }
}
.cartBar._open { right: 0; transition: all .3s ease; width: 100vw }
.cartBar._open .cartBar__overlay._loading:after { content: ''; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; border: 5px solid rgba(0, 0, 0, .3); border-top-color: #fff; border-radius: 50%; animation: c 1s linear infinite }
.cartBar__affiliate { font-size: var(--font-size-sm); color: var(--color-grey) }
.cartBar__affiliate span { display: inline-flex; border: 1px solid #ccc; width: 14px; height: 14px; border-radius: 50%; justify-content: center; align-content: center; align-items: center; margin-left: 5px; font-size: 8px; position: relative; top: -1px; cursor: pointer }
@media screen and (max-width:900px) {
	.cartBar__affiliate span { display: none }
}
.cartBar__services { margin: var(--grid-gutter) 0; font-size: var(--font-size-xs) }
.cartBar__body { padding: calc(var(--grid-gutter) * 2); background-color: var(--color-white); width: 30rem; display: flex; flex-direction: column; justify-content: space-between; position: relative }
@media screen and (max-width:900px) {
	.cartBar__body { width: 100vw }
}
.cartBar__overlay { background: rgba(0, 0, 0, .75); flex: 1; height: 100%; position: relative }
.cartBar__overlay:hover { cursor: url(img/cursor-close.svg?v1), auto }
.cartBar__loading { width: 100% }
.cartBar__items { height: calc(100% - 4rem); width: 100% }
.cartBar__items .h2 { font-weight: 900; font-size: var(--font-size-lg); color: var(--color-grey); margin-bottom: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.cartBar__items .h2 { margin-bottom: calc(var(--grid-gutter) * 2) }
}
.cartBar__block { display: flex; width: 100%; overflow: hidden; position: relative; margin-bottom: calc(var(--grid-gutter) * 2) }
.cartBar__block._shift { transition: all .3s ease }
.cartBar__block._shift .cartBar__controls { left: 0; transition: all .3s ease; transform: translateX(0) }
.cartBar__affiliate { margin-top: calc(var(--grid-gutter) / 2) }
.cartBar__item { display: flex; width: 100%; gap: var(--grid-gutter); padding-right: var(--grid-gutter); transition: all .3s ease }
.cartBar__item h3 { margin-bottom: 0; display: flex; justify-content: space-between }
.cartBar__item h3 span { cursor: pointer; min-width: 30px; text-align: right; height: 16px }
.cartBar__item h3 span .icon-dots { fill: var(--color-grey) }
.cartBar__item h3 span svg { transform: scale(.7) }
.cartBar__itemSku { color: var(--color-grey); font-size: var(--font-size-micro) }
.cartBar__itemImage { flex: 0.25; width: 25%; aspect-ratio: 2/1; position: relative }
.cartBar__itemImage a { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.cartBar__itemImage img { width: 100%; object-position: center; object-fit: cover }
.cartBar__itemDescription { flex: 0.75 }
.cartBar__itemPrice { color: var(--color-black) }
.cartBar__itemAction { justify-content: space-between; margin-top: var(--grid-gutter); margin-bottom: var(--grid-gutter) }
.cartBar__itemAction,
.cartBar__itemQty { display: flex; gap: var(--grid-gutter); align-items: center }
.cartBar__itemQty { cursor: pointer }
.cartBar__itemQtyMinus,
.cartBar__itemQtyPlus { font-family: Unbounded, sans-serif; width: 1rem; height: 1rem; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: 50%; background-size: contain }
.cartBar__itemQtyPlus {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"><line x1="7.5" y1="2" x2="7.5" y2="13"/><line x1="2" y1="7.5" x2="13" y2="7.5"/></svg>')
}

.cartBar__itemQtyMinus {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"><line x1="2" y1="7.5" x2="13" y2="7.5"/></svg>')
}
.cartBar__itemQtyNumber { font-family: inherit; font-size: 1rem; text-align: center; min-width: 2rem; max-width: 70px }
.cartBar__itemDelete { cursor: pointer; flex: 1 }
.cartBar__itemDelete:hover { opacity: .7 }
.cartBar__itemDelete svg { height: 20px; stroke: var(--color-grey); fill: transparent }
.cartBar__controls { display: flex; gap: var(--grid-gutter); align-items: center; justify-content: center; transition: all .3s ease; transform: translateX(100%) }
.cartBar__controls,
.cartBar__controls:after { width: 100%; height: 100%; position: absolute; top: 0 }
.cartBar__controls:after { left: 0; z-index: 1; background: var(--color-lightGrey); opacity: .7; content: '' }
.cartBar__controlsIcons { position: relative; z-index: 2 }
.cartBar__controls button { background: var(--color-white); border-radius: 50%; padding: calc(var(--grid-gutter) / 1.5); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) }
@media screen and (max-width:900px) {
	.cartBar__controls button { padding: calc(var(--grid-gutter) / 1) }
}
.cartBar__controls button.active svg.icon-favorite { fill: var(--color-black) !important }
.cartBar__controls svg { width: 22px; stroke: var(--color-black); fill: var(--color-white); stroke-width: 2.5px }
@media screen and (max-width:900px) {
	.cartBar__controls svg { width: 20px }
}
.cartBar__controls svg.icon-close { stroke-width: 1.5px }
.cartBar__controls svg.icon-trash { stroke: var(--color-black) !important; stroke-width: 1.2px }
.cartBar__inner { height: calc(100vh - (var(--grid-gutter) * 12)); overflow: hidden; overflow-y: auto; position: relative }
.cartBar__inner._loading .popup-cart-inner { opacity: .5; pointer-events: none }
.cartBar__inner._loading:after { content: ""; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, .3); border-top-color: #fff; border-radius: 50%; animation: c 1s linear infinite }
.cartBar__buttons { gap: var(--grid-gutter); display: flex; justify-content: space-between }
.cartBar__buttons._open { display: flex }
.cartBar__buttons button { flex: 1 }
.reviewsBar { position: fixed; top: 0; right: -30rem; height: 100vh; transition: all .3s ease; z-index: 1000; display: flex }
@media screen and (max-width:900px) {
	.reviewsBar { right: -100vw; height: 100% }
}
.reviewsBar._open { right: 0; transition: all .3s ease; width: 100vw }
.reviewsBar._open .cartBar__overlay._loading:after { content: ""; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; border: 5px solid rgba(0, 0, 0, .3); border-top-color: #fff; border-radius: 50%; animation: c 1s linear infinite }
.reviewsBar__body { padding: calc(var(--grid-gutter) * 2); background-color: var(--color-white); width: 30rem; display: flex; flex-direction: column; justify-content: space-between }
@media screen and (max-width:900px) {
	.reviewsBar__body { width: 100vw }
}
.reviewsBar__overlay { background: rgba(0, 0, 0, .75); flex: 1; height: 100%; position: relative }
.reviewsBar__overlay:hover { cursor: url(img/cursor-close.svg?v1), auto }
.reviewsBar h2 { font-weight: 900; font-size: var(--font-size-lg); color: var(--color-grey); margin-bottom: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.reviewsBar h2 { margin-bottom: calc(var(--grid-gutter) * 2) }
}
.reviewsBar__content { display: flex; gap: calc(var(--grid-gutter) * 4); flex-direction: row-reverse; align-items: flex-start }
@media screen and (max-width:900px) {
	.reviewsBar__content { flex-direction: column }
}
.reviewsBar__items { flex: 0.3; background: var(--color-lightGrey); padding: calc(var(--grid-gutter) * 3); position: sticky; top: calc(var(--grid-gutter) * 6) }
.reviewsBar__item { margin-bottom: calc(var(--grid-gutter) * 1.5); display: flex; gap: var(--grid-gutter) }
.reviewsBar__item h3 { font-weight: 900; text-transform: uppercase }
.reviewsBar__formItem { margin-bottom: var(--grid-gutter); font-size: var(--font-size-sm); color: var(--color-black) }
.reviewsBar__formItem .wa-captcha p:first-child { display: flex; gap: var(--grid-gutter); align-items: center }
.reviewsBar__formItem .wa-captcha p input[type=text] { max-width: 10rem }
.reviewsBar__formItem._error { color: var(--color-error) }
.reviewsBar__formItem a { text-decoration: underline }
.reviewsBar__form form { width: 100% }
.reviewsBar__form textarea { height: 10rem }
.reviewsBar__form .hover-rating { color: var(--color-grey); display: flex; margin-left: calc(var(--grid-gutter) / 3) }
.reviewsBar__form .star-rating { display: flex; gap: 2px; align-items: center }
.reviewsBar__form .star { width: 20px; height: 20px; cursor: pointer; fill: var(--color-black); stroke: var(--color-black); stroke-width: 0; transition: fill .2s; opacity: .5 }
.reviewsBar__form .star.filled { fill: #f5595f; opacity: 1 }
.reviewsBar__avatar span { background: var(--color-lightGrey); width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: var(--font-size-md); font-weight: 800 }
.reviewsBar__list { flex: 0.7 }
.reviewsBar__listItem { margin-bottom: calc(var(--grid-gutter) * 2); display: flex; gap: calc(var(--grid-gutter) / 2); width: 100% }
.reviewsBar__listItem h3 { margin-bottom: 0; color: var(--color-black) }
.reviewsBar__listItemL { flex: 0.2; max-width: 6rem }
.reviewsBar__listItemR { flex: 0.8 }
.reviewsBar__listDate { color: var(--color-grey); font-size: var(--font-size-sm) }
.reviewsBar__list p { font-size: var(--font-size-sm); color: var(--color-black) }
.reviewsBar__inner { height: calc(100vh - (var(--grid-gutter) * 12)); overflow: hidden; overflow-y: auto; padding-right: var(--grid-gutter) }
.reviewsBar__buttons { gap: var(--grid-gutter); display: flex; justify-content: space-between }
.reviewsBar__buttons button { flex: 1 }
.rowSwiper { overflow: hidden }
.catalogProduct { display: flex; flex-direction: column; gap: var(--grid-gutter); margin-bottom: calc(var(--grid-gutter) * 3) }
.catalogProduct:hover .catalogProduct__size { transform: translateY(0); opacity: 1; transition: .3s ease }
.catalogProduct:hover .catalogProduct__icons button { opacity: 1 }
.catalogProduct__header { font-weight: 800; display: flex; justify-content: space-between; letter-spacing: 0; font-size: var(--font-size-header); margin-bottom: calc(var(--grid-gutter) * 2); color: var(--color-grey) }
.catalogProduct__headerControls { display: flex; gap: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.catalogProduct__headerControls { display: none }
}
.catalogProduct__header svg { width: 35px; height: 21px }
.catalogProduct__header path { fill: none; stroke: #8d8d8d; stroke-linecap: round; stroke-linejoin: bevel; stroke-miterlimit: 10; stroke-width: 1px }
.catalogProduct__otherHeader { font-weight: 800; letter-spacing: 0; font-size: var(--font-size-xxl); margin-bottom: calc(var(--grid-gutter) * 2); color: var(--color-grey) }
.catalogProduct__description { margin-bottom: calc(var(--grid-gutter) * 2); color: var(--color-black) }
.catalogProduct__descriptionBottom { margin-top: calc(var(--grid-gutter) * 8); margin-bottom: calc(var(--grid-gutter) * 4) }
.catalogProduct__image { aspect-ratio: 1/1.2; display: flex; gap: var(--grid-gutter); position: relative; overflow: hidden; border-radius: var(--border-radius) }
.catalogProduct__image._hover:hover .swiper-slide:first-child { transition: .3s ease; transform: scale(1.05) }
.catalogProduct__image._hover:hover .swiper-button-next,
.catalogProduct__image._hover:hover .swiper-button-prev,
.catalogProduct__image._hover:hover .swiper-pagination { display: flex }
.catalogProduct__image a { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100% }
.catalogProduct__image img { object-fit: cover; object-position: center center; width: 100%; height: 100% }
.catalogProduct__image.contain .catalogProduct__gallery { height: 100%; text-align: center }
.catalogProduct__image.contain a { display: flex; justify-content: center }
.catalogProduct__image.contain img { object-fit: unset; width: auto; height: auto; align-self: center; max-width: 80% }
.catalogProduct__badge { position: absolute; left: var(--grid-gutter); top: var(--grid-gutter); border: 1px solid var(--color-black); border-radius: var(--border-radius); color: var(--color-black); font-weight: 900; z-index: 10; font-size: var(--font-size-micro) }
@media screen and (max-width:900px) {
	.catalogProduct__badge { background: var(--color-white); font-size: 10px; font-weight: 500 }
}
.catalogProduct__badge span { display: block; padding: calc(var(--grid-gutter) / 6) calc(var(--grid-gutter) / 1) }
.catalogProduct__icons { position: absolute; text-align: center; align-content: center; border-radius: 0; border-width: 0; top: calc(var(--grid-gutter) / 2); right: calc(var(--grid-gutter) / 2); z-index: 11 }
@media screen and (max-width:900px) {
	.catalogProduct__icons { top: unset; bottom: calc(var(--grid-gutter) / 1); right: calc(var(--grid-gutter) / 1) }
}
.catalogProduct__icons button { background: var(--color-white); border-radius: 50%; padding: calc(var(--grid-gutter) / 1.5); display: flex; opacity: 0; align-items: center; justify-content: center; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) }
@media screen and (max-width:900px) {
	.catalogProduct__icons button { opacity: 1 }
}
.catalogProduct__icons button.active svg { fill: var(--color-black) }
.catalogProduct__icons button svg { width: 22px; stroke: var(--color-black); fill: var(--color-white); stroke-width: 2px }
.catalogProduct__gallery { width: 100% }
.catalogProduct__size { background: hsla(0, 0%, 100%, .7); position: absolute; bottom: 0; padding: calc(var(--grid-gutter) / 1.5) var(--grid-gutter); color: var(--color-black); width: 100%; display: inline-flex; gap: var(--grid-gutter); justify-content: center; font-size: var(--font-size-micro); z-index: 2; transform: translateY(100%); opacity: 0; transition: .3s ease }
@media screen and (max-width:900px) {
	.catalogProduct__size { transform: translateY(0); opacity: 1; font-size: var(--font-size-micro); display: none }
}
.catalogProduct__size span { cursor: pointer }
.catalogProduct__size span._selected { font-weight: 700 }
.catalogProduct__size span:hover { opacity: .75 }
.catalogProduct__title { line-height: 1.4; margin-bottom: calc(var(--grid-gutter) / 2); min-height: 38px }
@media screen and (max-width:900px) {
	.catalogProduct__title { line-height: 1.4 }
}
.catalogProduct__title a:hover { color: var(--color-primary) }
.catalogProduct__price { letter-spacing: -.5px; color: var(--color-grey) }
.catalogProduct__price s { margin-left: var(--grid-gutter); color: var(--color-error) }
.catalogProduct__features { display: flex; gap: calc(var(--grid-gutter) / 2); align-items: center; font-size: var(--font-size-xs); color: var(--color-grey) }
@media screen and (max-width:900px) {
	.catalogProduct__features { gap: var(--grid-gutter) }
}
.catalogProduct__features span { display: inline-flex; border-radius: var(--border-radius); cursor: pointer; width: 1rem; height: 1rem; position: relative }
.catalogProduct__features span._selected:after { content: ""; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border: 1px solid #888; border-radius: var(--border-radius) }
.catalogProduct .swiper-button-next,
.catalogProduct .swiper-button-prev { display: none }
@media screen and (max-width:900px) {
	.catalogProduct .swiper-button-next,
	.catalogProduct .swiper-button-prev { display: flex; display: none }
}
.catalogProduct .swiper-button-next:after,
.catalogProduct .swiper-button-prev:after { font-size: 12px }
@media screen and (max-width:900px) {
	.catalogProduct .swiper-button-next { right: 0 }
}
@media screen and (max-width:900px) {
	.catalogProduct .swiper-button-prev { left: 0 }
}
.catalogProduct .swiper-pagination { display: none }
@media screen and (max-width:900px) {
	.catalogProduct .swiper-pagination { display: flex }
}
.catalogProduct .swiper-button-next,
.catalogProduct .swiper-button-prev { background: hsla(0, 0%, 100%, .7); top: calc(50% - 1rem); border-radius: 50%; width: 2.5rem; height: 2.5rem }
@media screen and (max-width:900px) {
	.catalogProduct .swiper-button-next,
	.catalogProduct .swiper-button-prev { top: 15px }
}
.catalogProduct__bottom { display: flex; justify-content: space-between }
.catalogProduct__bottomLeft { display: flex; flex-direction: column; justify-content: center }
.catalogProduct__bottomRight { display: flex; align-items: center }
.catalogProduct__bottomRight button { padding-left: calc(var(--grid-gutter) * 1); padding-right: calc(var(--grid-gutter) * 1); border: 0 !important }
.catalogProduct__bottomRight button:hover { background: transparent }
.catalogProduct__bottomRight button:hover svg { opacity: .7 }
.catalogProduct__bottomRight svg { width: 20px; stroke: var(--color-black); fill: none; stroke-width: 2.5px }
.swiper-lazy-preloader { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px }
.swiper-horizontal { touch-action: pan-y; position: relative; width: 100%; height: 100% }
@media (hover:none) {
	.catalogProduct__image .swiper-pagination { display: flex !important }
}
.catalogProduct__image.lazy { opacity: 0; transform: translateY(20px); transition: opacity .5s ease, transform .5s ease }
.catalogProduct__image.lazy.entered { opacity: 1; transform: translateY(0) }
.catalogProduct__image.lazy.exited { opacity: 0; transform: translateY(20px) }
.custom-tooltip { position: absolute; display: none; background: rgba(0, 0, 0, .8); color: #fff; padding: calc(var(--grid-gutter) / 2) var(--grid-gutter); font-size: var(--font-size-sm); border-radius: var(--border-radius); pointer-events: none; z-index: 9999; white-space: nowrap; box-shadow: 0 2px 6px rgba(0, 0, 0, .3) }
@media screen and (max-width:900px) {
	.custom-tooltip { display: none !important }
}
.category { margin-top: calc(var(--grid-gutter) * 2) }
.category__pagination { gap: var(--grid-gutter); list-style: none; margin: 0; margin-top: var(--grid-gutter); padding: 0 }
.category__pagination,
.category__paginationButton { display: flex; justify-content: center; align-items: center }
.category__paginationButton button { border: 1px solid var(--color-grey) }
.category__pagination li a { display: block; padding: calc(var(--grid-gutter) / 2) var(--grid-gutter) }
.category__pagination li.selected { background: var(--color-black); border-radius: 2px }
.category__pagination li.selected a { color: var(--color-white) }
.subCategories { margin-top: calc(var(--grid-gutter) * 2); display: flex; border-bottom: 1px solid var(--box-border) }
.subCategories .container { display: flex; gap: calc(var(--grid-gutter) * 1.5) }
@media screen and (max-width:900px) {
	.subCategories .container { overflow-x: auto; gap: calc(var(--grid-gutter) * 2.5) }
}
.subCategories a { font-weight: 500; padding-top: var(--grid-gutter); padding-bottom: var(--grid-gutter); display: inline-block; position: relative; white-space: nowrap }
.subCategories a:hover { color: var(--color-primary) }
.subCategories a:hover:after { position: absolute; left: 0; content: ""; width: 100%; bottom: -1px; height: 1px; background: var(--color-black) }
.categoryFilter { position: sticky; top: 4rem; background: var(--color-white); z-index: 2; padding: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.categoryFilter { padding: var(--grid-gutter) 0 calc(var(--grid-gutter) / 2) }
}
.categoryFilter .container { justify-content: space-between; align-items: center }
.categoryFilter .container,
.categoryFilter__items,
.categoryFilter__views { display: flex; gap: calc(var(--grid-gutter) / 2) }
.categoryFilter__views { cursor: pointer; height: 24px; justify-content: center }
@media screen and (max-width:900px) {
	.categoryFilter__views { height: 20px }
}
.categoryFilter__views._mobile { display: none }
@media screen and (max-width:900px) {
	.categoryFilter__views._mobile { display: flex }
}
.categoryFilter__views._mobile span { min-width: 1.2rem }
@media screen and (max-width:900px) {
	.categoryFilter__views._desktop { display: none }
}
.categoryFilter__viewsItem { border: 1px solid var(--form-border); padding: 2px; display: flex; gap: 2px }
.categoryFilter__viewsItem:hover { border: 1px solid var(--color-black) }
.categoryFilter__viewsItem:hover span { background: var(--color-black) }
.categoryFilter__viewsItem._selected { border: 1px solid var(--color-black) }
.categoryFilter__viewsItem._selected span { background: var(--color-black) }
.categoryFilter__viewsItem span { display: block; min-width: .7rem; background: var(--color-grey) }
.categoryFilter__header { background: var(--color-lightGrey); padding: calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 1); border-radius: 2px; cursor: pointer; font-size: var(--font-size-sm); color: var(--color-gray); display: flex; align-items: center; gap: calc(var(--grid-gutter) / 2); white-space: nowrap }
.categoryFilter__header span { background: var(--color-white); border-radius: 50%; width: 15px; height: 15px; font-size: 8px; display: flex; justify-content: center; align-items: center }
.categoryFilter__header._point { position: relative }
.categoryFilter__header._point:after { content: ""; position: absolute; right: calc(var(--grid-gutter) / 2); top: calc(var(--grid-gutter) / 2); width: 4px; height: 4px; border-radius: 50%; background: var(--color-black); z-index: 10 }
.categoryFilter__header._dark { background: var(--color-lightGrey) }
.categoryFilter__header svg { width: 21px; height: 21px }
.categoryFilter__header svg._arrow { width: 19px; height: 17px }
.categoryFilter__header:hover { opacity: .7 }
.categoryFilter__color { border: 0; width: 12px; height: 12px; border-radius: 50%; margin-right: calc(var(--grid-gutter) / 3); box-shadow: 0 1px 1px 1px rgba(34, 60, 80, .1) }
.categoryFilter__item { display: flex; position: relative }
@media screen and (max-width:900px) {
	.categoryFilter__item { display: none }
}
@media screen and (max-width:900px) {
	.categoryFilter__item:first-child { display: flex }
}
@media screen and (max-width:900px) {
	.categoryFilter__item:last-child { display: block }
}
.categoryFilter__item._open .categoryFilter__inner { display: flex; flex-direction: column; height: auto; padding: var(--grid-gutter); box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .1); font-size: var(--font-size-sm); gap: calc(var(--grid-gutter) / 4); transform: translateX(-20px); width: 15rem; opacity: 1; visibility: visible }
.categoryFilter__item._open .categoryFilter__header { background: #d9d9d9 }
.categoryFilter__filter { display: block; color: var(--color-black) }
.categoryFilter__selected { font-weight: 700; position: relative }
.categoryFilter__selected .sort-asc { top: 0; right: 0; position: absolute }
.categoryFilter__selected .sort-asc:after { content: ""; padding: 0 var(--grid-gutter); color: var(--color-grey); font-size: 10px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=!string!width=!string!height=!string!viewBox=!string!fill=!string!%3E%3Cpath d=!string!fill=!string!/%3E%3C/svg%3E"); background-position: 100% 0; width: 16px; height: 16px; display: block }
.categoryFilter__selected .sort-desc { top: 0; right: 0; position: absolute }
.categoryFilter__selected .sort-desc:after {
    content: "";
    padding: 0 var(--grid-gutter);
    color: var(--color-grey);
    font-size: 10px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 12L3 7h10l-5 5z' fill='gray'/%3E%3C/svg%3E");
    background-position: 100% 0;
    width: 16px;
    height: 16px;
    display: block
}
.categoryFilter__inner { position: absolute; left: 0; background: var(--color-white); top: 2.5rem; z-index: 20; height: 0; opacity: 0; visibility: hidden; width: 0; animation-duration: .3ms; animation-timing-function: cubic-bezier(0, 0, 0, 1); animation-name: b; animation-fill-mode: forwards; transform-origin: right top 0; transform: translateX(-20px) }
.categoryFilter__inner label { display: flex; align-items: center; gap: 5px }
@keyframes b {
	0% { opacity: 0; transform: scale(.9) translateY(-10px) }
	to { opacity: 1; transform: scale(1) translateY(0) }
}
.filtersBar { position: fixed; top: 0; right: -30rem; height: 100%; transition: all .3s ease; z-index: 1000; display: flex }
.filtersBar._open { right: 0; transition: all .3s ease; width: 100vw }
@media screen and (max-width:900px) {
	.filtersBar._open .filtersBar__body { width: 100vw }
}
.filtersBar._open .filtersBar__overlay._loading:after { content: ''; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; border: 5px solid hsla(0, 0%, 100%, .1); border-top-color: #fff; border-radius: 50%; animation: c 1s linear infinite }
.filtersBar__body { background-color: var(--color-white); width: 30rem; display: flex; flex-direction: column; justify-content: space-between }
.filtersBar__filters { border-bottom: 1px solid var(--box-border) }
.filtersBar__filters:last-child { border-bottom: 0 }
.filtersBar__filters label { display: flex; align-items: center; gap: calc(var(--grid-gutter) / 4) }
.filtersBar__item { opacity: 0; height: 0; transition: .5s ease; display: grid; grid-template-columns: 1fr 1fr; grid-gap: calc(var(--grid-gutter) / 2); visibility: hidden; margin: 0; padding: 0 }
.filtersBar__item._open { visibility: visible; opacity: 1; height: auto; transition: .5s ease; padding-bottom: calc(var(--grid-gutter) * 2) }
.filtersBar__color { border: 0; width: 12px; height: 12px; border-radius: 50%; margin-right: calc(var(--grid-gutter) / 3); box-shadow: 0 1px 1px 1px rgba(34, 60, 80, .1) }
.filtersBar__items { height: calc(100% - 8rem); padding: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 2) 0; position: relative }
@media screen and (max-width:900px) {
	.filtersBar__items._loading .filtersBar__inner { opacity: .5; pointer-events: none }
}
@media screen and (max-width:900px) {
	.filtersBar__items._loading:after { content: ''; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, .3); border-top-color: #fff; border-radius: 50%; animation: c 1s linear infinite }
}
.filtersBar__items .h2 { font-weight: 900; font-size: var(--font-size-lg); color: var(--color-grey) }
.filtersBar__filter { font-size: var(--font-size-sm); color: var(--color-black) }
.filtersBar__inner { height: calc(100% - 4rem); overflow: hidden; overflow-y: auto }
.filtersBar__inner .h3 { font-weight: 500; font-size: var(--font-size-base); color: var(--color-black); cursor: pointer; padding: calc(var(--grid-gutter) / 2) 0; margin: var(--grid-gutter) 0; position: relative }
@media screen and (max-width:900px) {
	.filtersBar__inner .h3 { padding: calc(var(--grid-gutter) / 1) 0 }
}
.filtersBar__inner .h3:hover { opacity: .7 }
.filtersBar__inner h3:after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%) rotate(270deg);
    width: 18px;
    height: 18px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="gray" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></svg>') no-repeat 50%;
    transition: transform .3s ease
}
.filtersBar__inner .h3._open:after {
    transform: translateY(-50%) rotate(1turn);
    transition: transform .3s ease;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></svg>') no-repeat 50%
}
.filtersBar__buttons { gap: var(--grid-gutter); display: flex; justify-content: space-between; padding: calc(var(--grid-gutter) * 2) }
@media screen and (max-width:900px) {
	.filtersBar__buttons { box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .1) }
}
.filtersBar__buttons button { flex: 1 }
.filtersBar__overlay { background: rgba(0, 0, 0, .75); flex: 1; height: 100%; position: relative }
.filtersBar__overlay:hover { cursor: url(img/cursor-close.svg?v2), auto }
.filtersBar__inputs { display: flex; gap: var(--grid-gutter); align-items: center }
.filtersBar__inputs input { flex: 0.2 }
.filtersBar__Slider { display: flex; gap: calc(var(--grid-gutter) * 1); color: var(--color-grey); flex-direction: column }
.filtersBar__Slider input { flex: 0.2 }
.filtersBar__Slider .range-slider { position: relative; width: 100% }
.filtersBar__Slider input[type=range] { appearance: none; width: 100%; height: 8px; background: #ddd; border-radius: 5px; outline: none; position: absolute }
.filtersBar__Slider input[type=range]::-webkit-slider-thumb { appearance: none; width: 14px; height: 14px; background-color: var(--color-grey); border-radius: 50%; cursor: pointer }
@media screen and (max-width:900px) {
	.filtersBar__Slider input[type=range]::-webkit-slider-thumb { width: 18px; height: 18px }
}
.filtersBar__Slider input[type=range]::-moz-range-thumb { width: 14px; height: 14px; background-color: var(--color-grey); border-radius: 50%; cursor: pointer }
@media screen and (max-width:900px) {
	.filtersBar__Slider input[type=range]::-moz-range-thumb { width: 18px; height: 18px }
}
.filtersBar__Slider .range-values { text-align: center; margin-top: 20px; font-size: var(--font-size-sm); color: #333 }
.filtersBar__Slider .filtersBar__Slider { position: relative; width: 100%; height: 50px }
.filtersBar__Slider .slider-wrapper { position: relative; width: calC(100% - 30px); height: 20px }
@media screen and (max-width:900px) {
	.filtersBar__Slider .slider-wrapper { width: calc(100vw - 50px) }
}
.filtersBar__Slider .slider-wrapper:after { background: var(--color-lightGrey); content: ''; position: absolute; left: 0; right: 0; width: 100%; height: 1px; z-index: 1; top: 50%; transform: translateY(-50%) }
.filtersBar__Slider .slider-track { position: absolute; width: 100%; height: 1px; background: #c5c4c4; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 2 }
.filtersBar__Slider .slider-thumb { position: absolute; width: 14px; height: 14px; background: var(--color-black); border-radius: 50%; cursor: pointer; top: 50%; transform: translateY(-50%); z-index: 3 }
@media screen and (max-width:900px) {
	.filtersBar__Slider .slider-thumb { width: 18px; height: 18px }
}
.filtersBar__Slider .slider-thumb:active:after,
.filtersBar__Slider .slider-thumb:focus:after,
.filtersBar__Slider .slider-thumb:hover:after { position: absolute; content: ''; width: 6px; height: 6px; top: calc(50% - 3px); left: calc(50% - 3px); background: var(--color-white); border-radius: 50%; transition: all .3ms ease }
.filtersBar__Slider .min-thumb { left: 0 }
.filtersBar__Slider .max-thumb { right: 0 }
.filtersBar__SliderInput { display: flex; gap: var(--grid-gutter); align-items: center }
@keyframes c {
	0% { transform: rotate(0deg) }
	to { transform: rotate(1turn) }
}
.filtersBar__overlay._loading { display: block }
.body-shift { overflow: hidden; transition: .5s ease }
#product-list { position: relative }
#product-list._loading:after { content: ''; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; border: 5px solid hsla(0, 0%, 100%, .1); border-top-color: var(--color-grey); border-radius: 50%; animation: c 1s linear infinite; z-index: 10 }
._hidden { display: none }
@media screen and (max-width:900px) {
	.dashboard .container-3-columns { --columns: 2 }
}
.dashboard__header { font-weight: 800; letter-spacing: 0; font-size: var(--font-size-header); margin-bottom: calc(var(--grid-gutter) * 2); color: var(--color-grey) }
@media screen and (max-width:900px) {
	.dashboard__header { margin-top: 0 }
}
.dashboard__welcome { margin-bottom: calc(var(--grid-gutter) * 2) }
.dashboard__text,
.dashboard__welcome { color: var(--color-black) }
.dashboard__textBonus { color: var(--color-grey); font-size: var(--font-size-sm) }
.dashboard .col { border: 1px solid var(--form-border); padding: calc(var(--grid-gutter) * 2); position: relative }
.dashboard .col a { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.dashboard .col svg { width: 4rem; height: 4rem; stroke-width: 1px; stroke: var(--color-black); fill: transparent; margin-bottom: var(--grid-gutter) }
.carousel { position: relative; box-sizing: border-box }
.carousel *,
.carousel:after,
.carousel:before { box-sizing: inherit }
.carousel.is-draggable { cursor: move; cursor: grab }
.carousel.is-dragging { cursor: move; cursor: grabbing }
.carousel__viewport { position: relative; overflow: hidden; max-width: 100%; max-height: 100% }
.carousel__track { display: flex }
.carousel__slide { flex: 0 0 auto; width: var(--carousel-slide-width, 60%); max-width: 100%; padding: 1rem; position: relative; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain }
.has-dots { margin-bottom: calc(.5rem + 22px) }
.carousel__dots { margin: 0 auto; padding: 0; position: absolute; top: calc(100% + .5rem); left: 0; right: 0; display: flex; justify-content: center; list-style: none; user-select: none }
.carousel__dots .carousel__dot { margin: 0; padding: 0; display: block; position: relative; width: 22px; height: 22px; cursor: pointer }
.carousel__dots .carousel__dot:after { content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: currentColor; opacity: .25; transition: opacity .15s ease-in-out }
.carousel__dots .carousel__dot.is-selected:after { opacity: 1 }
.carousel__button { width: var(--carousel-button-width, 48px); height: var(--carousel-button-height, 48px); padding: 0; border: 0; display: flex; justify-content: center; align-items: center; pointer-events: all; cursor: pointer; color: var(--carousel-button-color, currentColor); background: var(--carousel-button-bg, transparent); border-radius: var(--carousel-button-border-radius, 50%); box-shadow: var(--carousel-button-shadow, none); transition: opacity .15s ease }
.carousel__button.is-next,
.carousel__button.is-prev { position: absolute; top: 50%; transform: translateY(-50%) }
.carousel__button.is-prev { left: 10px }
.carousel__button.is-next { right: 10px }
.carousel__button[disabled] { cursor: default; opacity: .3 }
.carousel__button svg { width: var(--carousel-button-svg-width, 50%); height: var(--carousel-button-svg-height, 50%); fill: none; stroke: currentColor; stroke-width: 1; stroke-linejoin: bevel; stroke-linecap: round; pointer-events: none }
html.with-fancybox { scroll-behavior: auto }
body.compensate-for-scrollbar { overflow: hidden !important; touch-action: none }
.fancybox__container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; margin: 0; padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0); box-sizing: border-box; display: flex; flex-direction: column; color: var(--fancybox-color, #fff); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; z-index: 1050; outline: none; transform-origin: top left; --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 24px; --carousel-button-svg-height: 24px; --carousel-button-svg-stroke-width: 1; --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4)) }
.fancybox__container *,
.fancybox__container:after,
.fancybox__container:before { box-sizing: inherit }
.fancybox__container:focus { outline: none }
body:not(.is-using-mouse) .fancybox__container:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, .94)) }
@media (min-width:1024px) {
	.fancybox__container { --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 27px; --carousel-button-svg-height: 27px }
}
.fancybox__backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--fancybox-bg, rgba(24, 24, 27, .92)) }
.fancybox__carousel { position: relative; flex: 1 1 auto; min-height: 0; height: 100%; z-index: 10 }
.fancybox__carousel.has-dots { margin-bottom: calc(.5rem + 22px) }
.fancybox__viewport { position: relative; width: 100%; height: 100%; overflow: visible; cursor: default }
.fancybox__track { display: flex; height: 100% }
.fancybox__slide { flex: 0 0 auto; width: 100%; max-width: 100%; margin: 0; padding: 48px 8px 8px; position: relative; overscroll-behavior: contain; display: flex; flex-direction: column; outline: 0; overflow: auto; --carousel-button-width: 36px; --carousel-button-height: 36px; --carousel-button-svg-width: 22px; --carousel-button-svg-height: 22px }
.fancybox__slide:after,
.fancybox__slide:before { content: ''; flex: 0 0 0; margin: auto }
@media (min-width:1024px) {
	.fancybox__slide { padding: 64px 100px }
}
.fancybox__content { margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0); padding: 36px; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); position: relative; align-self: center; display: flex; flex-direction: column; z-index: 20 }
.fancybox__content:focus:not(.carousel__button.is-close) { outline: thin dotted; box-shadow: none }
.fancybox__caption { align-self: center; max-width: 100%; margin: 0; padding: 1rem 0 0; line-height: 1.375; color: var(--fancybox-color, currentColor); visibility: visible; cursor: auto; flex-shrink: 0; overflow-wrap: anywhere }
.is-loading .fancybox__caption { visibility: hidden }
.fancybox__container>.carousel__dots { top: 100%; color: var(--fancybox-color, #fff) }
.fancybox__nav .carousel__button { z-index: 40 }
.fancybox__nav .carousel__button.is-next { right: 8px }
@media (min-width:1024px) {
	.fancybox__nav .carousel__button.is-next { right: 40px }
}
.fancybox__nav .carousel__button.is-prev { left: 8px }
@media (min-width:1024px) {
	.fancybox__nav .carousel__button.is-prev { left: 40px }
}
.carousel__button.is-close { position: absolute; top: 8px; right: 8px; top: calc(env(safe-area-inset-top, 0px) + 8px); right: calc(env(safe-area-inset-right, 0px) + 8px); z-index: 40 }
@media (min-width:1024px) {
	.carousel__button.is-close { right: 40px }
}
.fancybox__content>.carousel__button.is-close { position: absolute; top: -40px; right: 0; color: var(--fancybox-color, #fff) }
.fancybox__no-click,
.fancybox__no-click button { pointer-events: none }
.fancybox__spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; color: var(--fancybox-color, currentColor) }
.fancybox__slide .fancybox__spinner { cursor: pointer; z-index: 1053 }
.fancybox__spinner svg { animation: d 2s linear infinite; transform-origin: center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100% }
.fancybox__spinner svg circle { fill: none; stroke-width: 2.75; stroke-miterlimit: 10; stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: e 1.5s ease-in-out infinite; stroke-linecap: round; stroke: currentColor }
@keyframes d {
	to { transform: rotate(1turn) }
}
@keyframes e {
	0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 }
	50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px }
	to { stroke-dasharray: 89, 200; stroke-dashoffset: -124px }
}
.carousel__button.is-close,
.carousel__dots,
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav { opacity: var(--fancybox-opacity, 1) }
.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav { animation: .15s ease backwards f }
.fancybox__container.is-animated.is-closing .carousel__button.is-close,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav { animation: .15s ease both g }
.fancybox-fadeIn { animation: .15s ease both f }
.fancybox-fadeOut { animation: .1s ease both g }
.fancybox-zoomInUp { animation: .2s ease both h }
.fancybox-zoomOutDown { animation: .15s ease both i }
.fancybox-throwOutUp { animation: .15s ease both j }
.fancybox-throwOutDown { animation: .15s ease both k }
@keyframes f {
	0% { opacity: 0 }
	to { opacity: 1 }
}
@keyframes g {
	to { opacity: 0 }
}
@keyframes h {
	0% { transform: scale(.97) translate3d(0, 16px, 0); opacity: 0 }
	to { transform: scale(1) translateZ(0); opacity: 1 }
}
@keyframes i {
	to { transform: scale(.97) translate3d(0, 16px, 0); opacity: 0 }
}
@keyframes j {
	to { transform: translate3d(0, -30%, 0); opacity: 0 }
}
@keyframes k {
	to { transform: translate3d(0, 30%, 0); opacity: 0 }
}
.fancybox__carousel .carousel__slide { scrollbar-width: thin; scrollbar-color: #ccc hsla(0, 0%, 100%, .1) }
.fancybox__carousel .carousel__slide::-webkit-scrollbar { width: 8px; height: 8px }
.fancybox__carousel .carousel__slide::-webkit-scrollbar-track { background-color: hsla(0, 0%, 100%, .1) }
.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 2px; box-shadow: inset 0 0 4px rgba(0, 0, 0, .2) }
.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content { cursor: move; cursor: grab }
.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content { cursor: move; cursor: grabbing }
.fancybox__carousel .fancybox__slide .fancybox__content { cursor: auto }
.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content { cursor: zoom-in }
.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content { cursor: zoom-out }
.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content { cursor: move; cursor: grab }
.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content { cursor: move; cursor: grabbing }
.fancybox__image { transform-origin: 0 0; user-select: none; transition: none }
.has-image .fancybox__content { padding: 0; background: transparent; min-height: 1px }
.is-closing .has-image .fancybox__content { overflow: visible }
.has-image[data-image-fit=contain] { overflow: visible; touch-action: none }
.has-image[data-image-fit=contain] .fancybox__content { flex-direction: row; flex-wrap: wrap }
.has-image[data-image-fit=contain] .fancybox__image { max-width: 100%; max-height: 100%; object-fit: contain }
.has-image[data-image-fit=contain-w] { overflow-x: hidden; overflow-y: auto }
.has-image[data-image-fit=contain-w] .fancybox__content { min-height: auto }
.has-image[data-image-fit=contain-w] .fancybox__image { max-width: 100%; height: auto }
.has-image[data-image-fit=cover] { overflow: visible; touch-action: none }
.has-image[data-image-fit=cover] .fancybox__content { width: 100%; height: 100% }
.has-image[data-image-fit=cover] .fancybox__image { width: 100%; height: 100%; object-fit: cover }
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible }
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { width: 100%; height: 80% }
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100% }
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content { padding: 0; background: rgba(24, 24, 27, .9); color: #fff }
.fancybox__carousel .fancybox__slide.has-map .fancybox__content { background: #e5e3df }
.fancybox__html5video,
.fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: transparent }
.fancybox-placeholder { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0 }
.fancybox__thumbs { flex: 0 0 auto; position: relative; padding: 0 3px; opacity: var(--fancybox-opacity, 1) }
.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs { animation: .15s ease-in backwards f }
.fancybox__container.is-animated.is-closing .fancybox__thumbs { opacity: 0 }
.fancybox__thumbs .carousel__slide { flex: 0 0 auto; width: var(--fancybox-thumbs-width, 96px); margin: 0; padding: 8px 3px; box-sizing: content-box; display: flex; align-items: center; justify-content: center; overflow: visible; cursor: pointer }
.fancybox__thumbs .carousel__slide .fancybox__thumb:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 5px solid var(--color-white); opacity: 0; transition: opacity .15s ease; border-radius: var(--fancybox-thumbs-border-radius, 4px) }
.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after { opacity: .92 }
.fancybox__thumbs .carousel__slide>* { pointer-events: none; user-select: none }
.fancybox__thumb { position: relative; width: 100%; padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5))); background-size: cover; background-position: 50%; background-color: hsla(0, 0%, 100%, .1); background-repeat: no-repeat; border-radius: var(--border-radius) }
.fancybox__toolbar { position: absolute; top: 0; right: 0; left: 0; z-index: 20; background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .006) 8.1%, rgba(0, 0, 0, .021) 15.5%, rgba(0, 0, 0, .046) 22.5%, rgba(0, 0, 0, .077) 29%, rgba(0, 0, 0, .114) 35.3%, rgba(0, 0, 0, .155) 41.2%, rgba(0, 0, 0, .198) 47.1%, rgba(0, 0, 0, .242) 52.9%, rgba(0, 0, 0, .285) 58.8%, rgba(0, 0, 0, .326) 64.7%, rgba(0, 0, 0, .363) 71%, rgba(0, 0, 0, .394) 77.5%, rgba(0, 0, 0, .419) 84.5%, rgba(0, 0, 0, .434) 91.9%, rgba(0, 0, 0, .44)); padding: 0; touch-action: none; display: flex; justify-content: space-between; --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px; opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .4)) }
@media (min-width:1024px) {
	.fancybox__toolbar { padding: 8px }
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar { animation: .15s ease-in backwards f }
.fancybox__container.is-animated.is-closing .fancybox__toolbar { opacity: 0 }
.fancybox__toolbar__items { display: flex }
.fancybox__toolbar__items--left { margin-right: auto }
.fancybox__toolbar__items--center { position: absolute; left: 50%; transform: translateX(-50%) }
.fancybox__toolbar__items--right { margin-left: auto }
@media (max-width:640px) {
	.fancybox__toolbar__items--center:not(:last-child) { display: none }
}
.fancybox__counter { min-width: 72px; padding: 0 10px; line-height: var(--carousel-button-height, 48px); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased }
.fancybox__progress { background: var(--color-black); height: 1px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 30; user-select: none }
.fancybox__container:fullscreen::backdrop { opacity: 0 }
.fancybox__button--fullscreen g:nth-child(2),.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child { display: none }
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) { display: block }
.fancybox__button--slideshow g:nth-child(2),.fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child { display: none }
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) { display: block }
.footer { margin-top: calc(var(--grid-gutter) * 3); width: 100%; display: flex; flex-direction: column; padding: calc(var(--grid-gutter) * 4) 0; justify-content: flex-end; background: var(--footer-background, "#fff"); color: var(--footer-color, "#000") }
@media screen and (max-width:900px) {
	.footer { padding: 0; margin-top: calc(var(--grid-gutter) * 8) }
}
.footer__container { margin: 0 auto; width: 96vw; max-width: clamp(320px, 90vw, var(--grid-maxWidth)); padding: 0 calc(var(--grid-gutter) / 2) }
@media screen and (max-width:900px) {
	.footer__container { padding: calc(var(--grid-gutter) * 2); max-width: 100%; width: 100% }
}
.footer__content { display: flex; justify-content: space-between; padding-top: calc(var(--grid-gutter) * 1) }
@media screen and (max-width:900px) {
	.footer__content { flex-direction: column; border: 0 }
}
.footer__contacts { font-size: var(--font-size-xs) }
@media screen and (max-width:900px) {
	.footer__contactsLogo { display: none }
}
.footer__contactsLogo img { max-width: 150px; margin-bottom: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.footer__contactsLogo img { max-width: 100px }
}
.footer__contactsPhone { display: flex; flex-direction: column; gap: calc(var(--grid-gutter) / 4) }
.footer__contactsPhone a { color: var(--footer-color) }
.footer__contactsPhone span { display: block }
@media screen and (max-width:900px) {
	.footer__contactsPhone { flex-direction: row; gap: var(--grid-gutter) }
}
.footer__contactsEmail,
.footer__contactsMap { text-decoration: underline; margin-bottom: var(--grid-gutter) }
.footer__contactsEmail,
.footer__contactsEmail a,
.footer__contactsMap a { text-decoration: underline; font-size: var(--font-size-sm); color: var(--color-grey) }
.footer__column { flex: 1; margin-right: 30px }
@media screen and (max-width:900px) {
	.footer__column { margin-right: 0 }
}
.footer__column:last-child { margin-right: 0 }
@media screen and (max-width:900px) {
	.footer__columnLogo { order: 4 }
}
.footer__columnLogo .footer__logo { max-width: 150px; margin-bottom: 20px }
.footer__columnMenu { font-size: var(--font-size-xs) }
@media screen and (max-width:900px) {
	.footer__columnMenu { order: 1 }
}
.footer__columnMenu ul { list-style-type: none; padding: 0; margin-top: 2px }
@media screen and (max-width:900px) {
	.footer__columnMenu ul { display: flex; flex-direction: column; white-space: preserve-spaces; flex-wrap: wrap; gap: var(--grid-gutter) }
}
.footer__columnMenu ul li { margin-bottom: calc(var(--grid-gutter) / 2) }
@media screen and (max-width:900px) {
	.footer__columnMenu ul li:not(.footer__columnMenuHeader) { display: none }
}
.footer__columnMenu ul._open li { display: block }
.footer__columnMenu ul a { text-decoration: none; color: var(--footer-color, "#000") }
.footer__columnMenu ul a:hover { color: var(--color-primary) }
.footer__columnMenuHeader { font-weight: 900; line-height: calc(1.1 + .05 * var(--step)); margin-bottom: calc(var(--grid-gutter) * 1.5) !important; font-size: var(--font-size-base); position: relative }
@media screen and (max-width: 900px) {
    .footer__columnMenuHeader:after {
        content:"";
        position: absolute;
        right: 0;
        top: 0;
        width: 15px;
        height: 15px;
        background-color: currentColor;
        mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M8 4l8 8-8 8'/%3E%3C/svg%3E") center/1em 1em no-repeat;
        -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M8 4l8 8-8 8'/%3E%3C/svg%3E") center/1em 1em no-repeat;
        transform: rotate(90deg);
        transition: transform .3s ease;
        color: inherit
    }
}
@media screen and (max-width:900px) {
	.footer__columnMenuHeader { cursor: pointer; width: 100%; margin-bottom: calc(var(--grid-gutter) / 2) !important }
}
@media screen and (max-width:900px) {
	.footer__subscribe { order: 2 }
}
.footer__subscribeForm input { width: 100%; padding: 10px; margin-bottom: 10px }
.footer__subscribeForm button { padding: 10px 20px; color: #fff; border: none; cursor: pointer }
.footer__title { margin-bottom: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.footer__title { display: none }
}
.footer__socialLinks { margin-bottom: calc(var(--grid-gutter) * 2) }
.footer__socialContacts { display: flex; margin-bottom: calc(var(--grid-gutter) * 1) }
@media screen and (max-width:900px) {
	.footer__socialContacts { display: flex; margin-bottom: calc(var(--grid-gutter) * 2) }
}
.footer__socialContacts svg { display: flex; height: 22px; width: 22px; fill: var(--color-grey) }
.footer__socialContactsItem { position: relative; border-radius: var(--border-radius); padding: calc(var(--grid-gutter) / 4) }
@media screen and (max-width:900px) {
	.footer__socialContactsItem { border: 0 }
}
.footer__socialContactsItem:hover svg { opacity: .7 }
.footer__socialContactsItem a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1 }
.footer__social-icon { margin-right: 10px; text-decoration: none; color: #333 }
.footer .wa-subscribe-form { display: flex !important }
.footer .wa-subscribe-form .wa-error { border: 1px solid red !important }
.footer .wa-subscribe-form._show .wa-captcha { display: flex !important }
.footer .wa-subscribe-form label { display: none }
.footer .wa-after-submit { position: absolute !important; bottom: -3px !important; text-align: left !important; width: 100% !important; background: var(--footer-background) !important; color: var(--footer-color) !important }
.footer .wa-submit { margin: 0 !important }
.footer .wa-value-input { margin-left: 0 !important }
.footer .wa-fill { width: 100% !important }
.footer .wa-value { margin-bottom: 0 !important; height: 100% }
.footer .wa-value input[type=submit] { height: 100%; display: flex }
.footer .wa-errormsg { position: absolute !important; bottom: -40px; left: 0; font-weight: var(--font-weight-normal) !important; font-family: Unbounded, sans-serif }
@media screen and (max-width:900px) {
	.footer .wa-errormsg { bottom: -35px }
}
.footer .wa-captcha { position: absolute; left: 0; top: 40px; display: none; flex-direction: column; width: 100% !important; background: var(--footer-background); z-index: 1 }
.footer .wa-captcha input[type=text],
.footer .wa-captcha strong { top: unset !important }
.footer .wa-captcha>p { display: flex; align-items: center; color: #fff; gap: var(--grid-gutter); margin-bottom: 0 !important }
.ccallback__body { color: var(--color-black) }
header { margin-bottom: calc(var(--grid-gutter) * 8) }
@media screen and (max-width:900px) {
	header { margin-bottom: calc(var(--grid-gutter) * 0) }
}
.alertLine { background: var(--color-black); color: var(--color-white); padding: calc(var(--grid-gutter) / 4); text-align: center; font-size: var(--font-size-xs); position: relative }
.alertLine a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; color: var(--color-white) }
.alertLine svg { height: 20px; position: absolute; right: var(--grid-gutter); top: 0 }
@media screen and (max-width:900px) {
	.alertLine { padding-left: 1rem; padding-right: 1rem; font-size: var(--font-size-micro); z-index: 10 }
}
.headerSearch { background: var(--color-white) }
.headerSearch__container { padding: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 3); width: 100% }
.headerSearch__popular { margin-top: var(--grid-gutter) }
.headerSearch__tags { font-size: var(--font-size-lg); font-weight: 800 }
.headerSearch__tags a { color: var(--color-grey); display: inline-block; margin-right: var(--grid-gutter); margin-bottom: var(--grid-gutter); padding: var(--grid-gutter); border-radius: var(--border-radius); border: 1px solid var(--color-lightGrey) }
@media screen and (max-width:900px) {
	.homeSubscribe { margin: calc(var(--grid-gutter) * 2) 0 }
}
.homeSubscribe__form>div { padding: 0 !important; width: 100% !important }
.homeSubscribe__item { color: var(--color-black); padding: 0 0 calc(var(--grid-gutter) * 2); display: flex; gap: calc(var(--grid-gutter) * 1); justify-content: center; flex-direction: column; margin-bottom: calc(var(--grid-gutter) * 1) }
@media screen and (max-width:900px) {
	.homeSubscribe__item { flex-direction: column }
}
.homeSubscribe__text { display: flex; align-items: center; justify-content: left; font-size: calc(1.75em - 2 * var(--step)); line-height: calc(1.1 + .05 * var(--step)); font-weight: 900; color: var(--footer-color) }
.homeSubscribe__form form { display: flex }
.homeSubscribe__form form input[type=text] { border: 1px solid var(--color-black); border-right: 0 }
.homeSubscribe__form form button { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; z-index: unset }
.homeMarketing .row { justify-content: center }
.homeMarketing__container { overflow: hidden }
.homeMarketing__container.container-full h2 { padding-left: calc(var(--grid-gutter) * 4) }
@media screen and (max-width:900px) {
	.homeMarketing__container.container-full h2 { padding: 0 calc(var(--grid-gutter) * 2) }
}
.homeMarketing__item { background: var(--color-lightGrey); height: 50vh; min-height: 300px; position: relative; flex: 0 0 calc((100% / var(--columns)) - var(--grid-gutter)); max-width: 100%; border-radius: var(--border-radius); overflow: hidden }
.homeMarketing__item:nth-child(2),
.homeMarketing__item:nth-child(4),
.homeMarketing__item:nth-child(6),
.homeMarketing__item:nth-child(8),
.homeMarketing__item:nth-child(10) { margin-top: 3rem }
@media screen and (max-width:900px) {
	.homeMarketing__item:nth-child(2),
	.homeMarketing__item:nth-child(4),
	.homeMarketing__item:nth-child(6),
	.homeMarketing__item:nth-child(8),
	.homeMarketing__item:nth-child(10) { margin-top: unset }
}
@media screen and (max-width:900px) {
	.homeMarketing__item { min-height: 150px; max-height: 250px; flex: 47%; max-width: 100% }
}
.homeMarketing__item h3 { font-size: var(--font-size-lg); margin: 0; transition: .5s ease }
@media screen and (max-width:900px) {
	.homeMarketing__item h3 { font-size: var(--font-size-base) }
}
.homeMarketing__item p { opacity: 0; max-height: 0; transform: translateY(20px); transition: .5s ease; font-size: var(--font-size-sm) }
.homeMarketing__item img { object-position: center; object-fit: cover; width: 100%; height: 100%; opacity: 0; transform: translateY(20px); transition: opacity .5s ease, transform .5s ease }
.homeMarketing__item img.entered { opacity: 1; transform: translateY(0) }
.homeMarketing__item img.exited { opacity: 0; transform: translateY(20px) }
.homeMarketing__item._top img { object-position: top }
.homeMarketing__item._center img { object-position: center }
.homeMarketing__item._bottom img { object-position: bottom }
.homeMarketing__item:hover:after { background: hsla(0, 0%, 100%, .3); transition: .5s ease; transform: translateX(0) }
.homeMarketing__item:hover img { animation: l 5s infinite alternate ease-in-out }
.homeMarketing__item:hover h3 { transform: translateY(-100%) }
.homeMarketing__item:hover p { opacity: 1; transform: translateY(0); max-height: 100px }
.homeMarketing__item:after { background: transparent; z-index: 1; content: ""; transition: .5s ease; transform: translateX(100%) }
.homeMarketing__item:after,
.homeMarketing__item a { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.homeMarketing__item a { z-index: 3 }
.homeMarketing__itemText { position: absolute; bottom: var(--grid-gutter); left: var(--grid-gutter) }
@keyframes l {
	0% { transform: scale(1) }
	to { transform: scale(1.1) }
}
.homeNews .row { justify-content: center }
@media screen and (max-width:900px) {
	.homeNews .container-3-columns { --columns: 2 }
}
.homeNews__all { text-align: center; margin: calc(var(--grid-gutter) * 4) 0 calc(var(--grid-gutter) * 8) }
.homeNews__container { overflow: hidden }
.homeNews__container.container-full h2 { padding-left: calc(var(--grid-gutter) * 4) }
@media screen and (max-width:900px) {
	.homeNews__container.container-full h2 { padding: 0 calc(var(--grid-gutter) * 2) }
}
.homeNews__item { position: relative; flex: 0 0 calc((100% / var(--columns)) - var(--grid-gutter)); max-width: 100%; border-radius: var(--border-radius); overflow: hidden }
.homeNews__item .h3 { font-size: var(--font-size-lg); margin: 0; transition: .5s ease; color: var(--color-black) }
@media screen and (max-width:900px) {
	.homeNews__item .h3 { font-size: var(--font-size-base) }
}
.homeNews__item p { color: var(--color-grey); transition: .5s ease; font-size: var(--font-size-sm) }
.homeNews__itemImg { height: 25rem; width: 100%; margin-bottom: calc(var(--grid-gutter) * 3); overflow: hidden }
.homeNews__item img { object-position: center; object-fit: cover; width: 100%; height: 100%; transform: translateY(20px); transition: opacity .5s ease, transform .5s ease }
.homeNews__item img.entered { opacity: 1; transform: translateY(0) }
.homeNews__item img.exited { opacity: 0; transform: translateY(20px) }
.homeNews__item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3 }
.homeNews__itemText { margin-top: var(--grid-gutter) }
.homeBanner .container,
.homeBanner .container-full,
.homeBanner .container-micro,
.homeBanner .container-small { display: flex; flex-direction: column; gap: calc(var(--grid-gutter) * 4); padding: 0; background: transparent; text-align: center; justify-content: center; position: relative }
.homeBanner .container-full img,
.homeBanner .container-micro img,
.homeBanner .container-small img,
.homeBanner .container img { width: 100% }
.homeBanner__text { position: absolute; left: 0; right: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: calc(var(--grid-gutter) * 2); font-weight: 800; letter-spacing: 0; font-size: var(--font-size-xxl); z-index: 1 }
@media screen and (max-width:900px) {
	.homeBanner__text { padding-left: calc(var(--grid-gutter) * 6); padding-right: calc(var(--grid-gutter) * 6) }
}
.homeBanner__text a { margin-top: calc(var(--grid-gutter) * 2) }
.homeShop { color: var(--color-black); position: relative; z-index: 0 }
@media screen and (max-width:900px) {
	.homeShop { padding-top: calc(var(--grid-gutter) * 0); padding-bottom: calc(var(--grid-gutter) * 5) }
}
.homeShopL { max-height: 50vh; display: flex; flex-direction: column; padding: calc(var(--grid-gutter) * 4); width: 40% }
@media screen and (max-width:900px) {
	.homeShopL { flex-direction: column; gap: calc(var(--grid-gutter) * 1); padding: 0; background: transparent; width: 100%; overflow: hidden }
}
.homeShopL img { object-fit: cover; object-position: center; width: 100%; height: 100% }
.homeShopR { margin-left: 60%; display: flex; flex-direction: column; justify-content: center; padding-top: calc(var(--grid-gutter) * 3); position: relative; top: -15rem }
@media screen and (max-width:900px) {
	.homeShopR { padding: 0; margin-left: 0; position: static; flex-direction: unset }
}
.homeShopR img { position: relative; z-index: 2 }
@media screen and (max-width:900px) {
	.homeShopR img { display: none }
}
.homeShopRBg { position: absolute; right: calc(var(--grid-gutter) * 4); top: calc(var(--grid-gutter) * -4); width: 120%; z-index: 2 }
@media screen and (max-width:900px) {
	.homeShopRBg { position: static; width: calc(100% - var(--grid-gutter)); margin-top: calc(var(--grid-gutter) * 3) }
}
@media screen and (max-width:900px) {
	.homeShopRBg img { display: block }
}
.homeShop h1 { font-size: var(--font-size-xxl) }
.homeShop h1,
.homeShop h2 { margin-bottom: calc(var(--grid-gutter) * 3) }
.homeShop h2 { font-size: var(--font-size-xl) }
.homeShop h3 { font-size: var(--font-size-lg) }
.homeShop h3,
.homeShop h4 { margin-bottom: calc(var(--grid-gutter) * 3) }
.homeShop h4 { font-size: var(--font-size-md) }
.homeShop h5 { font-size: var(--font-size-base); font-size: var(--font-size-sm); margin-bottom: calc(var(--grid-gutter) * 3) }
.homeShop .button { margin-top: calc(var(--grid-gutter) * 2) }
.homeIcon { margin-bottom: calc(var(--grid-gutter) * 6); color: var(--color-black) }
.homeIcon__item { display: flex; gap: calc(var(--grid-gutter) * 2); position: relative }
@media screen and (max-width:900px) {
	.homeIcon__item { text-align: center }
}
.homeIcon__item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1 }
@media screen and (max-width:900px) {
	.homeIcon__item { flex-direction: column }
}
.homeIcon__item p { color: var(--color-grey) }
@media screen and (max-width:900px) {
	.homeIcon__item p { font-size: var(--font-size-sm) }
}
.homeIcon__img { background: var(--color-lightGrey); border-radius: 50%; width: 5rem; height: 5rem; min-width: 5rem; min-height: 5rem; display: flex; align-items: center; justify-content: center }
@media screen and (max-width:900px) {
	.homeIcon__img { margin: 0 auto }
}
.homeIcon__text { display: flex; flex-direction: column; justify-content: center }
.homeIcon__text p { margin-bottom: 0 }
.homeStatic { width: 100%; height: calc(100vh - (var(--grid-gutter))); position: relative; z-index: 1; display: flex; gap: var(--grid-gutter) }
.homeStatic._white:after { content: ""; position: absolute; top: 0; left: 0; width: 100vw; z-index: 1; background: linear-gradient(180deg, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, 0)); height: 150px }
@media screen and (max-width:768px) {
	.homeStatic._white:after { background: none }
}
.homeStatic._black:after { content: ""; position: absolute; top: 0; left: 0; width: 100vw; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent); height: 130px }
@media screen and (max-width:768px) {
	.homeStatic._black:after { background: none }
}
@media screen and (max-width:900px) {
	.homeStatic { margin-bottom: calc(var(--grid-gutter) * 4); flex-direction: column; height: 80vh }
}
.homeStatic__side { flex: 1; background: #bebebe; overflow: hidden; position: relative }
.homeStatic__sideOverlay { z-index: 1; background: rgba(0, 0, 0, .34); content: ""; transition: .5s ease; opacity: 0 }
.homeStatic__side a,
.homeStatic__sideOverlay { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.homeStatic__side a { z-index: 2 }
.homeStatic__side:hover .homeStatic__sideOverlay { opacity: 1; transition: .5s ease }
.homeStatic__side:hover img { transform: scale(1.1); transition: .5s ease }
.homeStatic__side img { object-position: center; object-fit: cover; height: 100%; width: 100%; transition: .5s ease }
.homeStatic__galleryText { font-weight: 800; letter-spacing: 0; font-size: var(--font-size-xxxl); line-height: calc(var(--font-size-xxxl) + .5rem); margin-bottom: calc(var(--grid-gutter) * 4); position: absolute; bottom: var(--grid-gutter); left: 0; right: 0; color: var(--color-white); text-align: center; margin-left: 0; margin-right: 0 }
@media screen and (max-width:900px) {
	.homeStatic__galleryText { width: 90vw; margin: 0 auto calc(var(--grid-gutter) * 12); margin-bottom: calc(var(--grid-gutter) * 2) }
}
.homeSlider { background: #bebebe; width: 100%; height: calc(100vh - (var(--grid-gutter))); position: relative; z-index: 1 }
@media screen and (max-width:900px) {
	.homeSlider { height: calc(50vh - (var(--grid-gutter))); margin-bottom: calc(var(--grid-gutter) * 4) }
}
.homeSlider:hover .swiper-button-next,
.homeSlider:hover .swiper-button-prev { opacity: 1 }
.homeSlider .video-container { position: relative; width: 100%; overflow: hidden; height: 100% }
.homeSlider .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover }
.homeSlider__scroll { bottom: 4rem; position: absolute; z-index: 10; left: 0; right: 0; text-align: center }
@media screen and (max-width:900px) {
	.homeSlider__scroll { bottom: 2rem }
}
.homeSlider__gallery { aspect-ratio: 1/1.2; display: flex; gap: var(--grid-gutter); position: relative; overflow: hidden }
.homeSlider__gallery a { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100% }
.homeSlider__gallery img { object-fit: cover; object-position: center center; width: 100%; height: 100% }
.homeSlider__galleryText { font-weight: 800; letter-spacing: 0; font-size: var(--font-size-slider); margin-bottom: calc(var(--grid-gutter) * 12); position: absolute; bottom: var(--grid-gutter); left: 0; right: 0; color: var(--color-white); text-align: center; margin-left: 0; margin-right: 0 }
@media screen and (max-width:900px) {
	.homeSlider__galleryText { width: 90vw; margin: 0 auto calc(var(--grid-gutter) * 10); font-size: var(--font-size-header); line-height: calc(var(--font-size-header) + .2rem); bottom: 0 }
}
.homeSlider__gallery .swiper-horizontal>.swiper-pagination-bullets,
.homeSlider__gallery .swiper-pagination-bullets.swiper-pagination-horizontal,
.homeSlider__gallery .swiper-pagination-custom,
.homeSlider__gallery .swiper-pagination-fraction { bottom: var(--grid-gutter); left: 0; right: 0; width: auto; display: block }
.homeSlider__gallery .swiper-horizontal>.swiper-pagination-bullets span,
.homeSlider__gallery .swiper-pagination-bullets.swiper-pagination-horizontal span,
.homeSlider__gallery .swiper-pagination-custom span,
.homeSlider__gallery .swiper-pagination-fraction span { width: 5rem; margin: 0 .25rem }
@media screen and (max-width:768px) {
	.homeSlider__gallery .swiper-horizontal>.swiper-pagination-bullets span,
	.homeSlider__gallery .swiper-pagination-bullets.swiper-pagination-horizontal span,
	.homeSlider__gallery .swiper-pagination-custom span,
	.homeSlider__gallery .swiper-pagination-fraction span { width: 2rem }
}
.homeSlider__gallery .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.homeSlider__gallery .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet,
.homeSlider__gallery .swiper-pagination-custom .swiper-pagination-bullet,
.homeSlider__gallery .swiper-pagination-fraction .swiper-pagination-bullet { background: var(--color-white) }
.homeSlider__gallery .swiper-button-next,
.homeSlider__gallery .swiper-button-prev { opacity: 0 }
.homeSlider__gallery .slider-button-next,
.homeSlider__gallery .slider-button-prev { width: 3rem; z-index: 10; position: absolute; top: 50%; cursor: pointer }
.homeSlider__gallery .slider-button-next svg,
.homeSlider__gallery .slider-button-prev svg { width: 40px; height: 25px }
.homeSlider__gallery .slider-button-next path,
.homeSlider__gallery .slider-button-prev path { fill: none; stroke: #000; stroke-linecap: round; stroke-linejoin: bevel; stroke-miterlimit: 10; stroke-width: 1px }
.homeSlider__gallery .slider-button-next { right: calc(var(--grid-gutter) * 2); text-align: right }
.homeSlider__gallery .slider-button-prev { left: calc(var(--grid-gutter) * 2) }
.homeSlider__gallery .swiper-button-prev { height: 100%; top: 0; left: calc(var(--grid-gutter) * 2) }
.homeSlider__gallery .swiper-button-next { height: 100%; top: 0; right: calc(var(--grid-gutter) * 2) }
.homeSlider .swiper-button-disabled { opacity: 0 }
.homePopular { margin-top: calc(var(--grid-gutter) * 8); margin-bottom: calc(var(--grid-gutter) * 8); width: 100%; overflow-x: hidden }
.homePopular__container { overflow: hidden }
.homePopular__container.container-full h2 { padding-left: calc(var(--grid-gutter) * 4); padding-right: calc(var(--grid-gutter) * 4) }
@media screen and (max-width:900px) {
	.homePopular__container.container-full h2 { padding-left: calc(var(--grid-gutter) * 2); padding-right: calc(var(--grid-gutter) * 2) }
}
.homePopular .col { flex: 1; max-width: 100% }
.homePopular__items { display: flex; flex-direction: column; gap: var(--grid-gutter); margin-bottom: calc(var(--grid-gutter) * 4); flex-flow: row wrap; justify-content: center; --columns: 4 }
@media screen and (max-width:900px) {
	.homePopular__items { --columns: 2 }
}
.homePopular__items .swiper-slide { flex: 0 0 calc((100% / var(--columns)) - var(--grid-gutter)); max-width: calc((100% / var(--columns)) - var(--grid-gutter)) }
.homePopular__item { text-align: center; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; overflow: hidden; max-height: 70vh; aspect-ratio: 1/1.5 }
@media screen and (max-width:900px) {
	.homePopular__item { min-height: 150px; max-height: 150px; aspect-ratio: unset }
}
.homePopular__item.fill img { object-fit: cover; object-position: center center; width: 100%; height: 100%; opacity: 0; transform: translateY(20px); transition: opacity .5s ease, transform .5s ease }
.homePopular__item.fill img.entered { opacity: 1; transform: translateY(0) }
.homePopular__item.fill img.exited { opacity: 0; transform: translateY(20px) }
.homePopular__item.fill:hover:after { background: rgba(0, 0, 0, .3); transition: .5s ease }
.homePopular__item.contain { height: unset }
.homePopular__item.contain img { opacity: 0; transform: translateY(20px); transition: opacity .5s ease, transform .5s ease; max-width: 100%; max-height: 100%; display: flex }
.homePopular__item.contain img.entered { opacity: 1; transform: translateY(0) }
.homePopular__item.contain img.exited { opacity: 0; transform: translateY(20px) }
.homePopular__item:after { background: transparent; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; content: "none"; transition: .5s ease }
.homePopular__item h3 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; padding-bottom: calc(var(--grid-gutter) * 2); padding-left: calc(var(--grid-gutter) * 2); padding-top: calc(var(--grid-gutter) * 3); margin-bottom: 0; font-size: var(--font-size-lg); color: var(--color-white); z-index: 5; background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent) }
@media screen and (max-width:900px) {
	.homePopular__item h3 { font-size: var(--font-size-sm) }
}
.homePopular__item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10 }
.homePopular .swiper-button-next,
.homePopular .swiper-button-prev { transform: scale(.6) }
.homePopular .swiper-pagination { bottom: var(--grid-gutter); left: 0; right: 0; width: auto; display: block }
.homePopular .swiper-pagination span { width: 5rem; margin: 0 .25rem !important; background: var(--color-white); display: inline-block }
@media screen and (max-width:900px) {
	.homePopular .swiper-pagination span { width: 20px }
}
.scroll-icon-wrapper { opacity: 1; transition: opacity .5s ease; z-index: 1000 }
@media screen and (max-width:900px) {
	.scroll-icon-wrapper svg { height: 30px }
}
.fade-out { opacity: 0 }
.authPage { display: flex; flex-direction: row-reverse; height: 100vh }
@media screen and (max-width:900px) {
	.authPage { display: flex; flex-direction: column }
}
.authPage .wa-login-url,
.authPage .wa-signup-url { position: absolute; right: calc(var(--grid-gutter) * 2); top: calc(var(--grid-gutter) * 3) }
@media screen and (max-width:900px) {
	.authPage .wa-login-url,
	.authPage .wa-signup-url { position: static }
}
.authPage .wa-login-url a,
.authPage .wa-signup-url a { text-decoration: underline }
.authPageBack { margin-bottom: var(--grid-gutter) }
.authPageLogo { position: absolute; left: calc(var(--grid-gutter) * 2); top: calc(var(--grid-gutter) * 3); display: flex; gap: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.authPageLogo { left: calc(var(--grid-gutter) * 1) }
}
.authPageLogo img { max-height: 5rem; width: 10rem }
.authPageForm { display: flex; flex-direction: column; height: 100%; padding: 0 calc(var(--grid-gutter) * 10); overflow-y: auto; padding-top: calc(var(--grid-gutter) * 10) }
@media screen and (max-width:900px) {
	.authPageForm { padding: 0; padding-top: calc(var(--grid-gutter) * 4); margin: 0 auto; width: 96vw }
}
.authPageForm h2 { font-size: var(--font-size-lg); margin-bottom: calc(var(--grid-gutter) * 2) }
@media screen and (max-width:900px) {
	.authPageForm h2 { margin-bottom: calc(var(--grid-gutter) * 4) }
}
.authPageForm input[type=submit] { width: auto; padding-left: calc(var(--grid-gutter) * 2); padding-right: calc(var(--grid-gutter) * 2); margin: var(--grid-gutter) 0 }
.authPageL { flex: 1; display: flex; flex-direction: column }
@media screen and (max-width:900px) {
	.authPageL { order: 1; padding: 0 0 calc(var(--grid-gutter) * 5) }
}
.authPageR { flex: 1; background: var(--color-lightGrey); background-size: cover; background-position: 50%; display: flex; justify-content: center; align-items: center; padding: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.authPageR { flex: 0.5; min-height: 250px; aspect-ratio: 1/1; background-position: 50% 30% !important }
}
.authPageR h3 { font-weight: 800; letter-spacing: 0; font-size: var(--font-size-slider); line-height: calc(var(--font-size-slider) + 1rem); text-align: center; color: var(--color-white) }
@media screen and (max-width:900px) {
	.authPageR h3 { line-height: calc(var(--font-size-slider) + 1rem) }
}
@media screen and (max-width:900px) {
	.authPage .wa-buttons-wrapper,
	.authPage .wa-forgotpassword-button { display: flex; justify-content: center }
}
@media screen and (max-width:900px) {
	.authPage .wa-login-forgotpassword-url,
	.authPage .wa-login-url,
	.authPage .wa-signup-url { text-align: center }
}
.wa-forgotpassword-form-wrapper .wa-field,
.wa-login-form-wrapper .wa-field,
.wa-signup-form-wrapper .wa-field { margin-bottom: var(--grid-gutter) }
.wa-forgotpassword-form-wrapper .wa-login-form-actions,
.wa-forgotpassword-form-wrapper .wa-login-url,
.wa-forgotpassword-form-wrapper .wa-name,
.wa-forgotpassword-form-wrapper .wa-value,
.wa-login-form-wrapper .wa-login-form-actions,
.wa-login-form-wrapper .wa-login-url,
.wa-login-form-wrapper .wa-name,
.wa-login-form-wrapper .wa-value,
.wa-signup-form-wrapper .wa-login-form-actions,
.wa-signup-form-wrapper .wa-login-url,
.wa-signup-form-wrapper .wa-name,
.wa-signup-form-wrapper .wa-value { font-size: var(--font-size-xs) }
.wa-error-msg { color: var(--color-error); display: block; margin-top: var(--grid-gutter); font-style: normal }
body { font-family: Unbounded, sans-serif; font-weight: 300; font-size: var(--font-size-base) }
.wrapper { display: flex; flex-direction: column; min-height: 100vh }
main { flex: 1 }
body.menu-open { overflow: hidden !important }
body.menu-open .mainMenu__itemChildren { display: none !important }
body.menu-open .mainMenu__black { display: flex; gap: var(--grid-gutter); transform: translateY(0); opacity: 1; z-index: 30 }
@media screen and (max-width:900px) {
	body.menu-open .alertLine { display: none }
}
body.menu-open .mainMenu__logo { opacity: 0; width: 0; visibility: hidden; margin-right: -1.5rem; min-width: unset !important }
body.menu-open .mainMenu__logo img { filter: invert(1) }
body.menu-open .mainMenu__more { display: none !important }
body.menu-open .mainMenu { top: 0; background: var(--color-black); margin: var(--grid-gutter); width: calc(100% - var(--grid-gutter) * 2); padding: calc(var(--grid-gutter) * 3) calc(var(--grid-gutter) * 1) calc(var(--grid-gutter) * 2); box-shadow: none; z-index: 31 }
@media screen and (max-width:900px) {
	body.menu-open .mainMenu { margin: 0; width: 100vw; padding-right: calc(var(--grid-gutter) * 3); padding-left: calc(var(--grid-gutter) * 2) }
}
body.menu-open .mainMenu._top { padding-top: var(--grid-gutter) }
@media screen and (max-width:900px) {
	body.menu-open .mainMenu._top { padding-top: calc(var(--grid-gutter) * 3) }
}
body.menu-open .mainMenu a { color: var(--color-white) }
body.menu-open .mainMenu path,
body.menu-open .mainMenu svg { stroke: var(--color-white) }
body.menu-open .mainMenu__daynight { display: block !important }
body.menu-open .mainMenu__burger { position: relative; top: -3px }
@media screen and (max-width:900px) {
	body.menu-open .mainMenu__burger { top: 3px; height: 100%; left: 9px }
}
body.menu-open .mainMenu__burger span { background: var(--color-white); display: none; border-radius: 4px }
body.menu-open .mainMenu__burger span:first-child { display: block; transform: rotate(45deg); position: relative; top: 5px }
body.menu-open .mainMenu__burger span:last-child { display: block; transform: rotate(-45deg); position: relative; top: 0 }
body.menu-open .mainMenu__count { background: var(--color-white); color: var(--color-black) }
._transition { transition: .3s ease }
.is-vertical-align { display: flex; align-items: center }
.gap0 { gap: 0 }
.siteWrapper { transition: all .3s ease; background: var(--color-white); position: relative; z-index: 1; min-height: 100vh }
.mainMenu__daynight { margin-right: calc(var(--grid-gutter) * 1.5) }
.mainMenu__daynight .toggle { width: 42px; height: 20px; position: relative; overflow: hidden; display: inline-flex; align-items: center; padding: .08rem; border-radius: 2rem; border: 1px solid var(--color-white); user-select: none; cursor: pointer; transition: translate .3s, background-color .8s }
.mainMenu__daynight .toggle:before { position: absolute; top: 2px; left: 2px; content: ""; height: calc(100% - 4px); aspect-ratio: 1; border-radius: 50%; transition: translate .3s, background-color .8s; background: #fff }
.mainMenu__daynight .toggle input { position: absolute; appearance: none }
.mainMenu__daynight .toggle span { position: relative; transition: translate .6s ease .2s; font-size: 10px; left: 3px; top: 0 }
.mainMenu__daynight .toggle span:first-of-type { translate: 0 150% }
.mainMenu__daynight .toggle span:nth-of-type(2) { translate: 0 0; left: 5px; top: -1px }
.mainMenu__daynight .toggle:has(input:checked) { background-color: transparent }
.mainMenu__daynight .toggle:has(input:checked) span:first-of-type { translate: 0 0 }
.mainMenu__daynight .toggle:has(input:checked) span:nth-of-type(2) { translate: 0 -150% }
.mainMenu__daynight .toggle:has(input:checked):before { translate: 100% 0; background-color: var(--color-white); left: 10px }
.f-thumbs__slide { overflow: hidden }
.custom-controls label { display: flex; align-items: center; cursor: pointer; color: var(--color-black) }
.custom-controls input[type=checkbox],
.custom-controls input[type=radio] { display: none }
.custom-checkbox .custom-checkmark { width: 14px; height: 14px; background: var(--color-white); border: 1px solid #c5c4c4; margin-right: 8px; position: relative; border-radius: 2px }
.custom-checkbox input[type=checkbox]:checked+.custom-checkmark { background-color: var(--color-darkGrey); border-color: var(--color-darkGrey) }
.custom-checkbox .custom-checkmark:after { content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; background: #fff; transform: translate(-50%, -50%) scale(0); transition: transform .2s ease }
.custom-checkbox input[type=checkbox]:checked+.custom-checkmark:after { transform: translate(-50%, -50%) scale(1) }
.custom-radio .custom-radio-mark { width: 14px; height: 14px; border: 1px solid #c5c4c4; border-radius: 50%; margin-right: 8px; position: relative; background: var(--color-white) }
.custom-radio input[type=radio]:checked+.custom-radio-mark { background-color: var(--color-darkGrey); border-color: var(--color-darkGrey) }
.custom-radio .custom-radio-mark:after { content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; background: #fff; border-radius: 50%; transform: translate(-50%, -50%) scale(0); transition: transform .2s ease }
.custom-radio input[type=radio]:checked+.custom-radio-mark:after { transform: translate(-50%, -50%) scale(1) }
.mainMenu { padding: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 3); display: flex; justify-content: space-between; position: fixed; width: 100%; top: calc(var(--grid-gutter) * 2); z-index: 2 }
@media screen and (max-width:900px) {
	.mainMenu { position: static; padding: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 3); top: calc(var(--grid-gutter) * 1); right: var(--grid-gutter); box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .1) }
}
.mainMenu._empty { top: unset }
.mainMenu__daynight { display: none !important }
.mainMenu__container { display: flex; gap: calc(var(--grid-gutter) * 1.5) }
@media screen and (max-width:900px) {
	.mainMenu__items { display: flex }
}
.mainMenu__more { display: block; position: relative }
@media screen and (max-width:900px) {
	.mainMenu__more { display: none }
}
.mainMenu__more ul { display: none; position: absolute; top: 100%; background-color: var(--color-white); list-style-type: none; padding: 0; margin: 0; min-width: 150px }
.mainMenu__more:hover ul { display: flex; flex-direction: column; gap: var(--grid-gutter); padding: var(--grid-gutter); border: 1px solid var(--form-border); background: var(--color-white); left: calc(var(--grid-gutter) * -1); z-index: 10 }
.mainMenu__item { font-weight: 500; font-size: var(--font-size-xs); white-space: nowrap; position: relative }
.mainMenu__item:hover .mainMenu__itemChildren { transform: translateY(0); opacity: 1; visibility: visible; transition: all .3s ease }
.mainMenu__itemChildren { flex-direction: column; gap: var(--grid-gutter); padding: var(--grid-gutter); border: 1px solid var(--form-border); background: var(--color-white); left: calc(var(--grid-gutter) * -1); z-index: 10; display: flex; position: absolute; top: 100%; background-color: var(--color-white); list-style-type: none; transform: translateY(10px); margin: 0; min-width: 150px; opacity: 0; visibility: hidden; transition: all .3s ease }
.mainMenu__itemChildren .mainMenu__tree .mainMenu__itemChildren { opacity: 0; visibility: hidden; position: absolute; left: 100%; top: calc(var(--grid-gutter) * -1 - 1px) }
.mainMenu__itemChildren .mainMenu__tree:hover .mainMenu__itemChildren { opacity: 1; visibility: visible }
.mainMenu__itemChildren a { font-weight: 300 }
@media screen and (max-width:900px) {
	.mainMenu__item { display: none }
}
@media screen and (max-width:900px) {
	.mainMenu__item:first-child { display: block; position: relative; left: -8px }
}
.mainMenu__item a { position: relative; top: 2px }
.mainMenu__item a:hover { opacity: .7 !important }
.mainMenu__logo,
.mainMenu__logo picture { width: 10rem; min-width: 10rem; display: flex !important; align-items: center; margin-right: var(--grid-gutter); position: relative }
.mainMenu__logo a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1 }
.mainMenu__burger { display: flex; flex-direction: column; gap: 3px; align-items: center; cursor: pointer; position: relative; top: -1px }
@media screen and (max-width:900px) {
	.mainMenu__burger { position: relative; top: 4px }
}
.mainMenu__burger span { height: 2px; width: 24px; background: var(--color-black); display: block }
.mainMenu__black { background: var(--color-black); width: 100%; height: 100%; position: fixed; left: 0; top: 0; padding: calc(var(--grid-gutter) * 10) calc(var(--grid-gutter) * 6) calc(var(--grid-gutter) * 2); z-index: 15; transform: translateY(100%); opacity: 0 }
@media screen and (max-width:900px) {
	.mainMenu__black { flex-direction: column; padding: calc(var(--grid-gutter) * 2) 0 calc(var(--grid-gutter) * 3); top: 50px; overflow: auto }
}
.mainMenu__blackScroll { overflow-y: auto; height: calc(100vh - (var(--grid-gutter) * 11)); flex: 1 }
@media screen and (max-width:900px) {
	.mainMenu__blackScroll { height: auto; flex: unset; overflow: unset }
}
@media screen and (max-width:900px) {
	.mainMenu__blackScroll .row { gap: 0; flex-direction: column; padding: 0 calc(var(--grid-gutter) * 2) }
}
@media screen and (max-width:900px) {
	.mainMenu__blackScroll .row .col { max-width: 100% }
}
.mainMenu__blackScroll .row .col:last-child .mainMenu__blackItem .h3 { border-bottom: 0 !important }
.mainMenu__phone { display: none; background: var(--color-darkGrey); padding: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 1); color: var(--color-white); font-weight: 600 }
@media screen and (max-width:900px) {
	.mainMenu__phone { display: flex; gap: var(--grid-gutter) }
}
.mainMenu__phone .sort-desc:after { content: ""; padding: 0 var(--grid-gutter); color: var(--color-grey); font-size: 10px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=!string!width=!string!height=!string!viewBox=!string!fill=!string!%3E%3Cpath d=!string!fill=!string!/%3E%3C/svg%3E"); background-position: 100% 0; width: 16px; height: 16px; display: block; margin-left: 3px; position: relative; top: 1px }
.mainMenu__phoneSchedule { font-weight: 300 }
.mainMenu__phoneScheduleHeader { display: flex }
.mainMenu__phoneScheduleItems { display: none }
.mainMenu__phoneScheduleItems._show { display: block }
.mainMenu__phoneNumber { flex: 1 }
.mainMenu__phoneNumber span { display: block; font-size: var(--font-size-micro); font-weight: 300; color: var(--color-lightGrey); margin-top: var(--grid-gutter) }
.mainMenu__phoneEmail { font-size: var(--font-size-micro); font-weight: 300; text-align: center }
.mainMenu__phoneEmail a { text-decoration: underline !important }
.mainMenu__phoneIcons { display: flex; flex-direction: column; gap: var(--grid-gutter) }
.mainMenu__phoneSocial { display: flex; gap: var(--grid-gutter); justify-content: end }
.mainMenu__phoneSocialItem { position: relative }
.mainMenu__phoneSocialItem a { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.mainMenu__phoneSocial svg { height: 22px; width: 22px; fill: var(--color-white) }
.mainMenu__phone a { color: var(--color-white); text-decoration: none }
.mainMenu__submenu { padding: var(--grid-gutter) calc(var(--grid-gutter) * 2) 50px; display: flex; flex-direction: column; gap: var(--grid-gutter); display: none }
@media screen and (max-width:900px) {
	.mainMenu__submenu { display: flex }
}
.mainMenu__submenuItem a { color: var(--color-white); display: block; padding: 0 }
.mainMenu__banner { width: 250px; display: flex; flex-direction: column; gap: var(--grid-gutter); position: relative; margin-top: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.mainMenu__banner { display: none }
}
.mainMenu__banner a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1 }
.mainMenu__bannerImg { max-width: 100%; max-height: calc(100vh - 20rem); text-align: center }
.mainMenu__bannerImg img { max-height: 100% }
.mainMenu__bannerText { font-weight: 900; color: var(--color-grey); text-align: center; font-size: var(--font-size-lg) }
.mainMenu__blackItem { margin-bottom: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.mainMenu__blackItem { margin-bottom: 0 }
}
.mainMenu__blackItem._open .h3 { border-bottom: 0 !important }
.mainMenu__blackItem._open .h3:after { transform: translateY(-50%) rotate(1turn) }
.mainMenu__blackItem .h3 { font-size: 1.7rem; font-weight: 500; }
.mainMenu__blackItem.accent .h3 { font-weight: 700; }
@media screen and (max-width:900px) {
	.mainMenu__blackItem .h3 { border-bottom: 1px solid var(--color-grey); margin: 0; padding: calc(var(--grid-gutter) * 2) 0; position: relative }
}
.mainMenu__blackItem .h3 a:hover { opacity: 1 !important }
@media screen and (max-width: 900px) {
    .mainMenu__blackItem .h3._tree:after {
        content:"";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(270deg);
        width: 18px;
        height: 18px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></svg>') no-repeat 50%;
        transition: transform .3s ease
    }
}
.mainMenu__blackItem p { margin-bottom: 0 }
@media screen and (max-width:900px) {
	.mainMenu__blackItem p { margin-bottom: calc(var(--grid-gutter) / 2) }
}
.mainMenu__blackItem a { color: var(--color-white) }
.mainMenu__blackItem.accent a { color: #B8860B; text-decoration: underline; }
.mainMenu__blackItem a:hover { color: var(--color-primary) }
@media screen and (max-width:900px) {
	.mainMenu__inner { opacity: 0; height: 0; visibility: hidden; transition: all .2s ease }
}
.mainMenu__inner._show { opacity: 1; height: auto; visibility: visible; transition: all .2s ease }
.mainMenu__icons { display: flex; gap: calc(var(--grid-gutter) / 1.5) }
.mainMenu__iconsItem { display: flex; cursor: pointer; position: relative }
.mainMenu__iconsItem a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1 }
.mainMenu__iconsItem:hover svg { opacity: .75 }
.mainMenu__iconsItem svg { width: 20px; stroke: var(--color-black); fill: none; stroke-width: 2.5px }
.mainMenu__count { position: absolute; right: -10px; top: -10px; font-size: var(--font-size-micro); color: var(--color-white); border-radius: 50%; width: 14px; height: 14px; justify-content: center; display: flex; align-items: center }
.mainMenu._overlay,
.mainMenu__count { background: var(--color-black) }
.mainMenu._top { top: 0; background: var(--color-white); margin: 0; width: calc(100% - var(--grid-gutter) * 0); box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .1); padding: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 3) }
@media screen and (max-width:900px) {
	.mainMenu._top { left: 0; position: fixed }
}
.mainMenu._black .mainMenu__item a:hover { color: var(--color-white) !important }
.mainMenu._black .mainMenu__item .mainMenu__item a:hover { color: var(--color-black) !important }
#product_upsellings { margin-top: calc(var(--grid-gutter) * 4) }
@media screen and (max-width:900px) {
	/* #home_populars .col, */
	#home_hits .col,
	#product_crossselling .col,
	#product_upsellings .col { max-width: calc((90% / var(--columns)) - var(--grid-gutter)) }
}
#home_hits,
#home_populars,
#product_crossselling,
#product_upsellings { position: relative }
@media screen and (max-width:900px) {
	#home_hits .row,
	#home_populars .row,
	#product_crossselling .row,
	#product_upsellings .row { flex-flow: unset !important; flex-wrap: nowrap !important; overflow-x: scroll; overflow-scrolling: touch; scroll-snap-type: x mandatory; -ms-overflow-style: none; overflow: -moz-scrollbars-none; scrollbar-width: none }
}
#home_hits .pagination-indicators,
#home_populars .pagination-indicators,
#product_crossselling .pagination-indicators,
#product_upsellings .pagination-indicators { justify-content: center; gap: var(--grid-gutter); display: none }
@media screen and (max-width:900px) {
	#home_hits .pagination-indicators,
	#home_populars .pagination-indicators,
	#product_crossselling .pagination-indicators,
	#product_upsellings .pagination-indicators { display: flex; display: none }
}
#home_hits .indicator,
#home_populars .indicator,
#product_crossselling .indicator,
#product_upsellings .indicator { width: 20px; height: 2px; background-color: var(--color-lightGrey); transition: background-color .3s; border-radius: 0; cursor: pointer }
#home_hits .indicator:last-child,
#home_populars .indicator:last-child,
#product_crossselling .indicator:last-child,
#product_upsellings .indicator:last-child { display: none !important }
#home_hits .indicator.active,
#home_populars .indicator.active,
#product_crossselling .indicator.active,
#product_upsellings .indicator.active { background-color: var(--color-black) }
.accountProfile { margin-bottom: var(--grid-footer); margin-top: calc(var(--grid-gutter) * 3) }
@media screen and (max-width:900px) {
	.accountProfile { flex-direction: column }
}
.wa-form.custom-controls small { display: block }
.wa-form .wa-field { margin-bottom: var(--grid-gutter) }
.wa-form .wa-image-submit { display: flex; margin-top: var(--grid-gutter) }
.wa-form input[type=color] { padding: 0 !important; border: 0 !important }
.wa-form .wa-radio { display: inline-flex; gap: var(--grid-gutter) }
.wa-form .wa-image { max-height: 10rem; background: #d2d2d2; text-align: center; overflow: hidden; display: flex; min-height: 10rem; position: relative; cursor: pointer }
.wa-form .wa-image._noimage:after { content: ""; position: absolute; left: 0; right: 0; top: 50%; color: var(--color-white); font-size: var(--font-size-micro) }
.wa-form .wa-image img { width: 100%; object-fit: contain; height: 10rem; position: relative; z-index: 2 }
.wa-form .wa-select-icon { padding: var(--grid-gutter); background: var(--color-white); display: inline-flex; margin-bottom: var(--grid-gutter); margin-top: var(--grid-gutter); border-radius: 50%; cursor: pointer }
.wa-form .wa-name,
.wa-form .wa-value span { font-size: var(--font-size-xs) }
.profile-wrapper { margin-top: calc(var(--grid-gutter) * 3) }
.profile-wrapper .wa-field-password .wa-name { position: static; padding: 0; background: transparent; font-weight: var(--font-weight-bold); font-size: var(--font-size-lg); margin-bottom: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.profile-wrapper .wa-field-password .wa-name { margin-bottom: calc(var(--grid-gutter) * 3) }
}
.profile-wrapper .wa-field-password .wa-value .field { display: block; margin-bottom: calc(var(--grid-gutter) * 1.5); position: relative }
.profile-wrapper .wa-field-password .wa-value .field span { font-size: var(--font-size-xs); display: inline-block; position: absolute; background: #fff; left: 10px; top: -15px; color: gray; padding: 5px 15px; z-index: 1 }
.profile-wrapper,
.wa-forgotpassword-form-wrapper,
.wa-login-form-wrapper,
.wa-signup-form-wrapper { margin-bottom: calc(var(--grid-gutter) * 4) }
.profile-wrapper input.error,
.profile-wrapper input.wa-error,
.profile-wrapper select.error,
.profile-wrapper select.wa-error,
.wa-forgotpassword-form-wrapper input.error,
.wa-forgotpassword-form-wrapper input.wa-error,
.wa-forgotpassword-form-wrapper select.error,
.wa-forgotpassword-form-wrapper select.wa-error,
.wa-login-form-wrapper input.error,
.wa-login-form-wrapper input.wa-error,
.wa-login-form-wrapper select.error,
.wa-login-form-wrapper select.wa-error,
.wa-signup-form-wrapper input.error,
.wa-signup-form-wrapper input.wa-error,
.wa-signup-form-wrapper select.error,
.wa-signup-form-wrapper select.wa-error { border: 1px solid #e74747 }
.profile-wrapper .wa-login-forgotpassword-url,
.wa-forgotpassword-form-wrapper .wa-login-forgotpassword-url,
.wa-login-form-wrapper .wa-login-forgotpassword-url,
.wa-signup-form-wrapper .wa-login-forgotpassword-url { display: block; margin-top: var(--grid-gutter); text-decoration: underline }
.profile-wrapper .errormsg,
.wa-forgotpassword-form-wrapper .errormsg,
.wa-login-form-wrapper .errormsg,
.wa-signup-form-wrapper .errormsg { display: block; font-style: normal; color: #e74747; font-size: var(--font-size-sm) }
.profile-wrapper .wa-field-about textarea,
.wa-forgotpassword-form-wrapper .wa-field-about textarea,
.wa-login-form-wrapper .wa-field-about textarea,
.wa-signup-form-wrapper .wa-field-about textarea { height: 10rem }
.profile-wrapper .wa-field-birthday .wa-value,
.wa-forgotpassword-form-wrapper .wa-field-birthday .wa-value,
.wa-login-form-wrapper .wa-field-birthday .wa-value,
.wa-signup-form-wrapper .wa-field-birthday .wa-value { display: flex; gap: var(--grid-gutter) }
.profile-wrapper .wa-field-birthday .wa-value input,
.profile-wrapper .wa-field-birthday .wa-value select,
.wa-forgotpassword-form-wrapper .wa-field-birthday .wa-value input,
.wa-forgotpassword-form-wrapper .wa-field-birthday .wa-value select,
.wa-login-form-wrapper .wa-field-birthday .wa-value input,
.wa-login-form-wrapper .wa-field-birthday .wa-value select,
.wa-signup-form-wrapper .wa-field-birthday .wa-value input,
.wa-signup-form-wrapper .wa-field-birthday .wa-value select { flex: 1 }
.profile-wrapper .wa-field-photo .wa-name,
.wa-forgotpassword-form-wrapper .wa-field-photo .wa-name,
.wa-login-form-wrapper .wa-field-photo .wa-name,
.wa-signup-form-wrapper .wa-field-photo .wa-name { display: none }
.profile-wrapper .wa-field-photo .wa-value,
.wa-forgotpassword-form-wrapper .wa-field-photo .wa-value,
.wa-login-form-wrapper .wa-field-photo .wa-value,
.wa-signup-form-wrapper .wa-field-photo .wa-value { display: flex; gap: var(--grid-gutter); align-items: center; margin-bottom: calc(var(--grid-gutter) * 3) }
.profile-wrapper .wa-field-photo .wa-value input,
.wa-forgotpassword-form-wrapper .wa-field-photo .wa-value input,
.wa-login-form-wrapper .wa-field-photo .wa-value input,
.wa-signup-form-wrapper .wa-field-photo .wa-value input { border: 0 }
.profile-wrapper .wa-field-photo .wa-value p,
.wa-forgotpassword-form-wrapper .wa-field-photo .wa-value p,
.wa-login-form-wrapper .wa-field-photo .wa-value p,
.wa-signup-form-wrapper .wa-field-photo .wa-value p { margin: 0 }
.profile-wrapper .password-wrapper,
.wa-forgotpassword-form-wrapper .password-wrapper,
.wa-login-form-wrapper .password-wrapper,
.wa-signup-form-wrapper .password-wrapper { position: relative }
.profile-wrapper .wa-field,
.wa-forgotpassword-form-wrapper .wa-field,
.wa-login-form-wrapper .wa-field,
.wa-signup-form-wrapper .wa-field { margin-bottom: var(--grid-gutter); position: relative; max-width: 40rem }
@media screen and (max-width:900px) {
	.profile-wrapper .wa-field,
	.wa-forgotpassword-form-wrapper .wa-field,
	.wa-login-form-wrapper .wa-field,
	.wa-signup-form-wrapper .wa-field { max-width: unset }
}
.profile-wrapper .wa-name,
.wa-forgotpassword-form-wrapper .wa-name,
.wa-login-form-wrapper .wa-name,
.wa-signup-form-wrapper .wa-name { font-size: var(--font-size-xs); display: inline-block; position: absolute; background: #fff; left: 10px; top: -15px; color: gray; padding: 2px 12px 0; z-index: 1 }
@media screen and (max-width:900px) {
	.profile-wrapper .wa-name,
	.wa-forgotpassword-form-wrapper .wa-name,
	.wa-login-form-wrapper .wa-name,
	.wa-signup-form-wrapper .wa-name { padding: 1px 15px; top: -10px }
}
.profile-wrapper .wa-value,
.wa-forgotpassword-form-wrapper .wa-value,
.wa-login-form-wrapper .wa-value,
.wa-signup-form-wrapper .wa-value { margin-bottom: calc(var(--grid-gutter) * 1.5) }
@media screen and (max-width:900px) {
	.profile-wrapper .wa-value,
	.wa-forgotpassword-form-wrapper .wa-value,
	.wa-login-form-wrapper .wa-value,
	.wa-signup-form-wrapper .wa-value { margin-bottom: calc(var(--grid-gutter) * 2) }
}
.profile-wrapper .wa-value input[type=password],
.profile-wrapper .wa-value input[type=text],
.profile-wrapper .wa-value select,
.wa-forgotpassword-form-wrapper .wa-value input[type=password],
.wa-forgotpassword-form-wrapper .wa-value input[type=text],
.wa-forgotpassword-form-wrapper .wa-value select,
.wa-login-form-wrapper .wa-value input[type=password],
.wa-login-form-wrapper .wa-value input[type=text],
.wa-login-form-wrapper .wa-value select,
.wa-signup-form-wrapper .wa-value input[type=password],
.wa-signup-form-wrapper .wa-value input[type=text],
.wa-signup-form-wrapper .wa-value select { padding: 12px 20px !important; color: var(--color-black); appearance: none; -webkit-appearance: none; -moz-appearance: none }
.profile-wrapper .wa-value select,
.wa-forgotpassword-form-wrapper .wa-value select,
.wa-login-form-wrapper .wa-value select,
.wa-signup-form-wrapper .wa-value select { position: relative; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=!string!viewBox=!string!fill=!string!%3E%3Cpath fill-rule=!string!d=!string!clip-rule=!string!/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 16px !important; font-size: var(--font-size-base) }
.profile-wrapper .wa-value span,
.wa-forgotpassword-form-wrapper .wa-value span,
.wa-login-form-wrapper .wa-value span,
.wa-signup-form-wrapper .wa-value span { font-size: var(--font-size-xs) }
.profile-wrapper input[type=submit],
.wa-forgotpassword-form-wrapper input[type=submit],
.wa-login-form-wrapper input[type=submit],
.wa-signup-form-wrapper input[type=submit] { width: fit-content }
.profile-wrapper .toggle-password-btn,
.wa-forgotpassword-form-wrapper .toggle-password-btn,
.wa-login-form-wrapper .toggle-password-btn,
.wa-signup-form-wrapper .toggle-password-btn { position: absolute; right: var(--grid-gutter); top: .6rem; cursor: pointer; font-style: var(--font-size-micro); text-decoration: underline; color: var(--color-grey) }
@media screen and (max-width:900px) {
	.profile-wrapper .toggle-password-btn,
	.wa-forgotpassword-form-wrapper .toggle-password-btn,
	.wa-login-form-wrapper .toggle-password-btn,
	.wa-signup-form-wrapper .toggle-password-btn { top: 1.1rem }
}
.profile-wrapper .wa-captcha-section,
.wa-forgotpassword-form-wrapper .wa-captcha-section,
.wa-login-form-wrapper .wa-captcha-section,
.wa-signup-form-wrapper .wa-captcha-section { display: flex; gap: var(--grid-gutter) }
.profile-wrapper .wa-captcha-section .wa-captcha-code,
.profile-wrapper .wa-captcha-section input,
.wa-forgotpassword-form-wrapper .wa-captcha-section .wa-captcha-code,
.wa-forgotpassword-form-wrapper .wa-captcha-section input,
.wa-login-form-wrapper .wa-captcha-section .wa-captcha-code,
.wa-login-form-wrapper .wa-captcha-section input,
.wa-signup-form-wrapper .wa-captcha-section .wa-captcha-code,
.wa-signup-form-wrapper .wa-captcha-section input { flex: 1 }
.profile-wrapper .wa-captcha-section .wa-captcha-refresh-text,
.wa-forgotpassword-form-wrapper .wa-captcha-section .wa-captcha-refresh-text,
.wa-login-form-wrapper .wa-captcha-section .wa-captcha-refresh-text,
.wa-signup-form-wrapper .wa-captcha-section .wa-captcha-refresh-text { text-decoration: underline }
.wa-adapters-section { margin-bottom: calc(var(--grid-gutter) * 2) }
.wa-adapters-section .wa-section-divider { display: none }
.wa-adapters-section .wa-section-header { color: var(--color-grey); margin-bottom: var(--grid-gutter) }
.wa-adapters-section ul { list-style: none; padding: 0; margin: 0; display: flex; gap: var(--grid-gutter) }
.notice-container { display: flex; flex-direction: column; gap: var(--grid-gutter) }
.notice { background: var(--color-darkGrey); color: var(--color-white); padding: var(--grid-gutter); border-radius: var(--border-radius); box-shadow: 0 2px 10px rgba(0, 0, 0, .2); position: relative; opacity: 0; transform: translateY(-10px); transition: opacity .3s, transform .3s; cursor: pointer; font-size: var(--font-size-xs) }
.notice.show { opacity: 1; transform: translateY(0) }
.notice-close { position: absolute; top: var(--grid-gutter); right: var(--grid-gutter); cursor: pointer; font-size: var(--font-size-xs) }
.notice-timer { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--color-lightGrey) }
.orderSuccess .plugin { margin-bottom: calc(var(--grid-gutter) * 4) }
.orderSuccess .plugin button,
.orderSuccess .plugin input[type=submit] { width: fit-content }
.orderPage { display: flex; flex-direction: row-reverse; gap: calc(var(--grid-gutter) * 5); font-weight: 300 !important }
@media screen and (max-width:900px) {
	.orderPage { flex-direction: column-reverse }
}
.orderPageL { flex: 1 }
.orderPageR { flex: 1; border-right: 1px solid var(--box-border); padding-right: calc(var(--grid-gutter) * 5) }
@media screen and (max-width:900px) {
	.orderPageR { padding-right: 0; border-right: 0 }
}
.orderPage__header { font-weight: 800; margin-bottom: calc(var(--grid-gutter) * 2); color: var(--color-grey); font-size: var(--font-size-header); display: flex; justify-content: space-between; align-items: center }
.orderPage__header._center { justify-content: center }
.orderPage__header a { font-weight: 300; font-size: var(--font-size-sm) }
.orderPage._empty { text-align: center }
.orderPage ._popular { margin-top: calc(var(--grid-gutter) * 6) }
.orderPage .container-6-columns .row { justify-content: center }
.checkout-step .back { margin-top: var(--grid-gutter) }
.wa-order-form-wrapper .wa-step-region-section .wa-required-text { font-size: var(--font-size-sm) !important }
.wa-order-form-wrapper .wa-payment-name { font-weight: 400; font-size: var(--font-size-base) }
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list .wa-method-wrapper .wa-method .wa-method-body .wa-description { color: var(--color-grey) !important; line-height: unset !important; font-size: var(--font-size-sm) !important; margin: 0 !important }
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper { flex: 1; border: 0 !important; padding: 0 !important }
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper img { display: none }
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper.is-active,
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper.is-active { box-shadow: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; position: relative; width: 100%; text-align: left }
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper.is-active,
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper:hover { border: 0 !important }
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list { display: flex; flex-direction: column }
@media screen and (max-width:900px) {
	.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list { flex-direction: column }
}
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list .wa-method-wrapper .wa-method { display: flex !important; flex-direction: column; gap: var(--grid-gutter); flex: 1 }
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide { gap: var(--grid-gutter) }
.wa-field-wrapper .wa-select { height: unset !important }
.orderPage .orderPageL button,
.orderPage .orderPageR button { text-shadow: none !important; padding: 1em 2.5em !important; font-size: var(--font-size-xs) !important; font-weight: var(--font-weight-normal) !important; line-height: 1; display: inline-block; cursor: pointer }
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper.with-adaptive .wa-products .wa-product .wa-product-body>.wa-column-image { margin: 0 !important; flex-basis: 130px !important }
}
.wa-order-cart-wrapper.with-adaptive .wa-products .wa-product .wa-product-body>.wa-column-details { flex-basis: calc(100% - 150px) !important }
.wa-order-cart-wrapper .wa-cart-details .wa-weight-section { font-size: var(--font-size-micro) !important }
@media screen and (max-width:900px) {
	.wa-order-form-wrapper .wa-step-details-section,
	.wa-order-form-wrapper.with-adaptive .wa-step-confirm-section .wa-section-body .wa-total-section .wa-item .wa-value { font-size: var(--font-size-base) !important }
}
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-cart-details .wa-column-content { background: var(--color-lightGrey); padding: calc(var(--grid-gutter) * 2) !important }
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-input { font-size: var(--font-size-base) !important; font-weight: 300 !important; padding-left: 1rem !important; width: 200px !important }
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-input { width: 40vw !important }
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-inactive-state { display: flex }
.wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button,
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button { background: var(--color-white); color: var(--color-black); border: 1px solid var(--color-black) }
.wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-bonus-details .wa-details,
.wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-order-bonus { font-size: var(--font-size-sm) !important; color: var(--color-grey) !important }
.wa-order-cart-wrapper .wa-cart-details .wa-column-content>* { margin-top: calc(var(--grid-gutter) * 2) }
.wa-order-cart-wrapper .wa-cart-details .wa-price-section .wa-price-total { margin-top: unset !important; font-size: unset !important; line-height: unset !important; font-weight: 700 }
.wa-order-cart-wrapper .wa-products .wa-product { border-bottom: 0 !important; padding: calc(var(--grid-gutter) * 3) 0 }
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-name { font-weight: 900 !important; font-size: var(--font-size-base) !important }
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body { display: flex !important; width: 100% }
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body { display: flex !important }
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body .wa-column-image .wa-image-section { margin-right: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body .wa-column-image .wa-image-section { margin-right: 0 }
}
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body .wa-column-details { margin-bottom: 0 !important }
}
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body .wa-column-details select { width: auto !important }
}
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body .wa-column-quantity { text-align: left !important }
}
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body .wa-column-price { text-align: right !important; padding-right: calc(var(--grid-gutter) * 2) }
}
.wa-order-cart-wrapper { font-size: unset !important }
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>* { padding-right: 0 !important }
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-image { flex: 0 0 20%; width: 100px !important }
.wa-order-cart-wrapper.with-adaptive .wa-products .wa-product .wa-product-body>.wa-column-details { flex: 0.3 }
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper.with-adaptive .wa-products .wa-product .wa-product-body>.wa-column-quantity { padding-left: 135px !important }
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-quantity { width: 150px; font-size: var(--font-size-sm) !important; display: flex; justify-content: center }
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-quantity { justify-content: start }
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-price { justify-content: end; white-space: nowrap; font-weight: 300 !important; display: flex !important; align-items: start; width: 170px !important }
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-price { align-items: center }
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-quantity .wa-product-fractional-prices { margin: 0 !important; font-size: var(--font-size-sm) !important; text-align: center !important }
.wa-quantity-cart-section { margin-top: 0 !important }
.wa-quantity-cart-section .wa-button-wrapper .wa-button { padding: 5px !important; font-size: 10px !important }
.wa-order-cart-wrapper .wa-products .wa-product .wa-price-section .wa-price-total { font-weight: 300 !important; font-size: var(--font-size-base) !important; color: var(--color-black) }
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-weight { color: var(--color-grey) !important; font-size: var(--font-size-sm) !important; display: block }
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details { line-height: 1.2 !important }
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-actions { position: absolute; right: 0; top: calc(var(--grid-gutter) * 4); z-index: 1 }
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-actions { position: static }
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-sku { color: var(--color-grey) !important; font-size: var(--font-size-sm) !important; display: block }
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-sku { margin: calc(var(--grid-gutter) / 2) 0 calc(var(--grid-gutter) / 1) }
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body .wa-column-details select { padding: 4px 10px !important }
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services .wa-service .wa-variant { margin: var(--grid-gutter) 0 !important }
.wa-active-state { display: flex; flex-direction: column; gap: var(--grid-gutter) }
.wa-active-state button { width: fit-content !important }
.wa-product-fractional-prices { display: none !important }
.wa-quantity-cart-section .wa-field-wrapper .wa-field { font-size: var(--font-size-base) !important; line-height: 20px; color: var(--color-black); border: 1px solid var(--form-border) !important; border-radius: var(--border-radius) !important; text-align: center !important }
.wa-quantity-cart-section .wa-button-wrapper .wa-button.is-locked,
.wa-quantity-cart-section .wa-button-wrapper .wa-button .wa-description { display: none !important }
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services { margin-top: var(--grid-gutter); font-size: var(--font-size-xs) !important }
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services .wa-service { margin: 0 !important; display: flex; flex-direction: column; font-size: unset !important; line-height: unset !important }
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services .wa-service .wa-label { padding-left: 28px !important; color: var(--color-black) }
@media screen and (max-width:900px) {
	.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services .wa-service .wa-label { padding-left: 20px !important }
}
.wa-quantity-cart-section .wa-field-wrapper .wa-unit { display: none !important }
.wa-order-cart-wrapper .wa-products .wa-product .wa-actions .wa-action .wa-icon { border-radius: 0 !important; padding: 0 !important; transition: unset !important; vertical-align: unset !important }
.wa-order-form-wrapper .wa-step-region-section .wa-required { color: red !important }
.wa-order-form-wrapper .wa-step-section>.wa-section-header>.wa-header { color: var(--color-black); font-weight: 900 !important; font-size: calc(1.75em - 2 * var(--step)) !important; line-height: calc(1.1 + .05 * var(--step)) !important }
.wa-order-form-wrapper .wa-step-confirm-section { border-top: 0 !important }
.wa-dropdown>.wa-dropdown-toggle { position: relative; vertical-align: top; padding: .5em 1em !important; border: 1px solid #cfcfcf; font-size: var(--font-size-base) !important; line-height: unset !important; cursor: pointer }
.wa-order-form-wrapper.with-adaptive .wa-step-confirm-section .wa-section-body .wa-flex-wrapper { flex-direction: column; display: flex; gap: calc(var(--grid-gutter) * 2); flex-wrap: unset !important }
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-actions-section .wa-terms-section label { display: inline-block; font-size: var(--font-size-sm) !important; line-height: unset !important; color: var(--color-grey) !important }
.wa-order-form-wrapper.with-adaptive .wa-step-confirm-section .wa-section-body .wa-flex-wrapper .wa-actions-section { width: 100% }
.wa-input:not(:disabled):focus,
.wa-input:not([readonly]):focus,
.wa-textarea:not(:disabled):focus,
.wa-textarea:not([readonly]):focus { border-color: var(--color-black) !important }
.wa-order-form-wrapper .wa-step-auth-section>.wa-section-header .wa-contact-name { font-size: unset !important }
.wa-order-form-wrapper.with-adaptive .wa-step-confirm-section .wa-section-body .wa-flex-wrapper .wa-total-section { margin-right: 0 !important }

.wa-method-wrapper.is-active:before,
.wa-type-wrapper.is-active:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0'?%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3e%3cg%3e%3cpath d='M165,0C74.019,0,0,74.019,0,165s74.019,165,165,165s165-74.019,165-165S255.981,0,165,0z M165,300 c-74.44,0-135-60.561-135-135S90.56,30,165,30s135,60.561,135,135S239.439,300,165,300z' fill='%23000000'/%3e%3cpath d='M226.872,106.664l-84.854,84.853l-38.89-38.891c-5.857-5.857-15.355-5.858-21.213-0.001 c-5.858,5.858-5.858,15.355,0,21.213l49.496,49.498c2.813,2.813,6.628,4.394,10.606,4.394c0.001,0,0,0,0.001,0 c3.978,0,7.793-1.581,10.606-4.393l95.461-95.459c5.858-5.858,5.858-15.355,0-21.213 C242.227,100.807,232.73,100.806,226.872,106.664z' fill='%23000000'/%3e%3c/g%3e%3c/svg%3e")
}
.wa-method-wrapper.is-active:before,
.wa-method-wrapper:before,
.wa-type-wrapper.is-active:before,
.wa-type-wrapper:before { position: absolute; left: 0; right: unset; content: ""; width: 1.5rem; height: 1.5rem; background-size: 1.5rem }
.wa-method-wrapper:before,
.wa-type-wrapper:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=!string!height=!string!xmlns=!string!%3E%3Cpath stroke-width=!string!stroke=!string!fill=!string!d=!string!/%3E%3Cpath stroke-width=!string!stroke=!string!fill=!string!d=!string!/%3E%3C/svg%3E") }
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list .wa-method-wrapper .wa-method>* { padding-left: 2.5rem !important; margin-top: 0 !important }
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list .wa-method-wrapper .wa-method .wa-image-wrapper { display: none !important }
.wa-order-form-wrapper .wa-step-confirm-section { background: var(--color-lightGrey); padding: calc(var(--grid-gutter) * 2) !important }
.wa-form-footer { font-size: var(--font-size-sm); color: var(--color-grey); margin-top: var(--grid-gutter) }
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-total-section .wa-item .wa-name { font-size: var(--font-size-base) !important }
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper { border: 0 !important; text-align: left !important; background: transparent !important; padding-left: 2.5rem !important }
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper .wa-name { font-weight: 400; font-size: var(--font-size-base) }
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper .wa-date,
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper .wa-price { font-size: var(--font-size-sm) !important; color: var(--color-grey) !important }
.wa-order-form-wrapper.with-adaptive .wa-step-shipping-section .wa-delivery-types-section .wa-types-list { gap: var(--grid-gutter); flex-direction: column }
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper.is-active,
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper:hover { border-color: var(--color-black) !important; border-radius: var(--border-radius) !important }
.wa-order-dialog .wa-dialog-body .wa-dialog-header { margin-bottom: 20px !important }
.wa-order-dialog.wa-shipping-pickup-dialog .wa-content-section .wa-variants-section .wa-variants-list .wa-variant-wrapper .wa-name { font-weight: 400 !important; font-size: var(--font-size-base) !important }
.wa-order-dialog.wa-shipping-pickup-dialog .wa-content-section .wa-variants-section .wa-variants-list .wa-variant-wrapper .wa-details { font-size: var(--font-size-sm) !important; color: var(--color-grey) !important }
.wa-order-dialog.wa-shipping-pickup-dialog .wa-content-section .wa-variant-details-section .wa-table { font-size: var(--font-size-sm) !important }
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-total-section .wa-item.wa-item-total .wa-name,
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-total-section .wa-item.wa-item-total .wa-value .wa-price { font-size: var(--font-size-base) !important; font-weight: 700 !important; color: var(--color-black) }
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section>.wa-header { font-weight: 900 !important; font-size: calc(1.75em - 2 * var(--step)) !important; line-height: calc(1.1 + .05 * var(--step)) !important; color: var(--color-black) !important; margin-top: calc(var(--grid-gutter) * 2); margin-bottom: calc(var(--grid-gutter) * 2) }
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper .wa-name { font-weight: 400 !important; font-size: var(--font-size-base) !important }
.wa-order-form-wrapper .wa-step-auth-section>.wa-section-header a { font-size: var(--font-size-sm) !important }
.pages { margin-top: calc(var(--grid-gutter) * 2); display: flex; gap: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.pages { flex-direction: column }
}
.pages h2 { font-size: var(--font-size-xl) }
.pages h3 { font-size: var(--font-size-lg) }
.pages h4 { font-size: var(--font-size-md) }
.pages h5 { font-size: var(--font-size-base); font-size: var(--font-size-sm) }
.pages__L { flex: 0.3 }
@media screen and (max-width:900px) {
	.pages__L { flex: 1 }
}
.pages__R { flex: 1 }
.pages__R a { text-decoration: underline }
.pages__header { font-weight: 800; letter-spacing: 0; font-size: var(--font-size-header); margin-bottom: calc(var(--grid-gutter) * 2); color: var(--color-grey) }
.pages__menu { margin-top: calc(var(--grid-gutter) * 2); display: flex; flex-direction: column }
@media screen and (max-width:900px) {
	.pages__menu { flex-direction: row; display: flex; gap: var(--grid-gutter); white-space: nowrap; overflow-x: auto }
}
.pages__menuSeparator { margin-bottom: var(--grid-gutter) }
.tableSize__popupOverlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .7); min-height: 100vh; backdrop-filter: blur(6px); z-index: 1001; align-items: center; justify-content: center; opacity: 0; visibility: hidden; display: none; cursor: pointer; transition: opacity .4s }
.tableSize__popupOverlay._show { opacity: 1; display: flex; visibility: visible }
.tableSize__popupOverlay:hover { cursor: url(img/cursor-close.svg?v1), auto }
.tableSize__popupContent { position: relative; border: medium; inset: 0; outline: none; cursor: auto }
.tableSize__popupBody { background-color: var(--color-white); overscroll-behavior: contain; scrollbar-width: none; max-height: 90vh; width: 60vw; max-width: 1200px; padding: 4vw; border-radius: var(--border-radius); overflow-y: auto }
.tableSize__popupBody .h3 { color: var(--color-black) }
.tableSize__popupBody td { font-size: var(--font-size-sm) }
.tableSize__popupBody th { font-size: var(--font-size-base) }
@media screen and (max-width:900px) {
	.tableSize__popupBody { width: 95vw; font-size: var(--font-size-sm) }
}
.productLogin { margin: calc(var(--grid-gutter) * 8) auto; padding: calc(var(--grid-gutter) * 4); text-align: center; background: var(--color-lightGrey); max-width: calc(var(--grid-maxWidth) / 2) }
.productLogin p { margin-bottom: var(--grid-gutter); text-transform: uppercase }
.productLogin .button { border: 1px solid var(--color-black) }
.productCard { display: grid; grid-template-columns: 2fr 1fr; grid-gap: calc(var(--grid-gutter) * 6); margin: 0 auto; margin-bottom: calc(var(--grid-gutter) * 5); width: 96vw; max-width: clamp(320px, 90vw, var(--grid-maxWidth)); padding: 0 calc(var(--grid-gutter) / 2) }
@media screen and (max-width:900px) {
	.productCard { grid-template-columns: 1fr; grid-gap: calc(var(--grid-gutter) * 2); width: 100vw; max-width: 100%; padding: 0 }
}
@media screen and (max-width:900px) {
	.productCard__topItem { display: none }
}
.productCard__topItemButton { position: absolute; bottom: var(--grid-gutter); right: var(--grid-gutter); z-index: 2; box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .1); margin-block-start: -1.5625rem; padding: var(--grid-gutter); border-radius: var(--border-radius); background: var(--color-white); border: 1px solid var(--form-border); opacity: 0; visibility: hidden; transition: all .3s ease; transform: translateY(20px) }
.productCard__topItemButton path,
.productCard__topItemButton svg { stroke: var(--color-grey); width: 14px; height: 14px }
.productCard__topItemButton:hover path,
.productCard__topItemButton:hover svg { stroke: var(--color-black) }
.productCard__topItemButton._show { transform: translateY(0); opacity: 1; visibility: visible; transition: all .3s ease }
.productCard.fancybox { grid-template-columns: 3fr 2fr; grid-gap: calc(var(--grid-gutter) * 10) }
@media screen and (max-width:900px) {
	.productCard.fancybox { grid-template-columns: 1fr; grid-gap: calc(var(--grid-gutter) * 2) }
}
.productCard.fancybox .swiper-container { height: 100%; max-height: 800px }
@media screen and (max-width:900px) {
	.productCard.fancybox .swiper-container { max-height: 60vh }
}
.productCard.fancybox .galleryPano__img { object-fit: contain !important }
.productCard__title { display: flex; justify-content: space-between; margin-top: calc(var(--grid-gutter) * 2) }
.productCard__title button { background: transparent }
.productCard__titleFavorite { display: flex; align-items: baseline }
@media screen and (max-width:900px) {
	.productCard__titleFavorite { position: relative; top: -5px }
}
.productCard__services { margin-top: var(--grid-gutter); font-size: var(--font-size-xs) }
.productCard__servicesSelect { margin-top: calc(var(--grid-gutter) / 2) }
.productCard__services._hide { display: none }
.productCard__affiliate { font-size: var(--font-size-sm); color: var(--color-grey) }
.productCard__affiliate span { display: inline-flex; border: 1px solid var(--color-grey); width: 14px; height: 14px; border-radius: 50%; justify-content: center; align-content: center; align-items: center; margin-left: 5px; font-size: 8px; position: relative; top: -1px; cursor: pointer }
.productCard__affiliate span:hover { background: var(--color-grey); color: var(--color-white) }
@media screen and (max-width:900px) {
	.productCard__affiliate span { display: none }
}
.productCard__badge { width: fit-content; border: 1px solid var(--color-black); border-radius: var(--border-radius); color: var(--color-black); font-weight: 900; z-index: 10; font-size: var(--font-size-micro) }
.productCard__badge span { display: block; padding: calc(var(--grid-gutter) / 6) calc(var(--grid-gutter) / 1) }
.productCard__share { background: var(--color-white); border: 1px solid var(--form-border); width: fit-content; text-align: left; padding: var(--grid-gutter); position: absolute; right: 0; border-radius: var(--border-radius); display: flex; flex-direction: column; gap: var(--grid-gutter); opacity: 0; visibility: hidden }
.productCard__share._open { opacity: 1; visibility: visible }
.productCard__shareItem { font-weight: 300 }
.productCard__promo { justify-content: space-between }
.productCard__promo,
.productCard__promoL { display: flex; gap: var(--grid-gutter) }
.productCard__sales { color: var(--color-error) }
.productCard__description { margin-top: var(--grid-gutter); color: var(--color-black) }
@media screen and (max-width:900px) {
	.productCard__description { display: none }
}
.productCard__price { margin-top: var(--grid-gutter); font-weight: 800; font-size: var(--font-size-lg); color: var(--color-black) }
.productCard__price s { margin-left: var(--grid-gutter); font-weight: 300; font-size: var(--font-size-md); color: var(--color-error) }
.productCard__buttons { display: flex; gap: calc(var(--grid-gutter) * 1); margin-top: calc(var(--grid-gutter) * 2) }
@media screen and (max-width:900px) {
	.productCard__buttons button { padding: calc(var(--grid-gutter) * 2.5) }
}
@media screen and (max-width:900px) {
	.productCard__buttons._fixed { position: fixed; z-index: 100; width: 100%; background: var(--color-white); justify-content: center; left: 0; right: 0; padding: calc(var(--grid-gutter) * 3) calc(var(--grid-gutter) * 2); bottom: 0; box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .1) }
}
.productCard__buttons._available:hover .productCard__button._oneclick { opacity: 1; width: auto; height: auto; transition: all .3s ease; transform: translateX(0) }
.productCard__button { display: flex; gap: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.productCard__button { flex: 1 }
}
.productCard__button:first-child { flex: 0.7 }
@media screen and (max-width:900px) {
	.productCard__button:first-child { flex: 1 }
}
@media screen and (max-width:900px) {
	.productCard__button:last-child { flex: 1; justify-content: center }
}
.productCard__buttonEdit { padding: calc(var(--grid-gutter) / 1.5) 0; background: transparent; border-radius: 50%; width: 30px; position: relative; top: .4rem }
.productCard__buttonEdit svg { fill: var(--color-black); width: 20px; stroke-width: 2.5px; cursor: pointer }
@media screen and (max-width:900px) {
	.productCard__buttonEdit { padding: calc(var(--grid-gutter) / 1.5) calc(var(--grid-gutter) / 1) }
}
.productCard__buttonShare { padding: calc(var(--grid-gutter) / 1.5) 0; background: transparent; border-radius: 50%; width: 30px; position: relative; top: .4rem }
.productCard__buttonShare svg { fill: none; width: 20px; stroke: var(--color-black); stroke-width: 2.5px; cursor: pointer }
.productCard__buttonShare.active svg { fill: var(--color-black) }
@media screen and (max-width:900px) {
	.productCard__buttonShare { padding: calc(var(--grid-gutter) / 1.5) calc(var(--grid-gutter) / 1) }
}
.productCard__buttonFavorite { padding: calc(var(--grid-gutter) / 1.5) 0; background: transparent; border-radius: 50%; width: 30px; position: relative; top: .4rem }
.productCard__buttonFavorite svg { fill: none; width: 20px; stroke: var(--color-black); stroke-width: 2.5px; cursor: pointer }
.productCard__buttonFavorite.active svg { fill: var(--color-black) }
@media screen and (max-width:900px) {
	.productCard__buttonFavorite { padding: calc(var(--grid-gutter) / 1.5) calc(var(--grid-gutter) / 1) }
}
.productCard__button button { display: flex; align-items: center; justify-content: center; gap: var(--grid-gutter); width: 100% }
.productCard__button button:hover svg { opacity: .7 }
.productCard__button._oneclick { transform: translateX(-100%); width: fit-content; opacity: 0; transition: all .3s ease }
@media screen and (max-width:900px) {
	.productCard__button._oneclick { opacity: 1; transform: translateX(0); width: fit-content }
}
.productCard__photos { display: grid; grid-template-columns: 1fr 1fr; grid-gap: calc((var(--grid-gutter)) / 2); align-content: flex-start; position: relative }
.productCard__photos._one { grid-template-columns: 1fr }
.productCard__photos._center { display: block; margin: 0 calc(var(--grid-gutter) * 5) }
@media screen and (max-width:900px) {
	.productCard__photos._center { margin: 0 }
}
.productCard__header { margin-top: 0; font-weight: 800; letter-spacing: 0; font-size: var(--font-size-header); margin-bottom: calc(var(--grid-gutter) * 1); color: var(--color-grey) }
.productCard__photo { display: flex; aspect-ratio: 1/1.2; overflow: hidden }

.productCard__photo img {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFASURBVHgBzZXhbcIwEIVfqv4vnaC3QbNBwwbZoOkEZYPSCdoNSCfoCKQTFCYAJoAN4E4+RGLs2I7yg096iuQ759m++JLBT8EqWS+sjLVnPepzzfpmbTGAnLVkLdTEZsKqWjmEBN5Z/wmTKjWKyv9g1UiHELEoCW4wHFKTiS9hg/A2l4H4jDV3BQqYYoUIGQiy0M4u7mAK9YNxkPfktsEzq8E4rGDuTsdgTMTgoT1w70l0nXfuGP/E9e4pxmDqMZ2iHynwtj0gR3RAz/ebCLF2tsEfTEMbAylw43KN+cZDOYSeblDD3TnblIF4zXr1BaUGKV3URrpwsBvkA01k1UdYN9gHqcksIld2/cX6xeWOECKZ6wT5LRY68axKxxt060Iukwz9lGrwhMslknawhrt/EUwt3jDwfx0DIfG4btpkcQKgLT5TBWXxWQAAAABJRU5ErkJggg==),pointer;
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 100%;
    display: flex;
    max-height: calc(100vh - 200px)
}

@media screen and (max-width:900px) {
	.productCard__info { padding: 0 calc(var(--grid-gutter) * 2) }
}
.productCard__sticky { position: sticky; top: 7rem }
.productCard__code { font-size: var(--font-size-micro); color: var(--color-grey); opacity: 0 }
.productCard__code._show { opacity: 1 }
.productCard { margin-bottom: calc(var(--grid-gutter) * 6); position: relative; z-index: 1 }
.productCard__tableLink { font-weight: 100; font-size: var(--font-size-sm); border-bottom: 1px solid var(--form-border); background: transparent; padding: 0; display: inline; color: var(--color-black); margin-top: var(--grid-gutter) }
.productCard__skus { margin-top: calc(var(--grid-gutter) * 1) }
.productCard__skusItem { margin-bottom: calc(var(--grid-gutter) * 1.5) }
.productCard__skusItemList:last-child { margin-bottom: var(--grid-gutter) }
.productCard__skusName { font-weight: 500; display: flex; justify-content: space-between; gap: calc(var(--grid-gutter) / 2); color: var(--color-black) }
.productCard__skusName span { font-weight: 300; position: relative }
.productCard__skusList { margin: calc(var(--grid-gutter) * .5) 0 0 2px; display: inline-flex; gap: calc(var(--grid-gutter) / 1.5); flex-wrap: wrap }
@media screen and (max-width:900px) {
	.productCard__skusList { margin-top: calc(var(--grid-gutter) * .5); gap: calc(var(--grid-gutter)) }
}
.productCard__skusListDisabled { position: relative; opacity: .3; text-decoration: line-through }
.productCard__skusListDisabled span:after { border: 1px solid var(--color-white) !important }
.productCard__skusList span { display: inline-block; vertical-align: text-bottom; padding: 0; text-align: center; border: none; background-size: cover; min-width: 2.28578rem; padding-left: .3rem; padding-right: .3rem; height: 2.28578rem; line-height: 2.28578rem; border-radius: var(--border-radius); cursor: pointer; position: relative; font-size: var(--font-size-sm); color: var(--color-black) }
@media screen and (max-width:900px) {
	.productCard__skusList span { padding: .3rem .8rem; height: auto }
}
.productCard__skusList span:after { content: ""; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border: 1px solid #888; border: 1px solid hsla(0, 0%, 53%, .3); border-radius: var(--border-radius) }
.productCard__skusList span._selected:after { content: ""; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border: 1px solid #888; border-radius: var(--border-radius) }
.productCard__skusColor { margin: calc(var(--grid-gutter) * .5) 4px 0 0; display: flex; gap: calc(var(--grid-gutter) / 2); font-size: 0 }
.productCard__skusColorDisabled { position: relative; opacity: .3; background: transparent !important }
.productCard__skusColorDisabled:before { content: ""; position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=!string!width=!string!height=!string!viewBox=!string!%3E%3Cpath class=!string!fill=!string!stroke=!string!stroke-miterlimit=!string!stroke-width=!string!d=!string!/%3E%3C/svg%3E"); background-position: 50%; background-size: 100% 100%; background-repeat: no-repeat; pointer-events: none; transform: translate(-50%, -50%) }
.productCard__skusColor span { display: inline-block; vertical-align: text-bottom; padding: 0; text-align: center; border: none; background-size: cover; width: 2.28578rem; height: 2.28578rem; line-height: 2.28578rem; border-radius: var(--border-radius); cursor: pointer }
@media screen and (max-width:900px) {
	.productCard__skusColor span { width: 3.5rem; height: 3.5rem }
}
.productCard__skusColor span:hover { position: relative }
.productCard__skusColor span:hover:after { content: ""; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border: 1px solid hsla(0, 0%, 53%, .39); border-radius: var(--border-radius) }
.productCard__skusColor span._selected { position: relative }
.productCard__skusColor span._selected:after { content: ""; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border: 1px solid #888; border-radius: var(--border-radius) }
.productTabs { margin-top: calc(var(--grid-gutter) * 4) }
@media screen and (max-width:900px) {
	.productTabs { margin-top: calc(var(--grid-gutter) * 6) }
}
.productTabs iframe { max-width: 100% !important; width: 100%; height: 280px; }
.productTabs__count { position: absolute; right: calc(var(--grid-gutter) * 2); top: calc(50% - 7px); font-size: var(--font-size-micro); color: var(--color-white); border-radius: 50%; width: 14px; height: 14px; justify-content: center; display: flex; align-items: center; background: var(--color-grey); font-weight: 300 }
.productTabs__features table { margin: 0 !important }
.productTabs__item { position: relative; border-top: 1px solid var(--form-border) }
.productTabs__item:first-child { border-top: 0 }
.productTabs__item._open .productTabs__description { height: auto; opacity: 1; margin-bottom: calc(var(--grid-gutter) * 2); transition: opacity .5s ease; transition: max-height .5s ease, opacity .5s ease; color: var(--color-black); visibility: visible; position: unset; top: 0 }
.productTabs__item._open .productTabs__header:after { transform: translateY(-50%) rotate(180deg) }
.productTabs__header { font-weight: 700; cursor: pointer; position: relative; padding: var(--grid-gutter) 0; color: var(--color-black) }
@media screen and (max-width:900px) {
	.productTabs__header { padding: calc(var(--grid-gutter) * 1.5) 0 }
}
.productTabs__header:hover { color: var(--color-black) }
.productTabs__header span { border-radius: 50%; display: inline-flex; align-items: center; margin-left: var(--grid-gutter); background: var(--color-lightGrey); color: var(--color-black); font-size: var(--font-size-micro); padding: .1rem .5rem; aspect-ratio: 1; font-weight: 300 }
.productTabs__header._rotate:after { transform: translateY(-50%) rotate(-90deg) }
.productTabs__header:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></svg>') no-repeat 50%;
    transition: transform .3s ease
}
.productTabs__description { font-size: var(--font-size-xs); height: 0; opacity: 0; visibility: hidden; position: absolute; top: -100%; left: 0 }
.galleryPano { display: flex; flex-wrap: wrap; justify-content: center; overflow: hidden; cursor: zoom-in; width: 100% }
.galleryPano__number { position: absolute; left: var(--grid-gutter); bottom: var(--grid-gutter); font-size: var(--font-size-lg); padding: calc(var(--grid-gutter) / 4) var(--grid-gutter); background: hsla(0, 0%, 100%, .5) }
.galleryPano a { width: 100%; max-height: 100% }
.galleryPano__img { width: 100px; height: 150px; object-fit: cover; cursor: pointer; transition: transform .3s }
.galleryPano__fullscreenContainer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-white); justify-content: center; align-items: center; z-index: 9999; overflow: hidden }
.galleryPano__fullscreenContainer.show { display: flex }
.galleryPano__zoomContainer { width: 100vw; height: 100vh; margin: auto; overflow: hidden; background: var(--color-lightGrey) }
.galleryPano__zoomImg { height: 100%; object-fit: contain; cursor: move; transition: .3s; transform: scale(1); transform-origin: center center; width: auto; margin: 0 auto; text-align: center; right: 0; left: 0; position: absolute }
.galleryPano__zoomImg:hover { transform: scale(2.5); transition: none }
.galleryPano__closeBtn { position: absolute; top: calc(var(--grid-gutter) * 2); right: calc(var(--grid-gutter) * 2); font-size: 30px; z-index: 10; color: var(--color-white); cursor: pointer; border-radius: 50%; width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; background: var(--color-white) }
.galleryPano__thumbnails { position: absolute; left: var(--grid-gutter); top: var(--grid-gutter); width: 5rem; height: calc(100vh - 6rem); overflow-y: auto; display: flex; flex-direction: column; gap: var(--grid-gutter); z-index: 1000 }
.galleryPano__thumbnails img { width: 4rem; height: 6rem; object-fit: cover; cursor: pointer; transition: transform .3s; border: 1px solid transparent }
.galleryPano__thumbnails img:hover { border: 1px solid var(--color-grey); transition: all .3s ease }
.productTextLess { position: relative; height: 7rem; overflow: hidden; background: linear-gradient(0deg, var(--color-white), hsla(0, 0%, 100%, 0)); padding-bottom: 2rem; transition: max-height .5s ease }
.productTextLess.expanded { height: auto; background: none; max-height: unset }
.productTextLess:after { content: ""; position: absolute; bottom: 2rem; left: 0; right: 0; height: 4rem; background: linear-gradient(0deg, var(--color-white), hsla(0, 0%, 100%, 0)); transition: opacity .3s ease; z-index: 2 }
.productTextLess.expanded:after { opacity: 0 }
.showMore { display: block; cursor: pointer; position: absolute; bottom: -.5rem; left: 0; right: 0; font-size: var(--font-size-sm); background-color: var(--color-white); padding: 10px 0; transition: opacity .3s ease; z-index: 1; color: var(--color-grey) }
.showMore:hover { cursor: pointer; color: var(--color-black) }
body.galleryPanoFullOpen .mainMenu { display: none !important }
body.galleryPanoFullOpen .productCard__info { position: fixed; right: 0; bottom: 0; padding: calc(var(--grid-gutter) * 3); height: auto; z-index: 10000; width: 30vw; background: var(--color-white) }
@media screen and (max-width:900px) {
	body.galleryPanoFullOpen .productCard__info { display: none }
}
body.galleryPanoFullOpen .productCard__promo,
body.galleryPanoFullOpen .productCard__tableLink,
body.galleryPanoFullOpen .productCard__title,
body.galleryPanoFullOpen .productTabs { display: none }
body.galleryPanoFullOpen .productCard__button:first-child { flex: 1 }
#reviewsLoad .reviewsBar__content { display: block }
#reviewsLoad .reviewsBar__items { flex: 1; position: static; top: calc(var(--grid-gutter) * 0); padding: 0; background: transparent }
#reviewsLoad .reviewsBar__list { margin-top: calc(var(--grid-gutter) * 4) }
#reviewsLoad h1,
.mobile-version { display: none }
.desktop-version { display: grid }
@media (max-width:900px) {
	.mobile-version { display: grid }
	.desktop-version { display: none }
}
.productCard .swiper-container { width: 100%; height: 70vh; max-width: 100%; overflow: hidden }
.productCard .swiper-container .galleryPano__img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; transition: transform .3s }
.productCard .swiper-counter { position: absolute; bottom: 10px; right: 10px; background-color: rgba(0, 0, 0, .5); color: #fff; padding: 5px 10px; border-radius: var(--border-radius); font-size: 14px; z-index: 10 }
table.features td { padding: calc(var(--grid-gutter) / 2) }
table.features .s-divider { font-weight: var(--font-weight-bold); color: var(--color-grey); padding-left: 0; padding-right: 0 }
.searchBar { position: fixed; top: 0; right: -30rem; height: 100vh; transition: all .3s ease; z-index: 1000; display: flex }
@media screen and (max-width:900px) {
	.searchBar { right: -100vw; height: 100% }
}
.searchBar._open { right: 0; transition: all .3s ease; width: 100vw }
.searchBar._open .searchBar__overlay._loading:after { content: ""; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; border: 5px solid rgba(0, 0, 0, .3); border-top-color: #fff; border-radius: 50%; animation: c 1s linear infinite }
.searchBar__body { padding: calc(var(--grid-gutter) * 2); background-color: var(--color-white); width: 30rem; display: flex; flex-direction: column; justify-content: space-between; position: relative }
@media screen and (max-width:900px) {
	.searchBar__body { width: 100vw }
}
.searchBar__overlay { background: rgba(0, 0, 0, .75); flex: 1; height: 100%; position: relative }
.searchBar__overlay:hover { cursor: url(img/cursor-close.svg?v1), auto }
.searchBar .h2 { font-weight: 900; font-size: var(--font-size-lg); color: var(--color-grey); margin-bottom: var(--grid-gutter) }
@media screen and (max-width:900px) {
	.searchBar .h2 { margin-bottom: calc(var(--grid-gutter) * 2) }
}
.searchBar__items .h3 { font-weight: 900; margin-top: calc(var(--grid-gutter) * 2); color: var(--color-black) }
.searchBar__tags a { padding: calc(var(--grid-gutter) / 4) calc(var(--grid-gutter) / 2); margin-right: calc(var(--grid-gutter) / 4); margin-bottom: calc(var(--grid-gutter) / 4); display: inline-block; border-radius: var(--border-radius); background: var(--color-lightGrey) }
.searchBar__inner { height: calc(100vh - (var(--grid-gutter) * 12)); overflow: hidden; overflow-y: auto; position: relative }
.searchBar__inner._loading .popup-cart-inner { opacity: .5 }
.searchBar__inner._loading:after { content: ""; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, .3); border-top-color: #fff; border-radius: 50%; animation: c 1s linear infinite }
.searchBar__buttons { gap: var(--grid-gutter); display: flex; justify-content: space-between }
.searchBar__buttons button { flex: 1 }
.search__header { font-weight: 800; letter-spacing: 0; font-size: var(--font-size-header); margin-bottom: calc(var(--grid-gutter) * 2); color: var(--color-grey) }
.search__empty { display: block }
.search__empty._hide { display: none }
[aria-label][role~=tooltip] { position: relative }
[aria-label][role~=tooltip]:after,
[aria-label][role~=tooltip]:before { transform: translateZ(0); backface-visibility: hidden; will-change: transform; opacity: 0; pointer-events: none; transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s); position: absolute; box-sizing: border-box; z-index: 10; transform-origin: top }
[aria-label][role~=tooltip]:before { background-size: 100% auto !important; content: "" }
@media screen and (max-width:900px) {
	[aria-label][role~=tooltip]:before { display: none !important }
}
[aria-label][role~=tooltip]:after { background: hsla(0, 0%, 7%, .9); border-radius: var(--border-radius); color: var(--color-white); content: attr(aria-label); font-size: var(--font-size-sm, 12px); padding: .5em 1em; white-space: nowrap; box-sizing: content-box }
@media screen and (max-width:900px) {
	[aria-label][role~=tooltip]:after { display: none !important }
}
[aria-label][role~=tooltip]:focus:after,
[aria-label][role~=tooltip]:focus:before,
[aria-label][role~=tooltip]:hover:after,
[aria-label][role~=tooltip]:hover:before { opacity: 1; pointer-events: auto }

[role~=tooltip][data-microtip-position|=top]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E") no-repeat;
    height: 6px;
    width: 18px;
    margin-bottom: 5px
}

[role~=tooltip][data-microtip-position|=top]:after {
    margin-bottom: 11px
}

[role~=tooltip][data-microtip-position|=top]:before {
    transform: translate3d(-50%,0,0);
    bottom: calc(100% + 2px);
    left: 50%
}

[role~=tooltip][data-microtip-position|=top]:hover:before {
    transform: translate3d(-50%,-5px,0)
}

[role~=tooltip][data-microtip-position|=top]:after {
    transform: translate3d(-50%,0,0);
    bottom: 100%;
    left: 50%
}

[role~=tooltip][data-microtip-position=top]:hover:after {
    transform: translate3d(-50%,-5px,0)
}

[role~=tooltip][data-microtip-position=top-left]:after {
    transform: translate3d(calc(-100% + 16px),0,0);
    bottom: 100%
}

[role~=tooltip][data-microtip-position=top-left]:hover:after {
    transform: translate3d(calc(-100% + 16px),-5px,0)
}

[role~=tooltip][data-microtip-position=top-right]:after {
    transform: translate3d(calc(0% + -16px),0,0);
    bottom: 100%
}

[role~=tooltip][data-microtip-position=top-right]:hover:after {
    transform: translate3d(calc(0% + -16px),-5px,0)
}

[role~=tooltip][data-microtip-position|=bottom]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E") no-repeat;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0
}

[role~=tooltip][data-microtip-position|=bottom]:after {
    margin-top: 11px
}

[role~=tooltip][data-microtip-position|=bottom]:before {
    transform: translate3d(-50%,-10px,0);
    bottom: auto;
    left: 50%;
    top: 100%
}

[role~=tooltip][data-microtip-position|=bottom]:hover:before {
    transform: translate3d(-50%,0,0)
}

[role~=tooltip][data-microtip-position|=bottom]:after {
    transform: translate3d(-50%,-10px,0);
    top: 100%;
    left: 50%
}

[role~=tooltip][data-microtip-position=bottom]:hover:after {
    transform: translate3d(-50%,0,0)
}

[role~=tooltip][data-microtip-position=bottom-left]:after {
    transform: translate3d(calc(-100% + 16px),-10px,0);
    top: 100%
}

[role~=tooltip][data-microtip-position=bottom-left]:hover:after {
    transform: translate3d(calc(-100% + 16px),0,0)
}

[role~=tooltip][data-microtip-position=bottom-right]:after {
    transform: translate3d(calc(0% + -16px),-10px,0);
    top: 100%
}

[role~=tooltip][data-microtip-position=bottom-right]:hover:after {
    transform: translate3d(calc(0% + -16px),0,0)
}

[role~=tooltip][data-microtip-position=left]:after,[role~=tooltip][data-microtip-position=left]:before {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate3d(10px,-50%,0)
}

[role~=tooltip][data-microtip-position=left]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E") no-repeat;
    height: 18px;
    width: 6px;
    margin-right: 5px;
    margin-bottom: 0
}

[role~=tooltip][data-microtip-position=left]:after {
    margin-right: 11px
}

[role~=tooltip][data-microtip-position=left]:hover:after,[role~=tooltip][data-microtip-position=left]:hover:before {
    transform: translate3d(0,-50%,0)
}

[role~=tooltip][data-microtip-position=right]:after,[role~=tooltip][data-microtip-position=right]:before {
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translate3d(-10px,-50%,0)
}

[role~=tooltip][data-microtip-position=right]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E") no-repeat;
    height: 18px;
    width: 6px;
    margin-bottom: 0;
    margin-left: 5px
}

[role~=tooltip][data-microtip-position=right]:after {
    margin-left: 11px
}

[role~=tooltip][data-microtip-position=right]:hover:after,[role~=tooltip][data-microtip-position=right]:hover:before {
    transform: translate3d(0,-50%,0)
}

[role~=tooltip][data-microtip-size=small]:after {
    white-space: normal;
    width: 80px
}

[role~=tooltip][data-microtip-size=medium]:after {
    white-space: normal;
    width: 150px
}

[role~=tooltip][data-microtip-size=large]:after {
    white-space: normal;
    width: 260px
}