*,
::before,
::after {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    min-height: 100vh;
    direction: ltr
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr[title] {
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: 500
}

code,
kbd,
samp,
pre {
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
:where(input:not([type=range])),
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: inherit
}

button,
select {
    text-transform: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type='date']::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

[type='date']::-webkit-date-and-time-value {
    text-align: left;
    height: 1.5em
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    padding: 0
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,
textarea::placeholder {
    --muted-alpha: .4;
    color: rgba(var(--base-color), var(--muted-alpha, .6));
    opacity: 1
}

button,
[role="button"] {
    cursor: pointer
}

svg,
img,
video,
canvas,
audio,
iframe,
embed,
object {
    display: inline-block;
    vertical-align: middle
}

svg,
img,
video {
    max-width: 100%;
    height: auto
}

.responsive>iframe,
.responsive>embed,
.responsive>object {
    max-width: 100%
}

.aspect-video>iframe,
.aspect-video>embed,
.aspect-video>object {
    aspect-ratio: 16/9;
    height: auto;
    width: 100%
}

[hidden] {
    display: none
}

input,
button,
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=checkbox],
[type=radio] {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    flex-shrink: 0;
    min-width: 0;
    height: 1rem;
    width: 1rem;
    color: rgba(var(--checkbox-color), var(--checkbox-alpha, 1))
}

[type=image] {
    padding: 0;
    border: 0;
    width: auto;
    max-width: 100%;
    vertical-align: middle
}

[type=range] {
    --brand-alpha: 0.9;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1rem;
    background-color: transparent;
    appearance: none
}

[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: .25rem;
    color: transparent;
    cursor: pointer;
    background-color: rgba(var(--base-color), var(--divider-alpha, .1));
    border-color: transparent;
    border-radius: 9999px
}

[type=range]::-moz-range-track {
    width: 100%;
    height: .25rem;
    color: transparent;
    cursor: pointer;
    background-color: rgba(var(--base-color), var(--divider-alpha, .1));
    border-color: transparent;
    border-radius: 9999px
}

[type=range]::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.375rem;
    background-color: rgba(var(--brand-color), var(--brand-alpha, 1));
    border: 0;
    border-radius: 9999px;
    -webkit-appearance: none;
    appearance: none
}

[type=range]::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.375rem;
    background-color: rgba(var(--brand-color), var(--brand-alpha, 1));
    border: 0;
    border-radius: 9999px;
    appearance: none
}

button,
input[type='submit'],
input[type='reset'],
input[type='button'] {
    --spinner-size: 1.25rem;
    --spinner-border-color: var(--button-color)
}

select:not([multiple]) {
    padding-right: 2.5rem
}

select::-ms-expand {
    display: none
}

select[multiple] {
    overflow-y: auto
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus-visible,
[type=radio]:focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--base-bg)), 0 0 0 4px rgb(var(--checkbox-color))
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

.breeze-carousel .products-grid {
    position: relative
}

.breeze [data-appearance='carousel'],
.breeze .products-grid.slick-initialized {
    position: relative;
    display: grid
}

.breeze [data-appearance='carousel'][data-show-dots="true"],
.breeze .products-grid.slick-initialized[data-show-dots="true"] {
    padding-bottom: 55px
}

.breeze [data-appearance='carousel'] .slick-list,
.breeze .products-grid.slick-initialized .slick-list,
.breeze [data-appearance='carousel']>.product-items,
.breeze .products-grid.slick-initialized>.product-items {
    margin-top: -15px;
    padding-top: 15px;
    margin-bottom: -15px;
    padding-bottom: 15px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.breeze [data-appearance='carousel'] .slick-list::-webkit-scrollbar,
.breeze .products-grid.slick-initialized .slick-list::-webkit-scrollbar,
.breeze [data-appearance='carousel']>.product-items::-webkit-scrollbar,
.breeze .products-grid.slick-initialized>.product-items::-webkit-scrollbar {
    display: none
}

.breeze [data-appearance='carousel'] li.product-item,
.breeze .products-grid.slick-initialized li.product-item {
    flex-shrink: 0
}

.breeze [data-content-type='products'][data-appearance='carousel'] li.product-item {
    display: inline-block;
    visibility: visible
}

.breeze-gallery {
    display: flex;
    flex-direction: column
}

.breeze-gallery .prev,
.breeze-gallery .next,
.breeze-gallery .controls a,
.breeze-gallery .close {
    color: rgba(var(--base-color, 119, 119, 119), .6)
}

.breeze-gallery .prev:hover,
.breeze-gallery .next:hover,
.breeze-gallery .controls a:hover,
.breeze-gallery .close:hover {
    color: rgba(var(--base-color, 119, 119, 119), 1)
}

.breeze-gallery .prev svg,
.breeze-gallery .next svg,
.breeze-gallery .controls a svg,
.breeze-gallery .close svg {
    width: 24px;
    height: 24px;
    vertical-align: top
}

.breeze-gallery .prev,
.breeze-gallery .next,
.breeze-gallery .close,
.breeze-gallery .controls {
    position: absolute;
    z-index: 20
}

.breeze-gallery .controls {
    visibility: hidden;
    left: 3px;
    top: 3px;
    display: flex;
    flex-direction: column;
    gap: 3px
}

.breeze-gallery .controls a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: rgba(var(--base-bg, 255, 255, 255), .6)
}

.breeze-gallery .video .controls {
    display: none
}

.breeze-gallery .close {
    display: none
}

.breeze-gallery .prev,
.breeze-gallery .next {
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 50%;
    width: 40px;
    height: 80px;
    margin-top: -40px;
    background: rgba(var(--muted-bg, 255, 255, 255), .6);
    z-index: 11;
    transition: all 150ms ease-in
}

@media (hover:hover) {

    .breeze-gallery .prev,
    .breeze-gallery .next {
        visibility: hidden;
        opacity: 0
    }

    .breeze-gallery .prev:hover,
    .breeze-gallery .next:hover {
        opacity: 1
    }
}

.breeze-gallery .next {
    left: auto;
    right: 0
}

@media (hover:hover) {

    .breeze-gallery .stage:hover .prev,
    .breeze-gallery .stage:hover .next {
        visibility: visible;
        opacity: .8
    }
}

.breeze-gallery img {
    vertical-align: top;
    height: auto;
    max-height: none
}

.breeze-gallery .item {
    position: relative;
    flex-shrink: 0
}

.breeze-gallery .stage.video .main-image-wrapper::before,
.breeze-gallery .item.video::before {
    content: '';
    z-index: 10;
    position: absolute;
    pointer-events: none;
    left: 50%;
    top: 50%;
    border: 10px solid transparent;
    border-left: 16px solid #fff;
    margin-top: -10px;
    margin-left: -8px;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
    transition: transform 100ms ease-in-out
}

.breeze-gallery .stage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: visible !important
}

.breeze-gallery .stage>div:first-child,
.breeze-gallery .stage .main-image-wrapper,
.breeze-gallery .stage .main-image-wrapper>picture {
    position: relative;
    cursor: zoom-in;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-start
}

.breeze-gallery .stage .video-wrapper {
    position: absolute !important;
    z-index: 10;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    align-items: center !important
}

.breeze-gallery .stage .video-wrapper+div {
    opacity: 0
}

.breeze-gallery .stage.video .main-image-wrapper {
    cursor: pointer
}

.breeze-gallery .stage.video .main-image-wrapper::before {
    transform: scale(1.3);
    pointer-events: all
}

.breeze-gallery .stage.video .main-image-wrapper:hover::before {
    transform: scale(1.3) translateX(2px)
}

.breeze-gallery .thumbnails {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    gap: 5px;
    margin: 5px 0 0;
    overflow: auto;
    scroll-behavior: smooth;
    padding-bottom: 12px
}

.breeze-gallery .thumbnails::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.breeze-gallery .thumbnails::-webkit-scrollbar-track {
    background-color: rgb(var(--scrollbar-bg, 230, 230, 230));
    border-radius: 10px
}

.breeze-gallery .thumbnails::-webkit-scrollbar-thumb {
    background-color: rgb(var(--scrollbar-color, 200, 200, 200));
    border-radius: 10px
}

.breeze-gallery .thumbnails.hidden {
    display: none
}

.breeze-gallery .thumbnails img {
    filter: contrast(95%)
}

.breeze-gallery .thumbnails .item {
    background: rgba(var(--muted-bg, 244, 244, 244))
}

.breeze-gallery .thumbnails .item:focus {
    outline: none
}

.breeze-gallery .thumbnails .item::after {
    content: '';
    position: absolute;
    pointer-events: none;
    inset: 0
}

.breeze-gallery .thumbnails .item:focus::after,
.breeze-gallery .thumbnails .item.active::after {
    box-shadow: inset 0 0 0 2px rgba(var(--brand-color), var(--brand-alpha, 1))
}

.breeze-gallery:not(.opened) .thumbnails.dots {
    gap: 10px;
    justify-content: center;
    margin: 16px 0 0
}

.breeze-gallery:not(.opened) .thumbnails.dots img {
    display: none
}

.breeze-gallery:not(.opened) .thumbnails.dots .item {
    background: #e6e6e6;
    width: 12px;
    height: 12px
}

.breeze-gallery:not(.opened) .thumbnails.dots .item,
.breeze-gallery:not(.opened) .thumbnails.dots .item::after {
    border-radius: 9999px
}

.breeze-gallery:not(.opened) .thumbnails.dots .item.active {
    background-color: rgba(var(--brand-color), var(--brand-alpha, 1))
}

.breeze-gallery.expanded:not(.opened) .stage,
.breeze-gallery.expanded:not(.opened) .thumbnails {
    display: none
}

.breeze-gallery.expanded.opened .images {
    display: none
}

.breeze-gallery .images {
    --gallery-columns-count: 2;
    --gallery-columns-gap: 10px;
    display: flex;
    position: relative;
    gap: var(--gallery-columns-gap);
    overflow: auto;
    scroll-snap-type: x mandatory;
    scroll-snap-stop: always
}

.breeze-gallery .images .item {
    max-width: 100%;
    scroll-snap-align: center;
    text-align: center;
    cursor: zoom-in
}

lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 720px
}

lite-youtube::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
    background-position: top;
    background-repeat: repeat-x;
    height: 60px;
    padding-bottom: 50px;
    width: 100%;
    transition: all .2s cubic-bezier(0, 0, .2, 1)
}

lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(56.25%)
}

lite-youtube>iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0
}

lite-youtube>.lty-playbtn {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat center / 68px 48px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    position: absolute;
    cursor: pointer;
    z-index: 1;
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, .2, 1);
    border: 0
}

lite-youtube:hover>.lty-playbtn,
lite-youtube .lty-playbtn:focus {
    filter: none
}

lite-youtube.lyt-activated {
    cursor: unset
}

lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated>.lty-playbtn {
    opacity: 0;
    pointer-events: none
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.jarallax-container video,
.jarallax-container iframe {
    opacity: 0;
    transition: 80ms opacity ease-in
}

.jarallax-container video[style*="translate3d"],
.jarallax-container iframe[style*="translate3d"] {
    opacity: 1
}

.block.filter range-slider {
    width: 100%
}

range-slider {
    --thumb-width: 16px;
    --thumb-height: var(--thumb-width);
    --thumb-mobile-width: calc(var(--thumb-width) * var(--thumb-mobile-scale));
    --thumb-mobile-height: calc(var(--thumb-height) * var(--thumb-mobile-scale));
    --thumb-border: 1px solid #fff;
    --thumb-border-radius: 999px;
    --thumb-bg: 10 89 254;
    --thumb-mobile-scale: 1.4;
    --track-height: 4px;
    --track-border-radius: var(--thumb-border-radius);
    --track-bg: 234 234 234;
    position: relative;
    display: inline-block
}

range-slider input {
    margin: 0;
    width: 100%;
    -webkit-appearance: none
}

range-slider input:focus {
    outline: 0
}

range-slider::before,
range-slider input::-webkit-slider-runnable-track {
    background: rgb(var(--track-bg));
    height: var(--track-height);
    border-radius: var(--track-border-radius)
}

range-slider input::-webkit-slider-thumb {
    -webkit-appearance: none;
    cursor: pointer;
    background: rgba(var(--thumb-bg) / .9);
    border: var(--thumb-border);
    border-radius: var(--thumb-border-radius);
    height: var(--thumb-height);
    width: var(--thumb-width);
    margin-top: calc(var(--track-height) / 2 - var(--thumb-height) / 2);
    transition: box-shadow 200ms ease-out
}

@media (pointer:coarse) {
    range-slider input::-webkit-slider-thumb {
        --thumb-height: var(--thumb-mobile-height);
        --thumb-width: var(--thumb-mobile-width)
    }
}

range-slider input:focus::-webkit-slider-thumb,
range-slider input:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(var(--thumb-bg) / .2)
}

range-slider input::-moz-range-thumb {
    -webkit-appearance: none;
    cursor: pointer;
    background: rgba(var(--thumb-bg) / .9);
    border: var(--thumb-border);
    border-radius: var(--thumb-border-radius);
    height: var(--thumb-height);
    width: var(--thumb-width);
    margin-top: calc(var(--track-height) / 2 - var(--thumb-height) / 2);
    transition: box-shadow 200ms;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

range-slider input:focus::-moz-range-thumb {
    box-shadow: 0 0 0 3px rgba(var(--thumb-bg) / .2)
}

range-slider .filler {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

range-slider .range {
    position: absolute;
    left: 0;
    top: 50%;
    height: 0 !important;
    overflow: visible
}

range-slider .range::-webkit-slider-thumb {
    position: relative;
    z-index: 2
}

range-slider .range:first-child::-webkit-slider-thumb {
    z-index: 3
}

@-moz-document url-prefix() {
    range-slider .range::-moz-range-track {
        background: transparent !important
    }

    range-slider::before {
        content: '';
        width: 100%;
        position: absolute;
        top: calc(50% - var(--track-height) / 2)
    }

    range-slider .range {
        top: calc(50% + 20px)
    }

    range-slider .range::-moz-range-thumb {
        transform: translateY(-20px)
    }
}

:root {
    --animation-slide-in: slideIn 600ms cubic-bezier(0, 0, .3, 1) forwards
}

@media (prefers-reduced-motion:no-preference) {
    .js #html-body.scroll-reveal-enabled .scroll-reveal {
        opacity: .01;
        visibility: hidden;
        will-change: opacity, transform, visibility
    }

    .js #html-body.scroll-reveal-enabled .scroll-reveal.reveal-slide-in {
        transform: translateY(2rem)
    }

    .js #html-body.scroll-reveal-enabled .scroll-reveal.reveal-ready {
        visibility: visible;
        animation: var(--animation, var(--animation-slide-in));
        animation-delay: calc(var(--animation-order) * 75ms)
    }

    @supports (font: -apple-system-body) and (-webkit-appearance: none) {
        .js #html-body.scroll-reveal-enabled .scroll-reveal {
            visibility: visible
        }
    }
}

.scroll-reveal-finished {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    transform: none !important;
    will-change: unset !important
}

@keyframes slideIn {
    from {
        transform: translateY(2rem);
        opacity: .01
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.breeze div[data-content-type='slider'] {
    visibility: visible
}

.breeze div[data-content-type='slider'] [data-content-type='slide']+[data-content-type='slide'] {
    height: initial;
    min-height: inherit
}

.breeze div[data-content-type='slider'] {
    display: flex;
    position: relative;
    overflow-x: auto
}

.breeze div[data-content-type='slider'] [data-content-type='slide'] {
    width: 100%;
    flex: none;
    scroll-snap-align: center
}

.breeze .pagebuilder-slider,
.breeze .slick-list {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.breeze .pagebuilder-slider::-webkit-scrollbar,
.breeze .slick-list::-webkit-scrollbar {
    display: none
}

.breeze .slick-list {
    display: flex;
    width: 100%;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory
}

.breeze .slick-list:focus-visible {
    outline-offset: -4px
}

.breeze .slick-list>div {
    flex-shrink: 0
}

.breeze .slick-dots {
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%)
}

.breeze .slick-dots li {
    z-index: 5
}

.breeze .slick-initialized .action.skip {
    position: absolute;
    z-index: 50;
    top: 4px;
    left: 4px;
    padding: 5px;
    height: auto;
    background: #fff
}

.breeze .slick-initialized .anchor.skip {
    position: absolute;
    bottom: 0
}

@media (min-width:1024px) {
    .breeze div[data-content-type='slider'].containered {
        opacity: 0;
        transition: 180ms opacity ease-in-out
    }

    .breeze div[data-content-type='slider'].containered.slick-initialized {
        opacity: 1
    }

    .breeze div[data-content-type='slider'].containered .slick-list {
        gap: 5px
    }

    .breeze div[data-content-type='slider'].containered .slick-list::before,
    .breeze div[data-content-type='slider'].containered .slick-list::after {
        content: '';
        width: 1000px;
        flex-shrink: 0
    }

    .breeze div[data-content-type='slider'].containered:not(.slick-initialized) {
        gap: 5px;
        scroll-snap-type: x mandatory
    }

    .breeze div[data-content-type='slider'].containered:not(.slick-initialized)::before {
        content: '';
        width: 1000px;
        flex-shrink: 0
    }

    .breeze div[data-content-type='slider'].containered [data-content-type='slide'],
    .breeze div[data-content-type='slider'].containered .slick-dots {
        max-width: var(--container-max-width, 1240px)
    }
}

.affirm-info-head {
    color: #034082;
    font-size: 16px;
    font-weight: normal;
    margin: 0 !important;
    line-height: 1.42em
}

.affirm-info-description {
    color: #6f6f6f;
    font-size: 14px;
    margin-bottom: 0
}

.affirm-item {
    margin-bottom: 1.5em
}

.affirm-payment-icon {
    vertical-align: middle !important;
    max-height: 42px;
    max-width: 60px;
    width: auto;
    margin-top: -0.3em
}

.columns .column.main {
    max-width: 100%
}

.affirm-promo iframe {
    max-width: 100%
}

#learn-more img {
    height: 1em !important;
    margin: 0 .3em !important;
    vertical-align: baseline !important
}

.mst-gtm__toolbar {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    font-size: 1.3rem;
    outline: 5px solid rgba(74, 69, 66, 0.3);
    border-radius: 0;
    z-index: 1000000;
    width: 30rem
}

.mst-gtm__toolbar>strong {
    text-align: center;
    font-weight: 600;
    display: block;
    padding: 1rem 2rem;
    color: #ffffff;
    background: #4686f3
}

.mst-gtm__toolbar .mst-gtm__toolbar-body {
    max-height: 400px;
    overflow-y: scroll;
    background: #ffffff;
    padding: 5px
}

.mst-gtm__toolbar .mst-gtm__toolbar-body .mst-gtm__toolbar-event {
    padding: 10px;
    margin: 5px;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    cursor: pointer;
    border-radius: 2px
}

.mst-gtm__toolbar .mst-gtm__toolbar-body .mst-gtm__toolbar-event>strong {
    font-style: normal;
    background: #4685f3;
    padding: 1px 3px;
    border-radius: 2px;
    margin-right: 5px;
    margin-left: -5px;
    color: #ffffff;
    font-weight: normal
}

.mst-gtm__toolbar .mst-gtm__toolbar-body .mst-gtm__toolbar-event>i {
    font-style: normal
}

.mst-gtm__toolbar .mst-gtm__toolbar-body .mst-gtm__toolbar-event>span {
    margin-left: 5px;
    color: #8a8a8a;
    text-decoration: underline;
    float: right
}

.mst-gtm__toolbar .mst-gtm__toolbar-body .mst-gtm__toolbar-event._active {
    background: #4685f3;
    color: #ffffff
}

.mst-gtm__toolbar .mst-gtm__toolbar-body .mst-gtm__toolbar-event._active>span {
    display: none
}

.mst-gtm__toolbar-extra {
    position: fixed;
    bottom: 1rem;
    left: 32.5rem;
    font-size: 1.3rem;
    outline: 5px solid rgba(74, 69, 66, 0.3);
    border-radius: 0;
    z-index: 1000001;
    width: 47rem;
    background: #ffffff;
    padding: 1rem
}

.mst-gtm__toolbar-extra>pre {
    background: #ffffff;
    border: none;
    margin: 0;
    overflow: scroll;
    font-size: 11px;
    height: 35em;
    width: 45rem
}

.mst-gtm__toolbar-extra>.action.close {
    float: right;
    position: absolute;
    top: -18px;
    right: -18px;
    border-radius: 15px;
    padding: 5px 10px
}

.block.filter .range-inputs .labels {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem
}

.block.filter .range-inputs .labels [data-role="to-label"] {
    margin-left: auto
}

.block.filter .range-inputs .actions-toolbar {
    justify-content: space-between
}

.block.filter .filter-options a:has(input) .count {
    margin: 0
}

.block.filter .field.search {
    margin-bottom: .5rem
}

.block.filter .actions {
    margin-top: .25rem
}

.block.filter .actions a {
    cursor: pointer
}

.navpro.navpro .text-left {
    text-align: left
}

.navpro.navpro .text-center {
    text-align: center
}

.navpro.navpro .text-right {
    text-align: right
}

.navpro.navpro .text-justify {
    text-align: justify
}

.navpro.navpro .nowrap {
    white-space: nowrap
}

.navpro.navpro .break-word {
    word-wrap: break-word
}

.navpro.navpro .va-middle {
    vertical-align: middle
}

.navpro.navpro .va-top {
    vertical-align: top
}

.navpro.navpro .va-bottom {
    vertical-align: bottom
}

.navpro.navpro .va-baseline {
    vertical-align: baseline
}

.navpro.navpro .inline {
    display: inline
}

.navpro.navpro .block {
    display: block
}

.navpro.navpro .inline-block {
    display: inline-block
}

.navpro.navpro .float-left {
    float: left
}

.navpro.navpro .float-right {
    float: right
}

.navpro.navpro .m0 {
    margin: 0
}

.navpro.navpro .mt0 {
    margin-top: 0
}

.navpro.navpro .mr0 {
    margin-right: 0
}

.navpro.navpro .mb0 {
    margin-bottom: 0
}

.navpro.navpro .ml0 {
    margin-left: 0
}

.navpro.navpro .m1 {
    margin: .5rem
}

.navpro.navpro .mt1 {
    margin-top: .5rem
}

.navpro.navpro .mr1 {
    margin-right: .5rem
}

.navpro.navpro .mb1 {
    margin-bottom: .5rem
}

.navpro.navpro .ml1 {
    margin-left: .5rem
}

.navpro.navpro .m2 {
    margin: 1rem
}

.navpro.navpro .mt2 {
    margin-top: 1rem
}

.navpro.navpro .mr2 {
    margin-right: 1rem
}

.navpro.navpro .mb2 {
    margin-bottom: 1rem
}

.navpro.navpro .ml2 {
    margin-left: 1rem
}

.navpro.navpro .m3 {
    margin: 2rem
}

.navpro.navpro .mt3 {
    margin-top: 2rem
}

.navpro.navpro .mr3 {
    margin-right: 2rem
}

.navpro.navpro .mb3 {
    margin-bottom: 2rem
}

.navpro.navpro .ml3 {
    margin-left: 2rem
}

.navpro.navpro .m4 {
    margin: 4rem
}

.navpro.navpro .mt4 {
    margin-top: 4rem
}

.navpro.navpro .mr4 {
    margin-right: 4rem
}

.navpro.navpro .mb4 {
    margin-bottom: 4rem
}

.navpro.navpro .ml4 {
    margin-left: 4rem
}

.navpro.navpro .ml-auto {
    margin-left: auto
}

.navpro.navpro .mr-auto {
    margin-right: auto
}

@media (max-width: 639.98px) {
    .navpro.navpro .xs-m0 {
        margin: 0
    }

    .navpro.navpro .xs-mt0 {
        margin-top: 0
    }

    .navpro.navpro .xs-mr0 {
        margin-right: 0
    }

    .navpro.navpro .xs-mb0 {
        margin-bottom: 0
    }

    .navpro.navpro .xs-ml0 {
        margin-left: 0
    }

    .navpro.navpro .xs-m1 {
        margin: .5rem
    }

    .navpro.navpro .xs-mt1 {
        margin-top: .5rem
    }

    .navpro.navpro .xs-mr1 {
        margin-right: .5rem
    }

    .navpro.navpro .xs-mb1 {
        margin-bottom: .5rem
    }

    .navpro.navpro .xs-ml1 {
        margin-left: .5rem
    }

    .navpro.navpro .xs-m2 {
        margin: 1rem
    }

    .navpro.navpro .xs-mt2 {
        margin-top: 1rem
    }

    .navpro.navpro .xs-mr2 {
        margin-right: 1rem
    }

    .navpro.navpro .xs-mb2 {
        margin-bottom: 1rem
    }

    .navpro.navpro .xs-ml2 {
        margin-left: 1rem
    }

    .navpro.navpro .xs-m3 {
        margin: 2rem
    }

    .navpro.navpro .xs-mt3 {
        margin-top: 2rem
    }

    .navpro.navpro .xs-mr3 {
        margin-right: 2rem
    }

    .navpro.navpro .xs-mb3 {
        margin-bottom: 2rem
    }

    .navpro.navpro .xs-ml3 {
        margin-left: 2rem
    }

    .navpro.navpro .xs-m4 {
        margin: 4rem
    }

    .navpro.navpro .xs-mt4 {
        margin-top: 4rem
    }

    .navpro.navpro .xs-mr4 {
        margin-right: 4rem
    }

    .navpro.navpro .xs-mb4 {
        margin-bottom: 4rem
    }

    .navpro.navpro .xs-ml4 {
        margin-left: 4rem
    }

    .navpro.navpro .xs-ml-auto {
        margin-left: auto
    }

    .navpro.navpro .xs-mr-auto {
        margin-right: auto
    }
}

.navpro.navpro .p0 {
    padding: 0
}

.navpro.navpro .pt0 {
    padding-top: 0
}

.navpro.navpro .pr0 {
    padding-right: 0
}

.navpro.navpro .pb0 {
    padding-bottom: 0
}

.navpro.navpro .pl0 {
    padding-left: 0
}

.navpro.navpro .p1 {
    padding: .5rem
}

.navpro.navpro .pt1 {
    padding-top: .5rem
}

.navpro.navpro .pr1 {
    padding-right: .5rem
}

.navpro.navpro .pb1 {
    padding-bottom: .5rem
}

.navpro.navpro .pl1 {
    padding-left: .5rem
}

.navpro.navpro .p2 {
    padding: 1rem
}

.navpro.navpro .pt2 {
    padding-top: 1rem
}

.navpro.navpro .pr2 {
    padding-right: 1rem
}

.navpro.navpro .pb2 {
    padding-bottom: 1rem
}

.navpro.navpro .pl2 {
    padding-left: 1rem
}

.navpro.navpro .p3 {
    padding: 4rem
}

.navpro.navpro .pt3 {
    padding-top: 4rem
}

.navpro.navpro .pr3 {
    padding-right: 4rem
}

.navpro.navpro .pb3 {
    padding-bottom: 4rem
}

.navpro.navpro .pl3 {
    padding-left: 4rem
}

.navpro.navpro .p4 {
    padding: 4rem
}

.navpro.navpro .pt4 {
    padding-top: 4rem
}

.navpro.navpro .pr4 {
    padding-right: 4rem
}

.navpro.navpro .pb4 {
    padding-bottom: 4rem
}

.navpro.navpro .pl4 {
    padding-left: 4rem
}

@media (max-width: 639.98px) {
    .navpro.navpro .xs-p0 {
        padding: 0
    }

    .navpro.navpro .xs-pt0 {
        padding-top: 0
    }

    .navpro.navpro .xs-pr0 {
        padding-right: 0
    }

    .navpro.navpro .xs-pb0 {
        padding-bottom: 0
    }

    .navpro.navpro .xs-pl0 {
        padding-left: 0
    }

    .navpro.navpro .xs-p1 {
        padding: .5rem
    }

    .navpro.navpro .xs-pt1 {
        padding-top: .5rem
    }

    .navpro.navpro .xs-pr1 {
        padding-right: .5rem
    }

    .navpro.navpro .xs-pb1 {
        padding-bottom: .5rem
    }

    .navpro.navpro .xs-pl1 {
        padding-left: .5rem
    }

    .navpro.navpro .xs-p2 {
        padding: 1rem
    }

    .navpro.navpro .xs-pt2 {
        padding-top: 1rem
    }

    .navpro.navpro .xs-pr2 {
        padding-right: 1rem
    }

    .navpro.navpro .xs-pb2 {
        padding-bottom: 1rem
    }

    .navpro.navpro .xs-pl2 {
        padding-left: 1rem
    }

    .navpro.navpro .xs-p3 {
        padding: 2rem
    }

    .navpro.navpro .xs-pt3 {
        padding-top: 2rem
    }

    .navpro.navpro .xs-pr3 {
        padding-right: 2rem
    }

    .navpro.navpro .xs-pb3 {
        padding-bottom: 2rem
    }

    .navpro.navpro .xs-pl3 {
        padding-left: 2rem
    }

    .navpro.navpro .xs-p4 {
        padding: 4rem
    }

    .navpro.navpro .xs-pt4 {
        padding-top: 4rem
    }

    .navpro.navpro .xs-pr4 {
        padding-right: 4rem
    }

    .navpro.navpro .xs-pb4 {
        padding-bottom: 4rem
    }

    .navpro.navpro .xs-pl4 {
        padding-left: 4rem
    }
}

.navpro.navpro .flex {
    display: flex !important
}

.navpro.navpro .flex-column {
    flex-direction: column
}

.navpro.navpro .flex-wrap {
    flex-wrap: wrap
}

.navpro.navpro .flex-nowrap {
    flex-wrap: nowrap
}

.navpro.navpro .items-start {
    align-items: flex-start
}

.navpro.navpro .items-end {
    align-items: flex-end
}

.navpro.navpro .items-center {
    align-items: center
}

.navpro.navpro .items-baseline {
    align-items: baseline
}

.navpro.navpro .items-stretch {
    align-items: stretch
}

.navpro.navpro .self-start {
    align-self: flex-start
}

.navpro.navpro .self-end {
    align-self: flex-end
}

.navpro.navpro .self-center {
    align-self: center
}

.navpro.navpro .self-baseline {
    align-self: baseline
}

.navpro.navpro .self-stretch {
    align-self: stretch
}

.navpro.navpro .justify-start {
    justify-content: flex-start
}

.navpro.navpro .justify-end {
    justify-content: flex-end
}

.navpro.navpro .justify-center {
    justify-content: center
}

.navpro.navpro .justify-between {
    justify-content: space-between
}

.navpro.navpro .justify-around {
    justify-content: space-around
}

.navpro.navpro .justify-evenly {
    justify-content: space-evenly
}

.navpro.navpro .content-start {
    align-content: flex-start
}

.navpro.navpro .content-end {
    align-content: flex-end
}

.navpro.navpro .content-center {
    align-content: center
}

.navpro.navpro .content-between {
    align-content: space-between
}

.navpro.navpro .content-around {
    align-content: space-around
}

.navpro.navpro .content-stretch {
    align-content: stretch
}

.navpro.navpro .order-0 {
    order: 0
}

.navpro.navpro .order-1 {
    order: 1
}

.navpro.navpro .order-2 {
    order: 2
}

.navpro.navpro .order-3 {
    order: 3
}

.navpro.navpro .order-last {
    order: 99999
}

:root {
    --navpro-accordion-max-width: 639.98px;
    --navpro-initially-expanded-min-width: 1280px
}

.navpro-menu a:hover>.tip {
    text-decoration: none
}

.navpro-menu .tip {
    display: inline-block;
    top: -3px;
    position: relative;
    padding: 2px 3px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: .7em;
    line-height: normal;
    color: #fff;
    background: #1979c3
}

.navpro-menu .tip.text-small {
    font-size: .65em
}

.navpro-menu .tip.text-big {
    font-size: .8em
}

.navpro-menu .tip.text-big.top {
    top: -8px
}

.navpro-menu .tip.top {
    position: absolute;
    top: -6px;
    right: 21px
}

.rtl .navpro-menu .tip.top {
    right: auto;
    left: 21px
}

.navpro-menu .tip.top::before {
    content: '';
    position: absolute;
    right: 6px;
    top: 100%;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #1979c3
}

.rtl .navpro-menu .tip.top::before {
    right: auto;
    left: 6px
}

.navpro-menu .tip.inverted {
    color: #1979c3;
    background: #fff
}

.navpro-menu .tip.inverted::before {
    border-top-color: #fff
}

.navpro-menu .tip.accent {
    background: #ff7103
}

.navpro-menu .tip.accent::before {
    border-top-color: #ff7103
}

.navpro-menu .tip.accent.inverted {
    color: #ff7103;
    background: #fff
}

.navpro-menu .tip.accent.inverted::before {
    border-top-color: #fff
}

.navpro-menu .tip.muted {
    background: #555
}

.navpro-menu .tip.muted::before {
    border-top-color: #555
}

.navpro-menu .tip.muted.inverted {
    color: #555;
    background: #fff
}

.navpro-menu .tip.muted.inverted::before {
    border-top-color: #fff
}

.navpro-menu .tip.black {
    color: #fff;
    background: #000
}

.navpro-menu .tip.black::before {
    border-top-color: #000
}

.navpro-menu .tip.black.inverted {
    color: #000;
    background: #fff
}

.navpro-menu .tip.black.inverted::before {
    border-top-color: #fff
}

.navpro .navpro-search .block-search {
    float: none;
    align-self: center;
    margin: 0;
    padding: 0;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    transform: none;
    position: static;
    width: auto
}

.navpro .navpro-search .block-search .block-title {
    margin: 0 0 15px
}

.navpro .navpro-search .block-search .form.minisearch {
    position: relative
}

.navpro .li-item>.navpro-search .block-search .block-title {
    display: none
}

.navpro .li-item>.navpro-search .block-search .field label {
    display: none
}

@media (min-width: 640px) {
    .navpro.orientation-horizontal>ul {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch
    }

    .navpro.orientation-horizontal>ul>li {
        display: flex;
        align-items: flex-end
    }
}

.navpro.orientation-vertical .level0 {
    margin: 0
}

.navpro.orientation-vertical .children>li>a,
.navpro.orientation-vertical .level0>.level-top,
.navpro.orientation-vertical .level0.active>.level-top,
.navpro.orientation-vertical .level0.has-active>.level-top {
    display: block
}

.navpro.orientation-vertical .parent-expanded>a {
    font-weight: bold
}

.navpro.orientation-vertical .parent-expanded .parent-expanded>a {
    font-weight: normal
}

.navpro.orientation-vertical>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: column
}

.navpro.orientation-vertical .navpro-dropdown .children>li>a,
.navpro.orientation-vertical .navpro-dropdown .children .parent>a {
    padding: 8px 12px
}

.navpro.orientation-vertical .level0>.level-top {
    padding: 8px 12px
}

@media (min-width: 1280px) {
    .cms-index-index .navpro li.home-expanded {
        position: relative
    }
}

.navpro-pills li.level0 {
    background: #f4f4f4;
    border-radius: 10px;
    margin: 0 5px 5px 0
}

.navpro-shevron {
    display: none
}

.navpro-dropdown {
    position: absolute;
    left: -99999px;
    top: -99999px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.rtl .navpro-dropdown {
    left: 99999px
}

.navpro-dropdown-inner {
    box-sizing: border-box;
    padding: 12px
}

.navpro-dropdown-expanded>.navpro-dropdown-inner {
    padding-top: 0
}

.navpro-dropdown .navpro-dropdown-expanded>.navpro-dropdown-inner {
    padding-left: 0;
    padding-right: 0
}

.navpro-dropdown .navpro-dropdown-expanded>.navpro-dropdown-inner>.navpro-row>.navpro-col>.children>.parent-expanded>.navpro-dropdown-expanded>.navpro-dropdown-inner {
    padding: 12px;
    padding-top: 0;
    padding-bottom: 0
}

.dropdown-left .ui-menu-item {
    text-align: right
}

.rtl .dropdown-left .ui-menu-item {
    text-align: left
}

.navpro .li-item.opened {
    z-index: 89
}

.navpro .li-item.navpro-shop-all {
    font-weight: bold
}

.navpro .navpro-a-with-thumbnail {
    max-height: 130px;
    overflow: hidden
}

@media (min-width: 640px) {
    .navpro .navpro-a-with-thumbnail {
        margin-bottom: 8px
    }
}

.navpro .navpro-a-with-thumbnail img {
    margin-top: 5px;
    filter: contrast(95%)
}

.navpro .level0 .children>li>a,
.navpro .level0 .children .parent>a {
    text-decoration: none
}

.navpro-dropdown .children>li>a,
.navpro-dropdown .children .parent>a {
    display: block;
    line-height: inherit;
    padding: 7px 12px 7px 12px;
    text-decoration: none
}

.navpro-dropdown .children .parent>a {
    padding-right: 20px
}

.rtl .navpro-dropdown .children .parent>a {
    padding: 7px 12px 7px 12px;
    padding-left: 20px
}

.navpro-dropdown>.navpro-dropdown-inner>.navpro-row>.navpro-col>.children>.parent-expanded>a {
    font-weight: bold;
    padding-bottom: 5px
}

.navpro-dropdown-expanded>.navpro-dropdown-inner>.navpro-row>.navpro-col>.children>li>a {
    padding-top: 3px;
    padding-bottom: 3px
}

.navpro-dropdown-expanded>.navpro-dropdown-inner>.navpro-row>.navpro-col>.children>li.navpro-shop-all>a {
    padding-top: 6px;
    padding-bottom: 6px
}

.navpro-dropdown-expanded>.navpro-dropdown-inner>.navpro-row>.navpro-col>.children>li.navpro-shop-all>a span {
    line-height: normal
}

.navpro-dropdown .multicolumn {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row
}

.navpro-dropdown .multicolumn>li {
    width: 100%
}

.navpro-dropdown .vertical.multicolumn {
    flex-direction: column
}

.navpro-icon-caret,
.navpro.navigation .level0.parent>.level-top>.ui-menu-icon {
    position: static;
    display: block
}

.navpro-icon-caret::after {
    display: none !important
}

.navpro .caret-hidden>a.level-top::before,
.navpro .caret-hidden>a.level-top>.navpro-icon-caret::before {
    display: none !important
}

.navpro-icon-caret::before,
.navpro .parent>a::before {
    content: '';
    position: absolute;
    right: 1px;
    top: calc(50% - 10px);
    transform: rotate(-90deg);
    opacity: .8;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 12px 12px;
    width: 20px;
    height: 20px
}

.rtl .navpro-icon-caret::before,
.rtl .navpro .parent>a::before {
    left: 1px;
    right: auto;
    transform: rotate(90deg)
}

.navpro.navpro .parent>a:has(.navpro-icon-caret)::before {
    display: none !important
}

.navpro.navpro .parent.ui-menu-item>a::before {
    display: none !important
}

.orientation-horizontal a.level-top>.navpro-icon-caret::before,
.orientation-horizontal .parent>a.level-top::before {
    transform: rotate(0)
}

.caret-bottom a.level-top>.navpro-icon-caret::before,
.caret-bottom .parent>a.level-top::before {
    top: auto;
    right: auto;
    left: calc(50% - 8px);
    bottom: 5px
}

.navpro.navpro .caret-hidden .level0>.level-top {
    padding: false !important
}

.navpro.navpro .caret-hidden .level0>.level-top::before,
.navpro.navpro .caret-hidden .level0>.level-top>.navpro-icon-caret,
.navpro.navpro .caret-hidden .level0>.level-top>.navpro-icon-caret::before {
    display: none !important
}

.navpro.orientation-horizontal .caret-bottom .level0>.level-top,
.rtl .navpro.orientation-horizontal .caret-bottom .level0>.level-top {
    padding: false;
    padding-bottom: false
}

@media (min-width: 640px) {
    .navpro-icon-caret {
        opacity: 1 !important
    }

    a.level-top>.navpro-icon-caret::before,
    .navpro .parent>a.level-top::before {
        opacity: .8;
        -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>') no-repeat 50% 50%;
        -webkit-mask-size: 12px 12px
    }
}

.navpro-overlay-element {
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.navpro-nowrap {
    flex-wrap: nowrap !important
}

.navpro-nowrap:not(.navpro-nowrap-ready) {
    overflow: hidden !important;
    opacity: 0
}

.navpro-nowrap-justify-start {
    justify-content: start !important
}

.navpro-nowrap>li {
    flex-shrink: 0
}

.navpro-nowrap .navpro-item-more {
    align-self: center
}

.navpro-nowrap .navpro-item-more>.nav-a-icon-more {
    display: flex !important;
    align-items: center
}

.navpro-nowrap .navpro-item-more>.nav-a-icon-more svg {
    width: 20px;
    height: 20px;
    fill: currentColor
}

.navpro-nowrap .navpro-item-more>.nav-a-icon-more::after {
    display: none !important
}

.header .nav-sections:has(.navpro-nowrap:not(.navpro-nowrap-ready)) {
    width: 0
}

.navpro.navpro-accordion.navpro .level0>.level-top {
    display: block
}

.navpro.navpro-accordion.navpro .level0.active>.level-top,
.navpro.navpro-accordion.navpro .level0.has-active>.level-top {
    display: block
}

.navpro.navpro-accordion .navpro-icon-caret::before {
    transition: transform 200ms ease-in-out
}

.navpro.navpro-accordion .navpro-icon-caret::before {
    transform: rotate(-90deg)
}

.navpro.navpro-accordion li.opened>a>.navpro-icon-caret::before {
    transform: rotate(0deg)
}

.navpro.navpro-accordion .navpro-dropdown {
    background: transparent;
    border: 0;
    box-shadow: none;
    min-width: 0;
    position: static;
    box-shadow: none !important;
    width: auto !important;
    min-height: 0 !important;
    max-height: 0;
    max-width: 100%;
    overflow: hidden
}

.navpro.navpro-accordion .navpro-dropdown .multicolumn.vertical {
    height: auto !important
}

.navpro.navpro-accordion .navpro-dropdown.shown {
    max-height: 1000em
}

.navpro.navpro-accordion .navpro-dropdown-inner {
    padding-top: 3px;
    padding-bottom: 5px
}

.navpro.navpro-accordion .navpro-dropdown-expanded>.navpro-dropdown-inner>.navpro-row>.navpro-col>.children>li .navpro-dropdown>.navpro-dropdown-inner {
    padding-left: 10px
}

.navpro.navpro-accordion .navpro-dropdown .children {
    display: block
}

.navpro.navpro-accordion .navpro-dropdown .children.multicolumn>li {
    width: 100%
}

@media (min-width: 640px) {
    .navpro-with-slideout .page-header .nav-toggle {
        display: block
    }

    .navpro-with-slideout .page-header .header.content .nav-toggle+.logo {
        margin-left: 10px
    }

    .navpro-with-slideout .nav-sections {
        margin: 0
    }

    .navpro.navpro.navpro-slideout {
        position: fixed !important;
        opacity: 0
    }
}

.navpro.navpro .navpro-iconic .navpro-wrapped-items .level1>a,
.navpro.navpro .navpro-iconic .level0>.level-top {
    display: flex;
    align-items: center
}

.navpro.navpro .navpro-iconic .navpro-wrapped-items .level1>a img,
.navpro.navpro .navpro-iconic .level0>.level-top img {
    margin: 3px
}

.navpro.navpro .navpro-iconic.iconic-vertical .navpro-wrapped-items .level1>a,
.navpro.navpro .navpro-iconic.iconic-vertical .level0>.level-top {
    flex-direction: column
}

.navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back>.level-top,
.navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current>.level-top {
    padding-left: 20px
}

.rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back>.level-top,
.rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current>.level-top {
    padding-left: 0;
    padding-right: 20px
}

.navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back~.level-top:not(.navpro-current):not(.navpro-back),
.navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current~.level-top:not(.navpro-current):not(.navpro-back) {
    padding-left: 30px
}

.rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back~.level-top:not(.navpro-current):not(.navpro-back),
.rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current~.level-top:not(.navpro-current):not(.navpro-back) {
    padding-left: 0;
    padding-right: 30px
}

.navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back>a {
    position: relative
}

.navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back>a::before {
    content: '';
    position: absolute;
    left: 6px;
    top: calc(50% - 6px);
    transform: rotate(90deg);
    opacity: .8;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 12px 12px;
    width: 12px;
    height: 12px
}

.rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back>a::before {
    left: auto;
    right: 6px;
    transform: rotate(-90deg)
}

.navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current a {
    font-weight: bold
}

.navpro-linkbar {
    display: flex;
    flex-wrap: wrap
}

.navpro.navpro-theme-dark,
.navpro.navpro-theme-dark-bar {
    background: #0f172a
}

.navpro.navpro-theme-dark .level0>.level-top,
.navpro.navpro-theme-dark-bar .level0>.level-top {
    color: #eaeaea !important
}

@media (max-width: 639.98px) {
    .navpro.navpro-theme-dark-bar .navpro-dropdown {
        background: #0f172a;
        border-color: #0f172a;
        color: #eaeaea
    }

    .navpro.navpro-theme-dark-bar .navpro-dropdown h3,
    .navpro.navpro-theme-dark-bar .navpro-dropdown .children a,
    .navpro.navpro-theme-dark-bar .navpro-dropdown .children .parent>a {
        color: #eaeaea
    }
}

.navpro-theme-flat {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    background: #fafafa
}

.navpro-theme-flat.navpro .children>li>a,
.navpro-theme-flat.navpro .level0>.level-top {
    color: #666
}

.navpro-theme-flat.navpro .level0>.level-top,
.navpro-theme-flat.navpro .level0.active>.level-top,
.navpro-theme-flat.navpro .level0.has-active>.level-top {
    border-top: 1px solid #e0e0e0
}

.navpro-theme-flat.navpro .level0:first-child>.level-top {
    border: none
}

.navpro-theme-flat.navpro.orientation-horizontal .level0 {
    border: 1px solid #e0e0e0;
    border-width: 0 0 0 1px;
    margin: 0 0 0 -1px
}

.navpro-theme-flat.navpro.orientation-horizontal .level0:first-child {
    border-width: 0
}

.navpro-theme-flat.navpro.orientation-horizontal .level0>.level-top {
    border: 0
}

.navpro.navpro-theme-compact {
    font-size: .9em
}

.navpro.navpro-theme-compact.navpro .caret-hidden>a.level-top {
    padding: 4px 5px !important
}

.navpro.navpro-theme-compact.navpro .level0>.level-top {
    padding: 4px 5px;
    color: #333
}

.navpro.navpro-theme-compact.navpro .level0.parent>.level-top {
    padding-right: 20px
}

.rtl .navpro.navpro-theme-compact.navpro .level0.parent>.level-top {
    padding: 4px 5px;
    padding-left: 20px
}

.navpro.navpro-theme-air .navpro-dropdown {
    border-radius: 4px;
    box-shadow: 0 0 28px rgba(0, 0, 0, 0.2);
    border: 0
}

.navpro.navpro-theme-air .navpro-dropdown>.navpro-shevron {
    border: 0 !important
}

.navpro.navpro-theme-air.orientation-vertical,
.navpro.navpro-theme-air.navpro-slideout {
    box-shadow: 0 0 28px rgba(0, 0, 0, 0.2)
}

.navpro.navpro-theme-air.orientation-vertical:not(.navpro-slideout) {
    padding: 10px;
    border-radius: 4px
}

.navpro.navpro .li-item {
    position: static
}

.navpro.navpro .li-item>a {
    position: relative
}

.navpro.navpro>ul.navpro-stacked {
    margin: 0
}

.navpro.navpro .parent>a::after {
    display: none
}

.navpro.navpro .parent>a .ui-icon {
    display: block;
    background: transparent;
    -webkit-mask: none;
    margin: 0;
    width: auto;
    height: auto;
    transform: none !important
}

.navpro-icon-caret::before,
.navpro .parent>a::before {
    right: 4px;
    top: calc(50% - 9px)
}

.pagebuilder-overlay {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.breeze-inactive .pagebuilder-overlay {
    transition: none !important
}

.block>.title,
.block .block-title {
    line-height: 1.75rem;
    font-size: 1.125rem;
    font-weight: 500;
    padding: .5rem 0
}

.block>.title strong,
.block .block-title strong {
    font-weight: 500
}

.block .block-content {
    display: flow-root
}

.block .block-content.no-display {
    display: none
}

.paypal-review .paypal-review-title {
    line-height: 1.75rem;
    font-size: 1.125rem;
    font-weight: 500;
    padding: .5rem 0
}

.paypal-review .paypal-review-title strong {
    font-weight: 500
}

:where(body:not(.narrow-page-reset)) .checkout-success,
:where(body:not(.narrow-page-reset)) #registration,
.form.form-orders-search,
.form.search.advanced,
.form.password.forget,
.form.password.reset,
.form.send.confirmation,
.form-create-account,
.login-container,
.column.main .form.contact,
.page-layout-1column.cms-no-route .columns,
.paypal-review {
    max-width: 620px;
    margin: 0 auto;
    padding: 2.5rem 3rem;
    box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.05);
    background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
    border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
    border-radius: 0
}

@media (max-width: 639.98px) {

    :where(body:not(.narrow-page-reset)) .checkout-success,
    :where(body:not(.narrow-page-reset)) #registration,
    .form.form-orders-search,
    .form.search.advanced,
    .form.password.forget,
    .form.password.reset,
    .form.send.confirmation,
    .form-create-account,
    .login-container,
    .column.main .form.contact,
    .page-layout-1column.cms-no-route .columns,
    .paypal-review {
        padding: 1rem 1.5rem
    }
}

.account .main .block .block-title,
.order-details-items .block-title {
    line-height: 1.75rem;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: none;
    margin: 0;
    padding: .5rem 1rem;
    background: rgb(var(--muted-bg))
}

.account .main .block .block-title strong,
.order-details-items .block-title strong {
    font-weight: 500
}

.account .main .block .block-title+.block-content,
.order-details-items .block-title+.block-content {
    padding: 1rem
}

.breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.breadcrumbs li {
    display: flex;
    align-items: center;
    gap: .25rem
}

.breadcrumbs li::after {
    content: '';
    width: .75rem;
    height: .75rem
}

.breadcrumbs li:last-child::after {
    display: none
}

.swatch-option-tooltip {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: -9999px
}

.field-tooltip-content,
.dropdown.options .dropdown,
.tooltip.wrapper .tooltip.content,
.minicart-wrapper .mage-dropdown-dialog,
.minisearch .search-autocomplete,
.map-popup,
.navigation .submenu {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: -9999px
}

.smile-elasticsuite-autocomplete-result dd,
.dropdown.options .dropdown>li>a,
.dropdown.options .dropdown>ul>li>a,
.minisearch .search-autocomplete [role="listbox"] li,
.navigation :where(li[class*=level])>a {
    display: block;
    padding: .25rem .5rem
}

[data-collapsible]>[data-role="title"],
[data-role="collapsible"]>[data-role="title"],
[data-mage-init*='"collapsible":']>[data-role="title"],
.block-collapsible-nav>.title,
.dropdown.options .toggle,
.minicart-wrapper .action.showcart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .125rem
}

[data-collapsible]>[data-role="title"]::after,
[data-role="collapsible"]>[data-role="title"]::after,
[data-mage-init*='"collapsible":']>[data-role="title"]::after,
.block-collapsible-nav>.title::after,
.dropdown.options:not(.no-chevron) .toggle::after {
    flex-shrink: 0;
    content: '';
    height: 1.25rem;
    width: 1.25rem;
    transform: rotate(90deg)
}

._active[data-collapsible]>[data-role="title"]::after,
._active[data-role="collapsible"]>[data-role="title"]::after,
._active[data-mage-init*='"collapsible":']>[data-role="title"]::after,
[data-collapsible]>[data-role="title"][aria-expanded="true"]::after,
[data-role="collapsible"]>[data-role="title"][aria-expanded="true"]::after,
[data-mage-init*='"collapsible":']>[data-role="title"][aria-expanded="true"]::after,
[data-mage-init*='"collapsible":'][data-mage-init*='"active":true']>[data-role="title"]:not([aria-expanded])::after,
.block-collapsible-nav>.title.active::after,
.dropdown.options:not(.no-chevron) .toggle.active::after {
    transform: rotate(-90deg)
}

:where(input:not([type=range])),
textarea,
select {
    outline: none;
    position: relative;
    padding: .5rem .75rem;
    width: 100%;
    color: rgba(var(--input-color), var(--input-alpha));
    background: rgba(var(--input-bg), var(--input-bg-alpha));
    border: 1px solid rgba(var(--input-border-color), var(--input-border-alpha));
    border-radius: 0;
    box-shadow: 0 0 0 var(--input-shadow-spread, 0) rgba(var(--input-border-color), var(--input-border-alpha))
}

:where(input:not([type=range])):disabled,
textarea:disabled,
select:disabled {
    opacity: .5;
    cursor: not-allowed
}

button,
.action.primary,
input[type='submit'],
input[type='reset'],
input[type='button'],
.pagebuilder-button-primary,
.pagebuilder-button-secondary,
.pagebuilder-button-link {
    outline: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    font-weight: 400;
    padding: .5rem 1.25rem;
    color: rgba(var(--button-color), var(--button-alpha, 1));
    background: rgba(var(--button-bg), var(--button-bg-alpha));
    border: 1px solid rgba(var(--button-border-color), var(--button-border-alpha));
    border-radius: 0;
    text-decoration: none !important;
    white-space: nowrap;
}

button:disabled,
button.disabled,
.action.primary:disabled,
.action.primary.disabled,
input[type='submit']:disabled,
input[type='submit'].disabled,
input[type='reset']:disabled,
input[type='reset'].disabled,
input[type='button']:disabled,
input[type='button'].disabled,
.pagebuilder-button-primary:disabled,
.pagebuilder-button-primary.disabled,
.pagebuilder-button-secondary:disabled,
.pagebuilder-button-secondary.disabled,
.pagebuilder-button-link:disabled,
.pagebuilder-button-link.disabled {
    opacity: .5;
    cursor: not-allowed
}

.action.primary,
.action-primary,
[type='submit'],
.pagebuilder-button-primary {
    --link-color: var(--button-color);
    --link-alpha: 1;
    --button-bg: var(--button-primary-bg);
    --button-color: var(--button-primary-color);
    --button-border-color: var(--button-primary-border-color)
}

:where(button:not([type='submit']):not(.action-primary):not(.primary):not(.pagebuilder-button-link):not(.pagebuilder-button-primary):not(.select)),
input[type='reset'],
input[type='button'],
.pagebuilder-button-secondary {
    --link-color: var(--button-color);
    --link-alpha: 1;
    --button-bg: var(--button-secondary-bg);
    --button-color: var(--button-secondary-color);
    --button-border-color: var(--button-secondary-border-color)
}

.pagebuilder-button-link {
    --button-bg: transparent;
    --button-border-color: transparent;
    --button-color: var(--link-color);
    text-decoration: none !important
}

.button-ghost button,
.button-ghost .pagebuilder-button-primary,
.button-ghost .pagebuilder-button-secondary {
    --button-bg: var(--base-color);
    --button-bg-alpha: 0;
    --button-color: var(--base-color);
    --button-border-color: var(--base-color);
    --button-border-alpha: var(--base-alpha);
    text-shadow: none
}

label button,
.ui-datepicker-trigger,
.minisearch .action.search,
.block.related .action.select,
.cart.table-wrapper .action-gift {
    --button-bg: var(--base-bg);
    --button-border-color: var(--base-bg);
    padding: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    text-transform: inherit !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: left
}

label button:focus-visible,
.minisearch .action.search:focus-visible,
.block.related .action.select:focus-visible,
.cart.table-wrapper .action-gift:focus-visible {
    outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
    outline-offset: 1px
}

.button-xs button,
.button-xs .pagebuilder-button-primary,
.button-xs .pagebuilder-button-secondary,
.button-xs .pagebuilder-button-link {
    font-size: .75rem;
    line-height: 1rem;
    padding: .25rem .5rem
}

.button-lg button,
.button-lg .pagebuilder-button-primary,
.button-lg .pagebuilder-button-secondary,
.button-lg .pagebuilder-button-link,
.form.form-orders-search .action.primary,
.form.search.advanced .action.primary,
.form.password.forget .action.primary,
.form.password.reset .action.primary,
.form.send.confirmation .action.primary,
.form-create-account .action.primary,
.column.main .form.contact .action.primary {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500
}

.button-xl button,
.button-xl .pagebuilder-button-primary,
.button-xl .pagebuilder-button-secondary,
.button-xl .pagebuilder-button-link {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    padding: .75rem 2.5rem
}

.cart.table-wrapper .control.qty input.qty {
    font-size: .75rem;
    line-height: 1rem;
    padding: .25rem;
    width: auto;
    flex-grow: 0
}

#recipients-options .fields+.fields {
    margin-top: 1rem
}

#recipients-options .fields .actions-toolbar {
    width: 20%;
    align-items: flex-start;
    margin-top: 1.625rem;
    margin-bottom: 0;
    order: 999
}

#recipients-options .fields .fieldset {
    width: 65%;
    display: grid;
    gap: .5rem;
    row-gap: .25rem
}

.product button.action.tocart.primary {
    width: 100%;
}

@media (min-width: 640px) {
    #recipients-options .fields .fieldset {
        width: 80%;
        grid-template-columns: 1fr 1fr
    }
}

#recipients-options .fields .fieldset>.field {
    padding: 0;
    width: 100%
}

@media (min-width: 640px) {
    .narrow-page:not(.narrow-page-reset).page-layout-1column .breadcrumbs {
        display: none
    }

    .narrow-page:not(.narrow-page-reset).page-layout-1column .page-title-wrapper {
        margin: 4rem 0;
        text-align: center
    }

    .narrow-page:not(.narrow-page-reset).page-layout-1column .page-main {
        padding-bottom: 3rem
    }

    .narrow-page:not(.narrow-page-reset).page-layout-1column .page-main .columns {
        max-width: 640px;
        margin: 0 auto
    }
}

@media (min-width: 768px) {
    .narrow-page:not(.narrow-page-reset).page-layout-1column .page-main .columns {
        max-width: 768px
    }
}

@media (min-width: 768px) {
    [data-mage-init*='"tabs":'] {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }
}

[data-mage-init*='"tabs":']>[data-role="collapsible"] {
    order: -1;
    display: flex;
    align-items: center;
    padding: .625rem 1rem;
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

@media (max-width: 767.98px) {
    [data-mage-init*='"tabs":']>[data-role="collapsible"] {
        --muted-bg-alpha: .5;
        justify-content: space-between;
        border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
        border-width: 0 0 1px
    }

    [data-mage-init*='"tabs":']>[data-role="collapsible"]::after {
        flex-shrink: 0;
        content: '';
        height: 1.25rem;
        width: 1.25rem;
        transform: rotate(90deg)
    }

    [data-mage-init*='"tabs":']>[data-role="collapsible"]:has(+ .content + script:last-child),
    [data-mage-init*='"tabs":']>[data-role="collapsible"]:has(+ .content:last-child) {
        border-bottom-color: transparent
    }

    [data-mage-init*='"tabs":']>[data-role="collapsible"]:nth-last-child(2) {
        border-bottom-color: transparent
    }
}

@media (min-width: 768px) {
    [data-mage-init*='"tabs":']>[data-role="collapsible"] {
        margin: 0 .75rem 0 0;
        white-space: nowrap
    }
}

[data-mage-init*='"tabs":']>[data-role="collapsible"] .counter {
    opacity: .8;
    padding: .125rem .5rem;
    background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1))
}

[data-mage-init*='"tabs":']>[data-role="collapsible"][aria-expanded="true"],
[data-mage-init*='"tabs":']>[data-role="collapsible"]:nth-child(1):not([aria-expanded]) {
    z-index: 2
}

[data-mage-init*='"tabs":']>[data-role="collapsible"][aria-expanded="true"]::after,
[data-mage-init*='"tabs":']>[data-role="collapsible"]:nth-child(1):not([aria-expanded])::after {
    transform: rotate(-90deg)
}

@media (max-width: 767.98px) {

    [data-mage-init*='"tabs":']>[data-role="collapsible"][aria-expanded="true"],
    [data-mage-init*='"tabs":']>[data-role="collapsible"]:nth-child(1):not([aria-expanded]) {
        border-bottom-color: transparent
    }
}

[data-content-type="tabs"] .tab-header {
    order: -1;
    display: flex;
    align-items: center;
    padding: .625rem 1rem;
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

[data-content-type="tabs"] .tab-header {
    margin: 0 .75rem 0 0;
    white-space: nowrap
}

[data-content-type="tabs"] .tab-header.active {
    z-index: 2
}

[data-content-type="tabs"] .tab-header.active::after {
    transform: rotate(-90deg)
}

[data-mage-init*='"tabs":']>[data-role="content"] {
    display: none;
    visibility: hidden;
    opacity: 0;
    padding: .75rem 1rem
}

@media (min-width: 768px) {
    [data-mage-init*='"tabs":']>[data-role="content"] {
        width: 100%
    }
}

[data-mage-init*='"tabs":']>[data-role="content"][aria-hidden="false"],
[data-mage-init*='"tabs":']>[data-role="content"]:nth-child(2):not([aria-hidden]) {
    visibility: visible;
    opacity: 1;
    display: block
}

[data-content-type="tabs"] .tabs-content>div {
    display: none;
    visibility: hidden;
    opacity: 0;
    padding: .75rem 1rem
}

[data-content-type="tabs"] .tabs-content>div {
    width: 100%
}

[data-content-type="tabs"] .tabs-content>div[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    display: block
}

.field.street .control label,
.field-tooltip .label,
.field-tooltip-action span,
.ui-datepicker-trigger span,
.required-captcha.checkbox,
table caption,
.abs-visually-hidden,
.action.skip:not(:focus-within),
.block-compare .action.delete span,
.filter .action.remove span,
.sidebar .action.delete span,
.sidebar .action.remove span,
.table-comparison th.remove,
.table-comparison .towishlist span,
.discount label,
.block.filter .filter-content-close span,
.block.filter .filter-options .filter-count-label,
.product-items .towishlist span,
.product-items .tocompare span,
.product-items.product-items-names .choice .label,
.toolbar .sorter-action span,
.toolbar .modes-label,
.toolbar .mode-grid span,
.toolbar .mode-list span,
.pages .label,
.pages .action.previous span,
.pages .action.next span,
.minicart-wrapper .action.showcart .text,
.header .block-search .label span,
.minisearch .action.search span,
.nav-toggle span,
.special-price .price-label,
.product-options-wrapper legend.links-title,
.rating-summary .label,
.rating-result>span span,
.review-control-vote input,
.review-list .review-date .review-details-label,
.form.form-orders-search legend,
.form.search.advanced legend,
.cart-container .shipping legend,
.cart.table-wrapper .control.qty span,
.cart.table-wrapper .action-edit span,
.cart.table-wrapper .action-delete span,
.cart.table-wrapper .action-towishlist span,
.form-wishlist-items .qty>label,
.form-wishlist-items .comment-box>label,
.special-price .msrp-message {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.block.filter .actions {
    font-size: .875rem;
    line-height: 1.25rem
}

.line-clamp-1,
.line-clamp-2,
.line-clamp-3,
.line-clamp-4,
.line-clamp-5,
.line-clamp-6 {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-clamp, 1);
    max-height: calc(var(--line-clamp, 1) * var(--line-height, 1.5rem))
}

.line-clamp-1.expanded,
.line-clamp-2.expanded,
.line-clamp-3.expanded,
.line-clamp-4.expanded,
.line-clamp-5.expanded,
.line-clamp-6.expanded {
    display: block;
    -webkit-line-clamp: initial !important;
    overflow: visible;
    max-height: none
}

.line-clamp-1 .clamp-toggle,
.line-clamp-2 .clamp-toggle,
.line-clamp-3 .clamp-toggle,
.line-clamp-4 .clamp-toggle,
.line-clamp-5 .clamp-toggle,
.line-clamp-6 .clamp-toggle {
    font-weight: 600;
    font-size: 1rem;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: rgba(var(--base-color), var(--base-alpha, 1));
    text-decoration: underline;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: .75rem;
    background: linear-gradient(to right, transparent 0, rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1)) .5rem)
}

.line-clamp-1 .clamp-toggle+*,
.line-clamp-2 .clamp-toggle+*,
.line-clamp-3 .clamp-toggle+*,
.line-clamp-4 .clamp-toggle+*,
.line-clamp-5 .clamp-toggle+*,
.line-clamp-6 .clamp-toggle+* {
    margin-top: 0
}

.block.filter .actions a,
label button,
label a,
table .id a,
table .actions a,
a[href^="tel:"],
a[href^="mailto:"],
a.alert,
address a,
.block .block-title a,
.actions-toolbar a,
.box-actions a,
.product-item-details dl a,
.map.help,
.map-show-info,
.minimal-price-link,
.prices-tier a,
.block.related .action.select,
.samples a,
.downloads-all .label,
.reviews-actions a,
.search-suggestions a,
:where(.table-totals, .table.totals) a,
.cart.table-wrapper .action-gift,
.checkout-onepage-success .column.main a,
.paypal-review .discount .title,
.paypal-review .paypal-review-title a {
    color: rgba(var(--link-color), var(--link-alpha));
    text-decoration: none
}

.block.filter .actions a:hover,
label button:hover,
label a:hover,
table .id a:hover,
table .actions a:hover,
a[href^="tel:"]:hover,
a[href^="mailto:"]:hover,
a.alert:hover,
address a:hover,
.block .block-title a:hover,
.actions-toolbar a:hover,
.box-actions a:hover,
.product-item-details dl a:hover,
.map.help:hover,
.map-show-info:hover,
.minimal-price-link:hover,
.prices-tier a:hover,
.block.related .action.select:hover,
.samples a:hover,
.downloads-all .label:hover,
.reviews-actions a:hover,
.search-suggestions a:hover,
:where(.table-totals, .table.totals) a:hover,
.cart.table-wrapper .action-gift:hover,
.checkout-onepage-success .column.main a:hover,
.paypal-review .discount .title:hover,
.paypal-review .paypal-review-title a:hover {
    --link-alpha: 1;
    text-decoration: underline
}

.prose :where(a:not(.product-item-link):not(.action)),
.cms-no-route .main :where(a:not(.product-item-link):not(.action)),
.cms-page-view .main :where(a:not(.product-item-link):not(.action)),
.product-item-description :where(a:not(.product-item-link):not(.action)),
[data-content-type="row"] :where(a:not(.product-item-link):not(.action)),
.product.attribute :where(a:not(.product-item-link):not(.action)) {
    color: rgba(var(--link-color), var(--link-alpha));
    text-decoration: none
}

.prose :where(a:not(.product-item-link):not(.action)):hover,
.cms-no-route .main :where(a:not(.product-item-link):not(.action)):hover,
.cms-page-view .main :where(a:not(.product-item-link):not(.action)):hover,
.product-item-description :where(a:not(.product-item-link):not(.action)):hover,
[data-content-type="row"] :where(a:not(.product-item-link):not(.action)):hover,
.product.attribute :where(a:not(.product-item-link):not(.action)):hover {
    --link-alpha: 1;
    text-decoration: underline
}

.prose :where(a div),
.cms-no-route .main :where(a div),
.cms-page-view .main :where(a div),
.product-item-description :where(a div),
[data-content-type="row"] :where(a div),
.product.attribute :where(a div) {
    color: rgba(var(--base-color), var(--base-alpha, 1))
}

.prose p,
.prose table,
.prose figure,
.cms-no-route .main p,
.cms-no-route .main table,
.cms-no-route .main figure,
.cms-page-view .main p,
.cms-page-view .main table,
.cms-page-view .main figure,
.product-item-description p,
.product-item-description table,
.product-item-description figure,
[data-content-type="row"] p,
[data-content-type="row"] table,
[data-content-type="row"] figure,
.product.attribute p,
.product.attribute table,
.product.attribute figure,
.cart-empty p,
.checkout-onepage-success .column.main p {
    margin-bottom: .75rem
}

ul.disc,
.prose :where(ul:not(.unstyled):not(.items)),
.prose :where(ol:not(.unstyled):not(.product-items)),
.cms-no-route .main :where(ul:not(.unstyled):not(.items)),
.cms-no-route .main :where(ol:not(.unstyled):not(.product-items)),
.cms-page-view .main :where(ul:not(.unstyled):not(.items)),
.cms-page-view .main :where(ol:not(.unstyled):not(.product-items)),
.product-item-description :where(ul:not(.unstyled):not(.items)),
.product-item-description :where(ol:not(.unstyled):not(.product-items)),
[data-content-type="row"] :where(ul:not(.unstyled):not(.items)),
[data-content-type="row"] :where(ol:not(.unstyled):not(.product-items)),
.product.attribute :where(ul:not(.unstyled):not(.items)),
.product.attribute :where(ol:not(.unstyled):not(.product-items)) {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.prose :where(ul:not(.unstyled):not([role=tablist]):not(.items) li),
.prose :where(ol:not(.unstyled):not(.product-items) li),
.cms-no-route .main :where(ul:not(.unstyled):not([role=tablist]):not(.items) li),
.cms-no-route .main :where(ol:not(.unstyled):not(.product-items) li),
.cms-page-view .main :where(ul:not(.unstyled):not([role=tablist]):not(.items) li),
.cms-page-view .main :where(ol:not(.unstyled):not(.product-items) li),
.product-item-description :where(ul:not(.unstyled):not([role=tablist]):not(.items) li),
.product-item-description :where(ol:not(.unstyled):not(.product-items) li),
[data-content-type="row"] :where(ul:not(.unstyled):not([role=tablist]):not(.items) li),
[data-content-type="row"] :where(ol:not(.unstyled):not(.product-items) li),
.product.attribute :where(ul:not(.unstyled):not([role=tablist]):not(.items) li),
.product.attribute :where(ol:not(.unstyled):not(.product-items) li) {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.prose section,
.cms-no-route .main section,
.cms-page-view .main section,
.product-item-description section,
[data-content-type="row"] section,
.product.attribute section {
    margin-bottom: 1rem
}

ul.disc,
.prose :where(ul:not(.unstyled):not(.items)),
.prose :where(ol:not(.unstyled):not(.product-items)),
.cms-no-route .main :where(ul:not(.unstyled):not(.items)),
.cms-no-route .main :where(ol:not(.unstyled):not(.product-items)),
.cms-page-view .main :where(ul:not(.unstyled):not(.items)),
.cms-page-view .main :where(ol:not(.unstyled):not(.product-items)),
.product-item-description :where(ul:not(.unstyled):not(.items)),
.product-item-description :where(ol:not(.unstyled):not(.product-items)),
[data-content-type="row"] :where(ul:not(.unstyled):not(.items)),
[data-content-type="row"] :where(ol:not(.unstyled):not(.product-items)),
.product.attribute :where(ul:not(.unstyled):not(.items)),
.product.attribute :where(ol:not(.unstyled):not(.product-items)) {
    padding-left: 1.25rem
}

ul.disc,
.prose :where(ul:not(.unstyled):not(.items)),
.cms-no-route .main :where(ul:not(.unstyled):not(.items)),
.cms-page-view .main :where(ul:not(.unstyled):not(.items)),
.product-item-description :where(ul:not(.unstyled):not(.items)),
[data-content-type="row"] :where(ul:not(.unstyled):not(.items)),
.product.attribute :where(ul:not(.unstyled):not(.items)) {
    list-style: disc
}

.prose :where(ol:not(.unstyled):not(.product-items)),
.cms-no-route .main :where(ol:not(.unstyled):not(.product-items)),
.cms-page-view .main :where(ol:not(.unstyled):not(.product-items)),
.product-item-description :where(ol:not(.unstyled):not(.product-items)),
[data-content-type="row"] :where(ol:not(.unstyled):not(.product-items)),
.product.attribute :where(ol:not(.unstyled):not(.product-items)) {
    list-style: auto
}

.prose ol.nested-counter,
.cms-no-route .main ol.nested-counter,
.cms-page-view .main ol.nested-counter,
.product-item-description ol.nested-counter,
[data-content-type="row"] ol.nested-counter,
.product.attribute ol.nested-counter {
    counter-reset: item
}

.prose ol.nested-counter li,
.cms-no-route .main ol.nested-counter li,
.cms-page-view .main ol.nested-counter li,
.product-item-description ol.nested-counter li,
[data-content-type="row"] ol.nested-counter li,
.product.attribute ol.nested-counter li {
    counter-increment: item
}

.prose ol.nested-counter ol>li::marker,
.cms-no-route .main ol.nested-counter ol>li::marker,
.cms-page-view .main ol.nested-counter ol>li::marker,
.product-item-description ol.nested-counter ol>li::marker,
[data-content-type="row"] ol.nested-counter ol>li::marker,
.product.attribute ol.nested-counter ol>li::marker {
    content: counters(item, '.') ' '
}

.prose li::marker,
.cms-no-route .main li::marker,
.cms-page-view .main li::marker,
.product-item-description li::marker,
[data-content-type="row"] li::marker,
.product.attribute li::marker {
    --muted-alpha: .4;
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.prose blockquote,
.cms-no-route .main blockquote,
.cms-page-view .main blockquote,
.product-item-description blockquote,
[data-content-type="row"] blockquote,
.product.attribute blockquote {
    margin: 1.5rem 0;
    padding-left: 1rem;
    border-left: 4px solid rgba(var(--base-color), var(--divider-alpha, .1));
    font-style: italic;
    font-weight: 500
}

.prose code,
.cms-no-route .main code,
.cms-page-view .main code,
.product-item-description code,
[data-content-type="row"] code,
.product.attribute code {
    font-weight: 600
}

.prose code::before,
.prose code::after,
.cms-no-route .main code::before,
.cms-no-route .main code::after,
.cms-page-view .main code::before,
.cms-page-view .main code::after,
.product-item-description code::before,
.product-item-description code::after,
[data-content-type="row"] code::before,
[data-content-type="row"] code::after,
.product.attribute code::before,
.product.attribute code::after {
    content: "`"
}

.prose pre,
.cms-no-route .main pre,
.cms-page-view .main pre,
.product-item-description pre,
[data-content-type="row"] pre,
.product.attribute pre {
    margin: 1rem 0;
    padding: 1rem;
    overflow-x: auto;
    background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1))
}

.prose pre code,
.cms-no-route .main pre code,
.cms-page-view .main pre code,
.product-item-description pre code,
[data-content-type="row"] pre code,
.product.attribute pre code {
    font-weight: 400
}

.prose pre code:before,
.prose pre code:after,
.cms-no-route .main pre code:before,
.cms-no-route .main pre code:after,
.cms-page-view .main pre code:before,
.cms-page-view .main pre code:after,
.product-item-description pre code:before,
.product-item-description pre code:after,
[data-content-type="row"] pre code:before,
[data-content-type="row"] pre code:after,
.product.attribute pre code:before,
.product.attribute pre code:after {
    content: ''
}

.prose hr,
.cms-no-route .main hr,
.cms-page-view .main hr,
.product-item-description hr,
[data-content-type="row"] hr,
.product.attribute hr {
    margin: 2rem 0
}

.prose figcaption,
.cms-no-route .main figcaption,
.cms-page-view .main figcaption,
.product-item-description figcaption,
[data-content-type="row"] figcaption,
.product.attribute figcaption {
    margin-top: .5rem;
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.prose .lead,
.cms-no-route .main .lead,
.cms-page-view .main .lead,
.product-item-description .lead,
[data-content-type="row"] .lead,
.product.attribute .lead {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.prose [data-role="collapsible"]>[data-role=title],
.prose [data-mage-init*='"collapsible":']>[data-role=title],
.cms-no-route .main [data-role="collapsible"]>[data-role=title],
.cms-no-route .main [data-mage-init*='"collapsible":']>[data-role=title],
.cms-page-view .main [data-role="collapsible"]>[data-role=title],
.cms-page-view .main [data-mage-init*='"collapsible":']>[data-role=title],
.product-item-description [data-role="collapsible"]>[data-role=title],
.product-item-description [data-mage-init*='"collapsible":']>[data-role=title],
[data-content-type="row"] [data-role="collapsible"]>[data-role=title],
[data-content-type="row"] [data-mage-init*='"collapsible":']>[data-role=title],
.product.attribute [data-role="collapsible"]>[data-role=title],
.product.attribute [data-mage-init*='"collapsible":']>[data-role=title] {
    margin: 0
}

.prose [data-role="collapsible"]>[data-role=content][aria-hidden=false],
.prose [data-mage-init*='"collapsible":']>[data-role=content][aria-hidden=false],
.cms-no-route .main [data-role="collapsible"]>[data-role=content][aria-hidden=false],
.cms-no-route .main [data-mage-init*='"collapsible":']>[data-role=content][aria-hidden=false],
.cms-page-view .main [data-role="collapsible"]>[data-role=content][aria-hidden=false],
.cms-page-view .main [data-mage-init*='"collapsible":']>[data-role=content][aria-hidden=false],
.product-item-description [data-role="collapsible"]>[data-role=content][aria-hidden=false],
.product-item-description [data-mage-init*='"collapsible":']>[data-role=content][aria-hidden=false],
[data-content-type="row"] [data-role="collapsible"]>[data-role=content][aria-hidden=false],
[data-content-type="row"] [data-mage-init*='"collapsible":']>[data-role=content][aria-hidden=false],
.product.attribute [data-role="collapsible"]>[data-role=content][aria-hidden=false],
.product.attribute [data-mage-init*='"collapsible":']>[data-role=content][aria-hidden=false] {
    margin: .5rem 0
}

.prose [data-role="collapsible"]+div,
.prose [data-mage-init*='"collapsible":']+div,
.cms-no-route .main [data-role="collapsible"]+div,
.cms-no-route .main [data-mage-init*='"collapsible":']+div,
.cms-page-view .main [data-role="collapsible"]+div,
.cms-page-view .main [data-mage-init*='"collapsible":']+div,
.product-item-description [data-role="collapsible"]+div,
.product-item-description [data-mage-init*='"collapsible":']+div,
[data-content-type="row"] [data-role="collapsible"]+div,
[data-content-type="row"] [data-mage-init*='"collapsible":']+div,
.product.attribute [data-role="collapsible"]+div,
.product.attribute [data-mage-init*='"collapsible":']+div {
    margin-top: .75rem
}

[data-content-type="tabs"] .tabs-navigation {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

[data-content-type="tabs"] .tabs-navigation {
    padding-left: 0 !important
}

[data-content-type="tabs"] .tabs-navigation {
    list-style: none !important
}

.color-invert {
    color: rgba(var(--base-color), var(--base-alpha, 1));
    --base-color: 255, 255, 255;
    --base-alpha: .85;
    --headings-color: 255, 255, 255;
    --headings-alpha: .9;
    --block-title-color: .9;
    --link-color: 147, 197, 253;
    --link-alpha: .9;
    --muted-bg: 31, 41, 55;
    --muted-bg-alpha: 1;
    --ring-color: 255, 255, 255;
    --ring-alpha: .7;
    --input-color: 255, 255, 255;
    --input-alpha: .85;
    --input-bg-alpha: 0;
    --input-border-alpha: .5
}

:root {
    --black: 0, 0, 0;
    --white: 255, 255, 255;
    --gray-50: 249, 250, 251;
    --gray-100: 243, 244, 246;
    --gray-200: 229, 231, 235;
    --gray-300: 209, 213, 219;
    --gray-400: 156, 163, 175;
    --gray-500: 107, 114, 128;
    --gray-600: 75, 85, 99;
    --gray-700: 55, 65, 81;
    --gray-800: 31, 41, 55;
    --gray-900: 17, 24, 39;
    --red: 185, 28, 28;
    --red-muted: 254, 242, 242;
    --green: 21, 128, 61;
    --green-muted: 240, 253, 244;
    --blue: 29, 78, 216;
    --blue-muted: 239, 246, 255;
    --yellow: 251, 191, 36;
    --yellow-muted: 255, 251, 235;
    --brand-color: 35, 31, 32;
    --danger-color: var(--red);
    --info-color: var(--blue);
    --success-color: var(--green);
    --success-bg: var(--green-muted);
    --base-alpha: 1;
    --base-color: 0, 0, 0;
    --base-bg: 255, 255, 255;
    --muted-bg: 243, 244, 246;
    --z-layer-color: var(--base-color);
    --z-layer-bg: var(--base-bg);
    --z-overlay-bg: 0, 0, 0;
    --ring-color: var(--brand-color);
    --link-alpha: .85;
    --link-color: var(--blue);
    --headings-alpha: 1;
    --headings-color: var(--base-color);
    --block-title-color: var(--base-color);
    --input-alpha: 1;
    --input-color: var(--base-color);
    --input-bg: var(--base-bg);
    --input-bg-alpha: 1;
    --input-border-alpha: 1;
    --input-border-color: 156, 163, 175;
    --input-outline-color: var(--input-border-color);
    --input-outline-alpha: 0;
    --checkbox-color: var(--brand-color);
    --button-color: 255, 255, 255;
    --button-bg: var(--brand-color);
    --button-bg-alpha: 1;
    --button-hover-bg-alpha: .9;
    --button-border-alpha: 0;
    --button-border-color: var(--button-bg);
    --button-primary-color: 255, 255, 255;
    --button-primary-bg: var(--brand-color);
    --button-primary-border-color: var(--button-bg);
    --button-secondary-color: var(--gray-600);
    --button-secondary-bg: var(--gray-200);
    --button-secondary-border-color: var(--button-secondary-bg);
    --transition-duration: 200ms;
    --spinner-size: 1.5rem;
    --spinner-border-width: 2px;
    --spinner-border-color: var(--brand-color);
    --spinner-duration: .6s;
    --scrollbar-bg: var(--gray-100);
    --scrollbar-color: var(--gray-300)
}

@media (prefers-reduced-motion) {
    :root {
        --transition-duration: 20ms;
        --spinner-duration: 5s
    }
}

fieldset,
.fieldset {
    margin-bottom: 2rem
}

fieldset:last-child,
.fieldset:last-child {
    margin-bottom: 0
}

fieldset.field,
.fieldset.field {
    margin-bottom: 0
}

fieldset:not(:has(*)),
.fieldset:not(:has(*)) {
    display: none
}

form:has(.fieldset + .loading-mask:last-child) .fieldset:nth-last-child(2) {
    margin-bottom: 0
}

form+form,
form+.fieldset {
    margin-top: 1.25rem
}

form .legend {
    font-size: 1.25rem;
    line-height: 1.75rem;
    width: 100%;
    margin: 0 0 1.25rem;
    padding: 0 0 .125rem;
    border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1))
}

form .legend+br {
    display: none
}

form .label+br {
    display: none
}

form .actions-toolbar {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

form .actions-toolbar:empty {
    display: none
}

.fields {
    display: flex;
    gap: .5rem
}

.fields .field+.field {
    margin-top: 0
}

:where(.field~div:not(.actions):not(.product-item-actions)),
.nested>.field,
button+.field,
.field+button,
:where(.field:not([style*="display: none"]))+.fieldset,
.field+.field-recaptcha,
.field~.field {
    margin-top: .75rem
}

.field .choice+.choice {
    margin-top: .125rem
}

.field .addon {
    display: flex;
    align-items: center;
    gap: .5rem
}

.field .range>.field:first-child .control {
    display: flex;
    gap: .5rem;
    align-items: center
}

.field .range>.field:first-child .control::after {
    content: '—'
}

.field .range .field+.field {
    margin-top: 0
}

.field.required>.label,
.field._required>.label {
    display: flex;
    gap: .25rem
}

.field.required>.label::after,
.field._required>.label::after {
    content: '*';
    color: rgba(var(--danger-color), var(--danger-alpha, 1))
}

.field.choice,
.field .admin__field-option {
    display: flex;
    gap: .375rem;
    align-items: flex-start;
    line-height: 1.5rem;
    clear: left;
    position: relative
}

.field.choice>[type="radio"],
.field .admin__field-option>[type="radio"],
.field.choice>[type="checkbox"],
.field .admin__field-option>[type="checkbox"] {
    margin-top: calc(1.5rem / 2 - 1rem / 2)
}

.field.choice .field-tooltip,
.field .admin__field-option .field-tooltip {
    margin-top: calc(1.5rem / 2 - 1.125rem / 2)
}

.field.choice div.mage-error,
.field .admin__field-option div.mage-error {
    right: 0;
    padding-left: .5rem;
    margin-top: 0;
    position: absolute;
    background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
    z-index: 11
}

.field .admin__field-option+.admin__field-option {
    margin-top: .375rem
}

.field .control {
    position: relative
}

.field .label+.control {
    margin-top: .125rem
}

.field .label+.control:has(.admin__field-option) {
    margin-top: .375rem
}

.field ._with-tooltip input,
.field ._with-tooltip select,
.field ._with-tooltip textarea {
    width: calc(100% - 1.75rem)
}

.field ._with-tooltip .field-tooltip {
    position: absolute;
    right: .25rem;
    top: calc(1.5rem / 2 - .25rem / 2);
    z-index: 11
}

.control .note {
    font-size: .875rem;
    line-height: 1.25rem;
    display: block;
    margin-top: .25rem
}

.field-tooltip {
    display: inline-block;
    position: relative
}

.field-tooltip-action {
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.field-tooltip-action,
.field-tooltip-action::before {
    display: block;
    width: 1.25rem;
    height: 1.25rem
}

.field-tooltip-action::before {
    content: ''
}

.ui-datepicker-trigger {
    position: absolute !important;
    right: .5rem;
    top: calc(50% - 1.5rem / 2);
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.ui-datepicker-trigger::before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.control.captcha-image {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

html {
    color: rgba(var(--base-color), var(--base-alpha, 1));
    background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    line-height: 1.5rem
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.heading {
    color: rgba(var(--headings-color), var(--headings-alpha, 1))
}

h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h3 strong {
    font-weight: 700
}

h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
h6 strong,
.h6 strong,
.heading strong {
    font-weight: 600
}

h1,
.h1 {
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 2.5rem;
    margin-bottom: 1rem
}

*+h1,
*+.h1 {
    margin-top: 2rem
}

h2,
.h2 {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 2.25rem;
    margin-bottom: 1rem
}

*+h2,
*+.h2 {
    margin-top: 2rem
}

h3,
.h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: .5rem
}

*+h3,
*+.h3 {
    margin-top: 1rem
}

h4,
.h4 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: .25rem
}

h5,
.h5 {
    margin-bottom: .25rem
}

h6,
.h6 {
    margin-bottom: .25rem
}

dl dt {
    font-weight: 500
}

dl dd+dt {
    margin-top: .25rem
}

.icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    gap: .25rem
}

svg.icon,
.icon>svg {
    fill: currentColor;
    width: 1.5rem;
    height: 1.5rem
}

svg.icon.small,
.icon.small>svg {
    width: 1rem;
    height: 1rem
}

svg.icon.big,
.icon.big>svg {
    width: 1.75rem;
    height: 1.75rem
}

.icon.rounded {
    background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
    padding: .75rem
}

.icon.rounded.small {
    padding: .5rem
}

.icon.rounded {
    border-radius: .25rem
}

.icon.rounded-sm {
    border-radius: .125rem
}

.icon.rounded-lg {
    border-radius: .5rem
}

.icon.rounded-full {
    border-radius: 9999px
}

.table-wrapper:not(.grouped) {
    overflow-x: auto;
    position: relative
}

table {
    border-color: rgba(var(--base-color), var(--divider-alpha, .1));
    text-align: left;
    width: 100%
}

table .id a,
table .actions a {
    margin: 0 .25rem .25rem 0
}

table .id a:last-child,
table .actions a:last-child {
    margin: 0
}

table tr {
    --divider-alpha: .07;
    border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1))
}

table th {
    font-weight: 500
}

table td,
table th {
    border-color: rgba(var(--base-color), var(--divider-alpha, .1));
    vertical-align: top;
    padding: .75rem .5rem
}

table td:first-child,
table th:first-child {
    padding-left: 0
}

table td:last-child,
table th:last-child {
    padding-right: 0
}

table thead tr {
    --divider-alpha: .15
}

table thead th {
    color: rgba(var(--headings-color), var(--headings-alpha, 1))
}

table tbody:last-child tr:last-child {
    border-bottom: 0
}

table tfoot tr {
    border: 0
}

table tfoot th,
table tfoot td {
    padding-top: .5rem;
    padding-bottom: .5rem
}

table tfoot .mark {
    text-align: right
}

table[border] {
    border-style: solid
}

table[border] tr {
    --divider-alpha: .07
}

table[border] td:first-child,
table[border] th:first-child {
    padding-left: .5rem
}

table[border][style*="border-color"] tr,
table[border][style*="border-color"] th,
table[border][style*="border-color"] td {
    border-color: inherit
}

@media (max-width: 639.98px) and screen {

    .mobile-table,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) {
        display: block
    }

    .mobile-table thead,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) thead {
        display: none
    }

    .mobile-table tbody,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tbody,
    .mobile-table tfoot,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tfoot,
    .mobile-table th,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) th,
    .mobile-table tr,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tr,
    .mobile-table td,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) td {
        display: block
    }

    .mobile-table tr,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tr {
        margin-bottom: .75rem;
        padding-bottom: .75rem
    }

    .mobile-table td,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) td,
    .mobile-table th,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) th {
        padding: .25rem 0
    }

    .mobile-table td[data-th]::before,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) td[data-th]::before,
    .mobile-table th[data-th]::before,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) th[data-th]::before {
        padding-right: 10px;
        content: attr(data-th) ': ';
        display: inline-block;
        color: rgba(var(--base-color), var(--muted-alpha, .6));
        font-weight: 500
    }

    .mobile-table tfoot,
    .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tfoot {
        text-align: right
    }
}

hr {
    margin: .75rem 0;
    border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
    border-right: 0;
    border-left: 0;
    border-bottom: 0
}

p.required {
    color: rgba(var(--danger-color), var(--danger-alpha, 1))
}

.note {
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.prose,
.cms-no-route .main,
.cms-page-view .main {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-reset {
    font-size: 1rem;
    line-height: 1.5rem
}

.filter-invert {
    filter: invert(1)
}

.font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}

.font-serif {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.font-thin {
    font-weight: 100 !important
}

.font-extralight {
    font-weight: 200 !important
}

.font-light {
    font-weight: 300 !important
}

.font-normal {
    font-weight: 400 !important
}

.font-medium {
    font-weight: 500 !important
}

.font-semibold {
    font-weight: 600 !important
}

.font-bold {
    font-weight: 700 !important
}

.font-extrabold {
    font-weight: 800 !important
}

.font-black {
    font-weight: 900 !important
}

.text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
}

.text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}

.text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important
}

.text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important
}

.text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important
}

.leading-tight {
    line-height: 1.25 !important
}

.leading-snug {
    line-height: 1.375 !important
}

.leading-normal {
    line-height: 1.5 !important
}

.leading-relaxed {
    line-height: 1.625 !important
}

.leading-loose {
    line-height: 2 !important
}

.line-clamp-2 {
    --line-clamp: 2
}

.line-clamp-3 {
    --line-clamp: 3
}

.line-clamp-4 {
    --line-clamp: 4
}

.line-clamp-5 {
    --line-clamp: 5
}

.line-clamp-6 {
    --line-clamp: 6
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center,
.a-center {
    text-align: center
}

.nowrap {
    white-space: nowrap
}

.underline {
    text-decoration: underline
}

.select-none {
    user-select: none
}

.rounded {
    border-radius: .25rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-full {
    border-radius: 9999px
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.top-0 {
    top: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.gap-1 {
    gap: .25rem
}

.gap,
.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.justify-center {
    justify-content: center
}

.justify-around {
    justify-content: space-around
}

.justify-between {
    justify-content: space-between
}

.justify-evenly {
    justify-content: space-evenly
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.shrink-0 {
    flex-shrink: 0
}

.grow-0 {
    flex-grow: 0
}

.no-display,
.abs-no-display {
    display: none
}

.hide {
    display: none !important
}

.show {
    display: revert !important
}

.flex {
    display: flex !important
}

.inline-flex {
    display: inline-flex !important
}

.flex-col {
    flex-direction: column
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.max-w-xs {
    max-width: 480px
}

.max-w-sm {
    max-width: 640px
}

.max-w-md {
    max-width: 768px
}

.max-w-lg {
    max-width: 1024px
}

.max-w-xl {
    max-width: 1280px
}

.max-w-xxl {
    max-width: 1536px
}

.max-w-40 {
    max-width: 10rem
}

.max-w-80 {
    max-width: 20rem
}

.grid {
    display: grid !important
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media (min-width: 480px) {

    .xs\:hide,
    .xs-hide {
        display: none !important
    }

    .xs\:show,
    .xs-show {
        display: revert !important
    }

    .xs\:flex,
    .xs-flex {
        display: flex !important
    }

    .xs\:grid {
        display: grid !important
    }
}

@media (min-width: 640px) {

    .sm\:hide,
    .sm-hide {
        display: none !important
    }

    .sm\:show,
    .sm-show {
        display: revert !important
    }

    .sm\:flex,
    .sm-flex {
        display: flex !important
    }

    .sm\:grid {
        display: grid !important
    }
}

@media (min-width: 768px) {

    .md\:hide,
    .md-hide {
        display: none !important
    }

    .md\:show,
    .md-show {
        display: revert !important
    }

    .md\:flex,
    .md-flex {
        display: flex !important
    }

    .md\:a-right,
    .md-a-right {
        text-align: right
    }

    .md\:grid {
        display: grid !important
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {

    .lg\:hide,
    .lg-hide {
        display: none !important
    }

    .lg\:show,
    .lg-show {
        display: revert !important
    }

    .lg\:flex,
    .lg-flex {
        display: flex !important
    }

    .lg\:grid {
        display: grid !important
    }
}

@media (min-width: 1280px) {

    .xl\:hide,
    .xl-hide {
        display: none !important
    }

    .xl\:show,
    .xl-show {
        display: revert !important
    }

    .xl\:flex,
    .xl-flex {
        display: flex !important
    }

    .xl\:grid {
        display: grid !important
    }
}

@media (min-width: 1536px) {

    .xxl\:hide,
    .xxl-hide {
        display: none !important
    }

    .xxl\:show,
    .xxl-show {
        display: revert !important
    }

    .xxl\:flex,
    .xxl-flex {
        display: flex !important
    }

    .xxl\:grid {
        display: grid !important
    }
}

@media (max-width: 767.98px) {
    .md-down\:justify-center {
        justify-content: center
    }

    .md-down\:a-center,
    .md-down-a-center {
        text-align: center
    }
}

[data-mage-init*='"collapsible":']:not([data-mage-init*='"active":true'])>[data-role=content] {
    display: block !important;
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute
}

.block-collapsible-nav {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (max-width: 767.98px) {
    .sidebar .block-collapsible-nav {
        background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
        position: absolute;
        margin: 0 !important;
        top: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    .block-collapsible-nav>.title {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
}

.block-collapsible-nav .content ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.block-collapsible-nav .content .item>a,
.block-collapsible-nav .content .item>strong {
    display: block;
    padding: .25rem 0;
    color: inherit
}

.block-collapsible-nav .content .delimiter {
    display: block;
    border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
    margin-top: .75rem;
    margin-bottom: .75rem
}

@media (max-width: 767.98px) {
    .block-collapsible-nav .content {
        display: none
    }

    .block-collapsible-nav .content::after {
        content: '';
        display: block;
        width: 100%;
        height: 10px;
        margin-top: -10px;
        box-shadow: 0 10px 10px rgba(var(--base-bg), var(--base-bg-alpha, 1))
    }

    .block-collapsible-nav .content.active {
        display: block
    }
}

@media (min-width: 768px) {
    .block-collapsible-nav .content {
        padding: .75rem 0;
        background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1))
    }

    .block-collapsible-nav .content .item>a,
    .block-collapsible-nav .content .item>strong {
        padding: .375rem .75rem;
        border-left: 3px solid transparent
    }

    .block-collapsible-nav .content .current>a,
    .block-collapsible-nav .content .current>strong {
        border-color: rgba(var(--brand-color), var(--brand-alpha, 1))
    }

    .block-collapsible-nav .content .delimiter {
        margin-left: .75rem;
        margin-right: .75rem
    }
}

.dropdown.options {
    position: relative
}

.modal-slide,
.modal-popup,
.modal-custom {
    visibility: hidden;
    pointer-events: none
}

:root {
    --container-margin: 0 auto;
    --container-max-width: 1440px;
    --container-padding: .375rem .5rem
}

.container,
.top-container,
.breadcrumbs ul,
.page-main,
.message.global .content,
.page-wrapper>.navigation-wrapper .navigation,
.page-header>.navigation-wrapper .navigation,
.page-layout-cms-full-width main .page-title-wrapper .page-title,
[data-content-type="row"] [data-element="inner"] {
    width: 100%;
    max-width: var(--container-max-width);
    margin: var(--container-margin);
    padding: var(--container-padding)
}

.scroller {
    width: 100%;
    overflow: auto;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scroller::-webkit-scrollbar {
    display: none
}

.loading-mask,
.load.indicator {
    display: none
}

.switcher {
    display: inline-block
}

.tooltip.wrapper {
    position: relative
}

.tooltip.wrapper .tooltip.content {
    top: 100%
}

@media (min-width: 480px) {
    .tooltip.wrapper .tooltip.content {
        right: auto;
        left: 0
    }
}

.towishlist,
.tocompare,
.action.split,
.action.print,
.action.mailto {
    display: inline-flex;
    align-items: center
}

.towishlist::before,
.tocompare::before,
.action.split::before,
.action.print::before,
.action.mailto::before {
    flex-shrink: 0;
    content: '';
    width: 2rem;
    height: 2rem
}

:where(.page-main, .page-bottom) .block~div {
    margin-top: 1.5rem
}

.sidebar-main .block:last-child {
    margin-bottom: 1.5rem
}

.block .block-title a {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400
}

.block .block-title .counter {
    font-size: .875rem;
    line-height: 1.25rem;
    white-space: nowrap
}

.block .subtitle {
    display: none
}

.block .box {
    margin-bottom: .75rem
}

@media (min-width: 768px),
print {
    .block .box {
        width: 50%;
        float: left;
        max-width: 400px
    }

    .block .box:last-child {
        margin: 0
    }

    .block .box:nth-child(2n+1) {
        clear: left
    }
}

.block .box-title {
    display: block;
    margin-bottom: .5rem
}

.sidebar .block .box {
    width: auto
}

.block-actions {
    margin-bottom: .5rem
}

.actions-toolbar,
.box-actions,
.cart-container .cart.actions {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem
}

.actions-toolbar>.actions,
.actions-toolbar>div.primary,
.actions-toolbar>div.secondary {
    display: contents
}

.page-title-wrapper .actions-toolbar {
    margin: .75rem 0
}

.actions-toolbar .action.back {
    display: none
}

.block-compare .action.delete,
.filter .action.remove,
.sidebar .action.delete,
.sidebar .action.remove {
    display: inline-flex;
    align-items: center;
    margin-left: auto
}

.block-compare .action.delete::before,
.filter .action.remove::before,
.sidebar .action.delete::before,
.sidebar .action.remove::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem
}

.breadcrumbs {
    min-height: 2.25rem
}

.category-image {
    margin: 0 0 .5rem
}

.category-image+.category-description {
    margin-top: 0
}

.category-description {
    margin: 0 0 .5rem
}

.category-description [data-content-type="row"] [data-element="inner"] {
    max-width: none;
    padding: 0;
    margin: 0
}

.table-comparison {
    width: auto
}

.table-comparison th.label {
    width: 10rem
}

.table-comparison td.product {
    width: 15rem
}

.table-comparison .product-item-photo {
    display: inline-block
}

.table-comparison .product-item-name {
    display: block
}

.table-comparison .price-box {
    margin: .5rem 0
}

:root {
    --sidebar-width: 180px;
    --sidebar-gap: 1rem
}

@media (min-width: 1024px) {
    :root {
        --sidebar-width: 220px;
        --sidebar-gap: 2rem
    }
}

.column.main {
    min-height: clamp(100px, 25vh, 300px)
}

.page-title-wrapper~.columns {
    margin-top: 1rem
}

.page-main>.columns {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "main" "sidebar" "additional";
    gap: var(--sidebar-gap);
    row-gap: 0
}

@media (min-width: 768px) {

    .page-layout-3columns .page-main>.columns,
    .page-layout-2columns-left .page-main>.columns {
        grid-template-columns: var(--sidebar-width) 1fr;
        grid-template-areas: "sidebar main" "additional main"
    }

    .page-layout-2columns-right .page-main>.columns {
        grid-template-columns: 1fr var(--sidebar-width);
        grid-template-areas: "main sidebar" "main additional"
    }
}

@media (min-width: 1024px) {
    .page-layout-3columns .page-main>.columns {
        grid-template-columns: var(--sidebar-width) 1fr var(--sidebar-width);
        grid-template-areas: "sidebar main additional"
    }
}

.page-main>.columns>.main {
    grid-area: main;
    min-width: 0
}

.page-main>.columns>.sidebar-main {
    grid-area: sidebar
}

.page-main>.columns>.sidebar-additional {
    grid-area: additional
}

#html-body .page-wrapper .page-footer {
    margin-top: 30px;
    background: #231f20;
    color: #fff
}

#html-body .page-wrapper .page-footer .footer-top {
    background: #58595b
}

#html-body .page-wrapper .page-footer .footer-top .container {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

#html-body .page-wrapper .page-footer .footer-top .container .block.newsletter {
    justify-content: space-between;
    align-items: center;
    align-items: flex-start
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-footer .footer-top .container .block.newsletter {
        display: flex;
        flex-direction: column
    }
}

@media (min-width: 1024px) {
    #html-body .page-wrapper .page-footer .footer-top .container .block.newsletter {
        display: grid;
        gap: 2.5rem;
        grid-template-columns: 25% 1fr
    }
}

#html-body .page-wrapper .page-footer .footer-top .container .block.newsletter .title {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center
}

#html-body .page-wrapper .page-footer .footer-top .container .block.newsletter .title>div {
    display: flex;
    flex-direction: column;
    color: #fff
}

#html-body .page-wrapper .page-footer .footer-top .container .block.newsletter .content {
    width: 100%
}

#html-body .page-wrapper .page-footer .footer-top .container .block.newsletter .content .form.subscribe {
    display: flex;
    position: relative
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-footer .footer-top .container .block.newsletter .content .form.subscribe {
        flex-direction: column;
        gap: .625rem
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-footer .footer-top .container .block.newsletter .content .form.subscribe {
        gap: 1.5rem
    }
}

#html-body .page-wrapper .page-footer .footer-top .container .block.newsletter .content .form.subscribe .field.newsletter {
    width: 100%
}

#html-body .page-wrapper .page-footer .footer-top .container .block.newsletter .content .form.subscribe .field.newsletter #newsletter {
    height: 60px;
    border-radius: 5px
}

#html-body .page-wrapper .page-footer .footer-top .container .block.newsletter .content .form.subscribe .action.subscribe {
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    height: 60px;
    background: #231f20;
    height: 50px;
    margin: auto;
    border-radius: 5px;
    width: 100%
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-footer .footer-top .container .block.newsletter .content .form.subscribe .action.subscribe {
        max-width: 150px
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-footer .footer-top .container .block.newsletter .content .form.subscribe .action.subscribe {
        max-width: 175px
    }
}

#html-body .page-wrapper .page-footer .footer-middle .container {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

@media (min-width: 1024px) {
    #html-body .page-wrapper .page-footer .footer-middle .container {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        border-bottom: 1px solid #dedede
    }
}

@media (min-width: 1024px) {
    #html-body .page-wrapper .page-footer .footer-middle .container>div {
        gap: 2em
    }
}

@media (min-width: 1024px) {
    #html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper {
        flex: 0 1 25%
    }
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper:first-child {
        margin-bottom: 1.25rem
    }
}

#html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper:first-child [data-role='content'] {
    display: flex;
    row-gap: 25px;
    flex-direction: column
}

#html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper:first-child [data-role='content'] .follow-us {
    display: flex;
    gap: 1em
}

#html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper [data-role='title'] {
    color: inherit
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper [data-role='title'] {
        font-size: 1rem;
        padding: 10px 0;
        border-bottom: 1px solid #dedede
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper [data-role='title'] {
        pointer-events: none;
        font-size: 1.25rem;
        font-weight: 700;
        margin: 0 0 10px
    }
}

#html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper [data-role='title']::after {
    -webkit-mask-size: unset
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper [data-role='title']::after {
        display: none
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper [data-role='content'] {
        display: block;
        position: relative;
        height: unset;
        opacity: unset;
        overflow: unset;
        visibility: unset
    }
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper [data-role='content'] ul {
        padding-left: 15px
    }
}

#html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper [data-role='content'] ul li svg {
    fill: #fff;
    margin: 0 5px 0 0
}

#html-body .page-wrapper .page-footer .footer-middle .container>div .block-wrapper [data-role='content'] ul li a {
    color: #fff
}

.message.global {
    color: #222;
    background: rgb(var(--yellow));
    margin: 0;
    border-radius: 0
}

.message.global .content {
    padding: .5rem
}

.message.global .actions {
    margin-top: .75rem
}

.message.global.cookie {
    position: fixed;
    z-index: 40;
    bottom: 0;
    left: 0;
    right: 0
}

.message.global.noscript {
    text-align: center
}

@-webkit-keyframes blinker {
    50% {
        opacity: 0
    }
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

#html-body .page-wrapper .page-header {
    color: #fff;
    background: #231f20
}

#html-body .page-wrapper .page-header .usps-wrapper {
    background: #58595b
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks {
    display: flex;
    min-height: 48px;
    overflow: hidden
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header .usps-wrapper .usps-blocks {
        max-width: var(--container-max-width);
        margin: var(--container-margin);
        padding: var(--container-padding);
        justify-content: center
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .slick-list {
        justify-content: center
    }
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block {
    display: flex;
    gap: 5px;
    align-items: center
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block {
        min-width: 100%;
        justify-content: center
    }
}

@media (min-width: 1024px) {
    #html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block {
        border-right: 1px solid #fff;
        padding-right: 20px;
        margin-right: 20px
    }
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block:last-child {
    border-right: unset
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block svg {
    fill: #fff;
    height: 30px
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block .usps-content {
    display: flex;
    flex-direction: column;
    line-height: 1.35;
    color: #fff;
    font-weight: 400;
    font-size: 0.85rem
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block .usps-content span:first-child {
    font-weight: 700
}

#html-body .page-wrapper .page-header>.content {
    display: flex;
    width: 100%;
    max-width: var(--container-max-width);
    margin: var(--container-margin);
    padding: var(--container-padding);
    align-items: center
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content {
        flex-flow: wrap;
        justify-content: space-between;
        padding-top: .625rem;
        padding-bottom: .625rem;
        row-gap: .625rem
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header>.content {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
}

#html-body .page-wrapper .page-header>.content .nav-toggle::after {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNOC4zMzMgMTIuNWgzMy4zMzNNOC4zMzMgMjVoMzMuMzMzTTguMzMzIDM3LjVoMzMuMzMzIi8+Cjwvc3ZnPgo=') no-repeat 50% 50%;
    width: 3rem;
    height: 3rem;
    -webkit-mask: unset
}

#html-body .page-wrapper .page-header>.content .logo {
    max-height: 50px
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header>.content .logo {
        max-height: 75px
    }
}

@media (min-width: 1024px) {
    #html-body .page-wrapper .page-header>.content .logo {
        max-height: 100px
    }
}

#html-body .page-wrapper .page-header>.content .logo img {
    max-height: inherit;
    width: auto
}

#html-body .page-wrapper .page-header>.content .block-search {
    margin: 0 auto;
    width: 100%
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content .block-search {
        order: 3
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header>.content .block-search {
        max-width: 600px
    }
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .field.search {
    width: 100%
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .field.search .label {
    display: none
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .field.search .control {
    background: unset
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .field.search .control {
        position: relative;
        top: unset;
        left: unset;
        padding: unset
    }
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .field.search .control .input-text {
    display: block;
    min-width: unset;
    border: 1px solid #999;
    border-radius: 5px
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .actions .action.search {
    opacity: 1
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .actions .action.search::before {
    background-color: #111
}

#html-body .page-wrapper .page-header>.content .essential-links {
    display: flex;
    gap: .625rem
}

#html-body .page-wrapper .page-header>.content .essential-links .contact {
    display: flex;
    align-items: center;
    position: relative;
    gap: 1rem
}

#html-body .page-wrapper .page-header>.content .essential-links .contact::before {
    content: '';
    width: 15px;
    height: 15px;
    background: #cb0000;
    position: absolute;
    top: -3px;
    left: 30px;
    border-radius: 50px;
    border: 2px solid #231f20;
    -webkit-animation: blinker 2s linear infinite;
    animation: blinker 2s linear infinite;
    z-index: 2
}

#html-body .page-wrapper .page-header>.content .essential-links .contact::after {
    content: '';
    width: 15px;
    height: 15px;
    top: -3px;
    left: 30px;
    position: absolute;
    background: #231f20;
    z-index: 1;
    border-radius: 50px
}

#html-body .page-wrapper .page-header>.content .essential-links .contact.online::before {
    background: green
}

#html-body .page-wrapper .page-header>.content .essential-links .contact img {
    border-radius: 50px;
    width: 40px
}

#html-body .page-wrapper .page-header>.content .essential-links .contact .contact-info {
    display: flex;
    flex-direction: column
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content .essential-links .contact .contact-info {
        display: none
    }
}

#html-body .page-wrapper .page-header>.content .essential-links .contact .contact-info span {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.25
}

#html-body .page-wrapper .page-header>.content .essential-links .contact .contact-info a {
    font-size: 0.85rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.25
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-account {
        display: none
    }
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-account .action::before {
    content: '';
    width: 2.5rem;
    height: 2.5rem;
    background: url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjYuNCIgaGVpZ2h0PSIzMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCAyNi40IDMwIj4KICA8cGF0aCBkPSJNNC42ODQgMjEuMDU4YzIuMjM2LTEuMzUyIDQuOTU1LTIuMDc1IDcuNzM2LTIuMDc1czUuNTAxLjcyMiA3LjczNiAyLjA3NSAzLjg4NiAzLjI3NCA0LjY0IDUuNDk2Yy4xNDIuNDEzLS4wNzguODYyLS40ODggMS4wMDNzLS44NTctLjA3OC0uOTk3LS40OTJjLS42MTctMS44MTQtMS45OTItMy40Ni0zLjk2NC00LjY1MXMtNC40MDYtMS44NDgtNi45MjgtMS44NDgtNC45NTYuNjU1LTYuOTI4IDEuODQ4LTMuMzQ3IDIuODM3LTMuOTY0IDQuNjUxYy0uMTQuNDE0LS41ODguNjM0LS45OTcuNDkycy0uNjMtLjU5LS40ODgtMS4wMDRjLjc1Ni0yLjIyMiAyLjQwNS00LjE0NCA0LjY0LTUuNDk2ek0xMi40MiAxLjU4MmMtMy4zMjYgMC02LjAyMyAyLjcxNi02LjAyMyA2LjA2NXMyLjY5NiA2LjA2NCA2LjAyMyA2LjA2NCA2LjAyMy0yLjcxNCA2LjAyMy02LjA2NC0yLjY5Ni02LjA2NS02LjAyMy02LjA2NXpNNC44MjYgNy42NDZDNC44MjYgMy40MjIgOC4yMjYgMCAxMi40MiAwczcuNTk0IDMuNDI0IDcuNTk0IDcuNjQ2LTMuNCA3LjY0NS03LjU5NCA3LjY0NS03LjU5NC0zLjQyMy03LjU5NC03LjY0NXoiLz4KPC9zdmc+Cg==') no-repeat center / auto
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-account .action .switcher-content {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    font-size: 0.85rem
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-account .action .switcher-content span:first-child {
    font-weight: 500
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-wishlist {
        display: none
    }
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-wishlist .action::before {
    content: '';
    width: 2.5rem;
    height: 2.5rem;
    background: url('data:image/svg+xml;base64,Cjxzdmcgdmlld0JveD0iMCAwIDMwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0iI2ZmZiI+CiAgPHBhdGggZD0ibTE1IDI2LjMyNS0uMjg3LS4xMzdDMTQuMjI1IDI1LjkyNSAyLjUgMTkuOTEyIDIuNSAxMS4yNWMwLTMuMzg4IDEuNTc1LTUuOTM4IDQuMzEzLTcuMDEzQzkuNTM4IDMuMTc1IDEyLjc1IDMuODc1IDE1IDUuOTYzYzIuMjUtMi4wODcgNS40NzUtMi43ODggOC4xODgtMS43MjUgMi43MzcgMS4wNzUgNC4zMTMgMy42MjUgNC4zMTMgNy4wMTMgMCA4LjY2Mi0xMS43MjUgMTQuNjg3LTEyLjIxMyAxNC45MzhsLS4yODguMTM2ek05LjQ2MyA0Ljk4OGMtLjc1IDAtMS41LjEzNy0yLjIuNDEyLTIuMjM4Ljg3NS0zLjUxMyAzLTMuNTEzIDUuODUgMCA3LjE4NyA5LjQ3NSAxMi43IDExLjI1IDEzLjY2MyAxLjc3NS0uOTYzIDExLjI1LTYuNDc2IDExLjI1LTEzLjY2MyAwLTIuODM3LTEuMjc1LTQuOTc1LTMuNTEyLTUuODUtMi40MzgtLjk1LTUuMzYyLS4yLTcuMjc1IDEuODc1bC0uNDYzLjUtLjQ2My0uNUMxMy4xNzUgNS44IDExLjMxMiA0Ljk4NyA5LjQ2MiA0Ljk4N3oiLz4KPC9zdmc+Cg==') no-repeat center / auto
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-wishlist .action .switcher-content {
    display: flex;
    flex-direction: column;
    line-height: 1;
    font-size: 14px
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-wishlist .action .switcher-content span:first-child {
    font-weight: 500
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart::before {
    background: url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAuMDg3IiBoZWlnaHQ9IjMwIiBmaWxsPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDMwLjA4NyAzMCI+CiAgPHBhdGggZD0iTTI0Ljc5MSAyOS45MzVjLTEuMDYxIDAtMS45MDUtLjg0NC0xLjkwNS0xLjkwNXMuODQ0LTEuOTA1IDEuOTA1LTEuOTA1IDEuOTA1Ljg0NCAxLjkwNSAxLjkwNS0uODcxIDEuOTA1LTEuOTA1IDEuOTA1em0tMTUuMjM5IDBjLTEuMDYxIDAtMS45MDUtLjg0NC0xLjkwNS0xLjkwNXMuODQ0LTEuOTA1IDEuOTA1LTEuOTA1IDEuOTA1Ljg0NCAxLjkwNSAxLjkwNS0uODcxIDEuOTA1LTEuOTA1IDEuOTA1em0tLjI5OS01LjQ0M2MtMS40NDIgMC0yLjY5NC0xLjE0My0yLjg1Ny0yLjU4NUw0LjU0NSA4Ljg5OSAzLjQ4MyAyLjgzYy0uMDgyLS42NTMtLjY1My0xLjE5Ny0xLjI3OS0xLjE5N0guODE2Qy4zNTQgMS42MzMgMCAxLjI3OSAwIC44MTZTLjM1NCAwIC44MTYgMGgxLjM4OGMxLjQ0MiAwIDIuNzIxIDEuMTQzIDIuOTEyIDIuNTg1bDEuMDYxIDYuMDY5IDEuODUxIDEzLjAzNWMuMDU0LjYyNi42MjYgMS4xNyAxLjIyNSAxLjE3aDE3LjY4OWMuNDYzIDAgLjgxNi4zNTQuODE2LjgxNnMtLjM1NC44MTYtLjgxNi44MTZIOS4yNTN6bTEuMzYxLTQuMzU0YS44MDkuODA5IDAgMCAxLS44MTYtLjc2MmMtLjAyNy0uMjE4LjA1NC0uNDM1LjE5LS41OTlzLjM1NC0uMjcyLjU0NC0uMjcybDE0Ljc3Ny0xLjA4OWMuNjUzIDAgMS4yMjUtLjUxNyAxLjMwNi0xLjE0M2wxLjcxNC05Ljc5N2MuMDU0LS40NjMtLjA4Mi0uOTUyLS4zNTQtMS4yNTJhLjkzLjkzIDAgMCAwLS43MzUtLjMyN0g4LjQzNmMtLjQ2MyAwLS44MTYtLjM1NC0uODE2LS44MTZzLjM1My0uODE1LjgxNi0uODE1aDE4Ljg1OWMuNzYyIDAgMS40NDIuMzI3IDEuOTU5Ljg3MS41NzEuNjUzLjg0NCAxLjYwNi43MzUgMi41NThsLTEuNzE0IDkuNzk3Yy0uMTYzIDEuNDE1LTEuNDQyIDIuNTMxLTIuODU3IDIuNTMxbC0xNC42OTUgMS4wODljLS4wNTQuMDI3LS4wODIuMDI3LS4xMDkuMDI3eiIgZmlsbC1ydWxlPSJub256ZXJvIi8+Cjwvc3ZnPgo=') no-repeat center / auto
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div {
    display: flex;
    flex-direction: column
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div .text {
    position: relative;
    width: unset;
    height: unset;
    clip: unset;
    font-size: 14px;
    line-height: 1;
    font-weight: 600
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div .counter.qty {
    position: relative;
    right: 0;
    opacity: 1;
    width: unset;
    height: unset;
    font-size: 14px;
    line-height: 1;
    padding: 0;
    background: unset
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div .counter.qty .counter-number {
    display: none
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div .counter.qty .counter-label {
    display: inline-block
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div .counter.qty .counter-label span {
    display: inherit
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper #minicart-content-wrapper .block-content>.actions {
    order: 1
}

#html-body .page-wrapper .page-header .navigation-wrapper {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

#html-body .page-wrapper .page-header .navigation-wrapper .navigation {
    padding-top: 0;
    padding-bottom: 0
}

#html-body .page-wrapper .page-header .navigation-wrapper .navigation ul {
    justify-content: center;
    margin: 0
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header .navigation-wrapper .navigation ul .level0 {
        color: #fff
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header .navigation-wrapper .navigation ul .level0>a {
        color: #fff
    }
}

#html-body .page-wrapper .breadcrumbs {
    background: #f7f7f7;
    margin-bottom: 1em
}

@-webkit-keyframes blinker {
    50% {
        opacity: 0
    }
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

#html-body .page-wrapper .page-header {
    color: #fff;
    background: #231f20
}

#html-body .page-wrapper .page-header .usps-wrapper {
    background: #58595b
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks {
    display: flex;
    min-height: 48px;
    overflow: hidden
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header .usps-wrapper .usps-blocks {
        max-width: var(--container-max-width);
        margin: var(--container-margin);
        padding: var(--container-padding);
        justify-content: center
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .slick-list {
        justify-content: center
    }
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block {
    display: flex;
    gap: 5px;
    align-items: center
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block {
        min-width: 100%;
        justify-content: center
    }
}

@media (min-width: 1024px) {
    #html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block {
        border-right: 1px solid #fff;
        padding-right: 20px;
        margin-right: 20px
    }
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block:last-child {
    border-right: unset
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block svg {
    fill: #fff;
    height: 30px
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block .usps-content {
    display: flex;
    flex-direction: column;
    line-height: 1.35;
    color: #fff;
    font-weight: 400;
    font-size: 0.85rem
}

#html-body .page-wrapper .page-header .usps-wrapper .usps-blocks .usps-block .usps-content span:first-child {
    font-weight: 700
}

#html-body .page-wrapper .page-header>.content {
    display: flex;
    width: 100%;
    max-width: var(--container-max-width);
    margin: var(--container-margin);
    padding: var(--container-padding);
    align-items: center
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content {
        flex-flow: wrap;
        justify-content: space-between;
        padding-top: .625rem;
        padding-bottom: .625rem;
        row-gap: .625rem
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header>.content {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
}

#html-body .page-wrapper .page-header>.content .nav-toggle::after {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNOC4zMzMgMTIuNWgzMy4zMzNNOC4zMzMgMjVoMzMuMzMzTTguMzMzIDM3LjVoMzMuMzMzIi8+Cjwvc3ZnPgo=') no-repeat 50% 50%;
    width: 3rem;
    height: 3rem;
    -webkit-mask: unset
}

#html-body .page-wrapper .page-header>.content .logo {
    max-height: 50px
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header>.content .logo {
        max-height: 75px
    }
}

@media (min-width: 1024px) {
    #html-body .page-wrapper .page-header>.content .logo {
        max-height: 100px
    }
}

#html-body .page-wrapper .page-header>.content .logo img {
    max-height: inherit;
    width: auto
}

#html-body .page-wrapper .page-header>.content .block-search {
    margin: 0 auto;
    width: 100%
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content .block-search {
        order: 3
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header>.content .block-search {
        max-width: 600px
    }
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .field.search {
    width: 100%
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .field.search .label {
    display: none
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .field.search .control {
    background: unset
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .field.search .control {
        position: relative;
        top: unset;
        left: unset;
        padding: unset
    }
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .field.search .control .input-text {
    display: block;
    min-width: unset;
    border: 1px solid #999;
    border-radius: 5px
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .actions .action.search {
    opacity: 1
}

#html-body .page-wrapper .page-header>.content .block-search .block-content .minisearch .actions .action.search::before {
    background-color: #111
}

#html-body .page-wrapper .page-header>.content .essential-links {
    display: flex;
    gap: .625rem
}

#html-body .page-wrapper .page-header>.content .essential-links .contact {
    display: flex;
    align-items: center;
    position: relative;
    gap: 1rem
}

#html-body .page-wrapper .page-header>.content .essential-links .contact::before {
    content: '';
    width: 15px;
    height: 15px;
    background: #cb0000;
    position: absolute;
    top: -3px;
    left: 30px;
    border-radius: 50px;
    border: 2px solid #231f20;
    -webkit-animation: blinker 2s linear infinite;
    animation: blinker 2s linear infinite;
    z-index: 2
}

#html-body .page-wrapper .page-header>.content .essential-links .contact::after {
    content: '';
    width: 15px;
    height: 15px;
    top: -3px;
    left: 30px;
    position: absolute;
    background: #231f20;
    z-index: 1;
    border-radius: 50px
}

#html-body .page-wrapper .page-header>.content .essential-links .contact.online::before {
    background: green
}

#html-body .page-wrapper .page-header>.content .essential-links .contact img {
    border-radius: 50px;
    width: 40px
}

#html-body .page-wrapper .page-header>.content .essential-links .contact .contact-info {
    display: flex;
    flex-direction: column
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content .essential-links .contact .contact-info {
        display: none
    }
}

#html-body .page-wrapper .page-header>.content .essential-links .contact .contact-info span {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.25
}

#html-body .page-wrapper .page-header>.content .essential-links .contact .contact-info a {
    font-size: 0.85rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.25
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-account {
        display: none
    }
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-account .action::before {
    content: '';
    width: 2.5rem;
    height: 2.5rem;
    background: url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjYuNCIgaGVpZ2h0PSIzMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCAyNi40IDMwIj4KICA8cGF0aCBkPSJNNC42ODQgMjEuMDU4YzIuMjM2LTEuMzUyIDQuOTU1LTIuMDc1IDcuNzM2LTIuMDc1czUuNTAxLjcyMiA3LjczNiAyLjA3NSAzLjg4NiAzLjI3NCA0LjY0IDUuNDk2Yy4xNDIuNDEzLS4wNzguODYyLS40ODggMS4wMDNzLS44NTctLjA3OC0uOTk3LS40OTJjLS42MTctMS44MTQtMS45OTItMy40Ni0zLjk2NC00LjY1MXMtNC40MDYtMS44NDgtNi45MjgtMS44NDgtNC45NTYuNjU1LTYuOTI4IDEuODQ4LTMuMzQ3IDIuODM3LTMuOTY0IDQuNjUxYy0uMTQuNDE0LS41ODguNjM0LS45OTcuNDkycy0uNjMtLjU5LS40ODgtMS4wMDRjLjc1Ni0yLjIyMiAyLjQwNS00LjE0NCA0LjY0LTUuNDk2ek0xMi40MiAxLjU4MmMtMy4zMjYgMC02LjAyMyAyLjcxNi02LjAyMyA2LjA2NXMyLjY5NiA2LjA2NCA2LjAyMyA2LjA2NCA2LjAyMy0yLjcxNCA2LjAyMy02LjA2NC0yLjY5Ni02LjA2NS02LjAyMy02LjA2NXpNNC44MjYgNy42NDZDNC44MjYgMy40MjIgOC4yMjYgMCAxMi40MiAwczcuNTk0IDMuNDI0IDcuNTk0IDcuNjQ2LTMuNCA3LjY0NS03LjU5NCA3LjY0NS03LjU5NC0zLjQyMy03LjU5NC03LjY0NXoiLz4KPC9zdmc+Cg==') no-repeat center / auto
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-account .action .switcher-content {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    font-size: 0.85rem
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-account .action .switcher-content span:first-child {
    font-weight: 500
}

@media (max-width: 767.98px) {
    #html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-wishlist {
        display: none
    }
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-wishlist .action::before {
    content: '';
    width: 2.5rem;
    height: 2.5rem;
    background: url('data:image/svg+xml;base64,Cjxzdmcgdmlld0JveD0iMCAwIDMwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0iI2ZmZiI+CiAgPHBhdGggZD0ibTE1IDI2LjMyNS0uMjg3LS4xMzdDMTQuMjI1IDI1LjkyNSAyLjUgMTkuOTEyIDIuNSAxMS4yNWMwLTMuMzg4IDEuNTc1LTUuOTM4IDQuMzEzLTcuMDEzQzkuNTM4IDMuMTc1IDEyLjc1IDMuODc1IDE1IDUuOTYzYzIuMjUtMi4wODcgNS40NzUtMi43ODggOC4xODgtMS43MjUgMi43MzcgMS4wNzUgNC4zMTMgMy42MjUgNC4zMTMgNy4wMTMgMCA4LjY2Mi0xMS43MjUgMTQuNjg3LTEyLjIxMyAxNC45MzhsLS4yODguMTM2ek05LjQ2MyA0Ljk4OGMtLjc1IDAtMS41LjEzNy0yLjIuNDEyLTIuMjM4Ljg3NS0zLjUxMyAzLTMuNTEzIDUuODUgMCA3LjE4NyA5LjQ3NSAxMi43IDExLjI1IDEzLjY2MyAxLjc3NS0uOTYzIDExLjI1LTYuNDc2IDExLjI1LTEzLjY2MyAwLTIuODM3LTEuMjc1LTQuOTc1LTMuNTEyLTUuODUtMi40MzgtLjk1LTUuMzYyLS4yLTcuMjc1IDEuODc1bC0uNDYzLjUtLjQ2My0uNUMxMy4xNzUgNS44IDExLjMxMiA0Ljk4NyA5LjQ2MiA0Ljk4N3oiLz4KPC9zdmc+Cg==') no-repeat center / auto
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-wishlist .action .switcher-content {
    display: flex;
    flex-direction: column;
    line-height: 1;
    font-size: 14px
}

#html-body .page-wrapper .page-header>.content .essential-links .switcher.switcher-wishlist .action .switcher-content span:first-child {
    font-weight: 500
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart::before {
    background: url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAuMDg3IiBoZWlnaHQ9IjMwIiBmaWxsPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDMwLjA4NyAzMCI+CiAgPHBhdGggZD0iTTI0Ljc5MSAyOS45MzVjLTEuMDYxIDAtMS45MDUtLjg0NC0xLjkwNS0xLjkwNXMuODQ0LTEuOTA1IDEuOTA1LTEuOTA1IDEuOTA1Ljg0NCAxLjkwNSAxLjkwNS0uODcxIDEuOTA1LTEuOTA1IDEuOTA1em0tMTUuMjM5IDBjLTEuMDYxIDAtMS45MDUtLjg0NC0xLjkwNS0xLjkwNXMuODQ0LTEuOTA1IDEuOTA1LTEuOTA1IDEuOTA1Ljg0NCAxLjkwNSAxLjkwNS0uODcxIDEuOTA1LTEuOTA1IDEuOTA1em0tLjI5OS01LjQ0M2MtMS40NDIgMC0yLjY5NC0xLjE0My0yLjg1Ny0yLjU4NUw0LjU0NSA4Ljg5OSAzLjQ4MyAyLjgzYy0uMDgyLS42NTMtLjY1My0xLjE5Ny0xLjI3OS0xLjE5N0guODE2Qy4zNTQgMS42MzMgMCAxLjI3OSAwIC44MTZTLjM1NCAwIC44MTYgMGgxLjM4OGMxLjQ0MiAwIDIuNzIxIDEuMTQzIDIuOTEyIDIuNTg1bDEuMDYxIDYuMDY5IDEuODUxIDEzLjAzNWMuMDU0LjYyNi42MjYgMS4xNyAxLjIyNSAxLjE3aDE3LjY4OWMuNDYzIDAgLjgxNi4zNTQuODE2LjgxNnMtLjM1NC44MTYtLjgxNi44MTZIOS4yNTN6bTEuMzYxLTQuMzU0YS44MDkuODA5IDAgMCAxLS44MTYtLjc2MmMtLjAyNy0uMjE4LjA1NC0uNDM1LjE5LS41OTlzLjM1NC0uMjcyLjU0NC0uMjcybDE0Ljc3Ny0xLjA4OWMuNjUzIDAgMS4yMjUtLjUxNyAxLjMwNi0xLjE0M2wxLjcxNC05Ljc5N2MuMDU0LS40NjMtLjA4Mi0uOTUyLS4zNTQtMS4yNTJhLjkzLjkzIDAgMCAwLS43MzUtLjMyN0g4LjQzNmMtLjQ2MyAwLS44MTYtLjM1NC0uODE2LS44MTZzLjM1My0uODE1LjgxNi0uODE1aDE4Ljg1OWMuNzYyIDAgMS40NDIuMzI3IDEuOTU5Ljg3MS41NzEuNjUzLjg0NCAxLjYwNi43MzUgMi41NThsLTEuNzE0IDkuNzk3Yy0uMTYzIDEuNDE1LTEuNDQyIDIuNTMxLTIuODU3IDIuNTMxbC0xNC42OTUgMS4wODljLS4wNTQuMDI3LS4wODIuMDI3LS4xMDkuMDI3eiIgZmlsbC1ydWxlPSJub256ZXJvIi8+Cjwvc3ZnPgo=') no-repeat center / auto
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div {
    display: flex;
    flex-direction: column
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div .text {
    position: relative;
    width: unset;
    height: unset;
    clip: unset;
    font-size: 14px;
    line-height: 1;
    font-weight: 600
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div .counter.qty {
    position: relative;
    right: 0;
    opacity: 1;
    width: unset;
    height: unset;
    font-size: 14px;
    line-height: 1;
    padding: 0;
    background: unset
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div .counter.qty .counter-number {
    display: none
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div .counter.qty .counter-label {
    display: inline-block
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper .action.showcart>div .counter.qty .counter-label span {
    display: inherit
}

#html-body .page-wrapper .page-header>.content .essential-links .minicart-wrapper #minicart-content-wrapper .block-content>.actions {
    order: 1
}

#html-body .page-wrapper .page-header .navigation-wrapper {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

#html-body .page-wrapper .page-header .navigation-wrapper .navigation {
    padding-top: 0;
    padding-bottom: 0
}

#html-body .page-wrapper .page-header .navigation-wrapper .navigation ul {
    justify-content: center;
    margin: 0
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header .navigation-wrapper .navigation ul .level0 {
        color: #fff
    }
}

@media (min-width: 768px) {
    #html-body .page-wrapper .page-header .navigation-wrapper .navigation ul .level0>a {
        color: #fff
    }
}

#html-body .page-wrapper .breadcrumbs {
    background: #f7f7f7;
    margin-bottom: 1em
}

@media (max-width: 767.98px) {
    .block.filter .filter-content {
        position: fixed;
        visibility: hidden
    }
}

@media (min-width: 768px) {
    .column.main .block.filter .filter-options-content {
        opacity: 0;
        position: absolute;
        pointer-events: none;
        right: 0;
        top: -9999px
    }

    .column.main .block.filter .filter-options-content .item {
        display: block;
        padding: .25rem .5rem
    }
}

.block.filter .filter-current li {
    display: flex;
    align-items: center;
    column-gap: .25rem
}

.block.filter .filter-current li span {
    white-space: nowrap
}

.block.filter .filter-current li span.filter-value {
    text-overflow: ellipsis;
    overflow: hidden
}

.block.filter .filter-current li .filter-label::after {
    content: ':'
}

.block.filter .filter-current li .action.remove {
    opacity: .3
}

.block.filter .filter-value {
    opacity: .6
}

.block.filter .filter-actions {
    margin: .375rem 0 .75rem;
    opacity: .6;
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem
}

.block.filter .filter-title::after {
    transform: none;
    display: none
}

.block.filter .filter-title label {
    display: flex;
    align-items: center;
    gap: .25rem
}

.block.filter .filter-content-close {
    display: none
}

.block.filter .filter-current~.filter-options {
    margin-top: .75rem
}

.block.filter .filter-subtitle {
    display: none
}

.block.filter .filter-options-item {
    margin-bottom: .25rem
}

.block.filter .filter-options-item:last-child {
    margin-bottom: 0;
    border: 0
}

.block.filter .filter-options-title {
    font-weight: 500;
    padding: .25rem 0
}

.block.filter .filter-options-title :first-child {
    margin-right: auto
}

.block.filter .filter-options-title::after {
    opacity: .3
}

.block.filter .filter-options-content>:first-child {
    margin: .5rem 0 .75rem
}

.block.filter dt {
    padding: .25rem 0
}

.block.filter .content .count,
.block.filter .filter-options .count {
    font-size: .875rem;
    line-height: 1.25rem;
    display: inline-flex;
    white-space: nowrap;
    font-weight: 300;
    color: rgba(var(--base-color), var(--muted-alpha, .6));
    margin-left: .25rem
}

.block.filter .content .count::before,
.block.filter .filter-options .count::before {
    content: '('
}

.block.filter .content .count::after,
.block.filter .filter-options .count::after {
    content: ')'
}

.block.filter .initially-active.active .filter-options-title::after {
    opacity: 0
}

@media (min-width: 768px) {
    .column.main .block.filter {
        margin-bottom: 1rem
    }

    .column.main .block.filter .filter-title {
        display: none
    }

    .column.main .block.filter .filter-current {
        display: inline-flex;
        align-items: flex-start;
        gap: .75rem;
        margin-right: .5rem
    }

    .column.main .block.filter .filter-current-subtitle {
        padding: .25rem 0;
        flex-shrink: 0
    }

    .column.main .block.filter .filter-current-subtitle::after {
        content: ':'
    }

    .column.main .block.filter .filter-current .items {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem
    }

    .column.main .block.filter .filter-current li {
        padding: .25rem .75rem;
        background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
        border-radius: 24rem
    }

    .column.main .block.filter .filter-current~.filter-options {
        margin-top: .25rem
    }

    .column.main .block.filter .filter-actions {
        display: inline-flex
    }

    .column.main .block.filter .filter-options {
        display: flex;
        flex-wrap: wrap;
        column-gap: .75rem
    }

    .column.main .block.filter .filter-options-item {
        margin: 0;
        border: 0;
        position: relative
    }

    .column.main .block.filter .filter-options a {
        display: block
    }

    .column.main .block.filter .filter-options .item>a {
        flex-grow: 1
    }

    .column.main .block.filter .filter-options-title::after {
        opacity: 0.3
    }

    .column.main .block.filter .filter-options-content {
        display: block !important;
        height: auto;
        width: 13rem;
        right: auto;
        left: -9999px;
        margin-left: -6rem
    }

    .column.main .block.filter .filter-options-content[aria-hidden=false] {
        left: 50%
    }

    .column.main .block.filter .filter-options-content>:first-child {
        margin: 0
    }
}

@media (max-width: 767.98px) {
    .block.filter .filter-title {
        border: 0;
        padding: .5rem .25rem .5rem 0;
        display: flex;
        align-items: center;
        gap: .25rem
    }

    .block.filter .filter-title::before {
        content: '';
        width: 1.5rem;
        height: 1.5rem;
        flex-shrink: 0
    }

    .block.filter .filter-title[data-count]::after {
        font-size: .875rem;
        line-height: 1.25rem;
        margin-left: .125rem;
        content: attr(data-count);
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 1.25rem;
        min-height: 1.25rem;
        background: rgba(var(--danger-color), var(--danger-alpha, 1));
        color: #fff;
        border-radius: 1.25rem;
        padding: 0 .25rem
    }

    .block.filter .filter-title[data-count="0"]::after {
        display: none
    }

    .page-layout-1column .block.filter .filter-title,
    .sidebar .block.filter .filter-title {
        position: absolute;
        z-index: 10;
        top: 0;
        margin: 0;
        max-width: 9rem;
        white-space: nowrap;
        overflow: hidden
    }

    .block.filter .filter-current-subtitle {
        display: block;
        padding: .25rem 0
    }

    .block.filter .filter-content .item {
        padding: .125rem 0
    }
}

@media (max-width: 767.98px) {
    .page-with-filter.page-title-in-content .columns {
        padding-top: 3.25rem
    }

    .page-with-filter.page-title-in-content .toolbar:not(.toolbar ~ .toolbar) {
        position: absolute;
        top: 0;
        width: 100%;
        flex-wrap: nowrap;
        margin: 0
    }
}

@media (max-width: 639.98px) {
    .page-with-filter.page-title-in-content .toolbar-amount {
        display: none
    }
}

@media (max-width: 767.98px) {
    .page-with-filter .toolbar .modes {
        margin-left: 9rem
    }
}

@media (max-width: 639.98px) {
    .page-with-filter .toolbar .sorter>label {
        display: none
    }
}

@media (max-width: 479.98px) {
    .page-with-filter .toolbar .sorter {
        width: calc(100% - 9rem)
    }

    .page-with-filter .toolbar .modes {
        display: none
    }
}

:root {
    --listing-grid-gap: 1rem;
    --listing-grid-row-gap: 1rem;
    --listing-grid-columns: 2;
    --listing-grid-item-padding: 0px;
    --listing-grid-item-margin: 0px
}

@media (min-width: 640px) {
    :root {
        --listing-grid-columns: 3
    }
}

@media (min-width: 1024px) {
    :root {
        --listing-grid-columns: 4
    }
}

@media (min-width: 768px) {
    .page-layout-1column {
        --listing-grid-columns: 4
    }
}

@media (min-width: 1024px) {
    .page-layout-1column {
        --listing-grid-columns: 5
    }
}

@media (min-width: 1024px) {
    .page-layout-3columns {
        --listing-grid-columns: 3
    }
}

.product-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    aspect-ratio: var(--image-container-aspect-ratio, none);
    width: var(--image-container-width, auto);
    overflow: hidden
}

.product-image-container .product-image-wrapper {
    padding: 0 !important;
    width: 100%
}

.product-item-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem
}

.actions-primary .stock {
    color: rgba(var(--base-color), var(--muted-alpha, .6));
    white-space: nowrap
}

.actions-secondary {
    display: flex;
    gap: .125rem
}

.actions-secondary .action {
    padding: 0px;
    color: rgba(var(--base-color), var(--muted-alpha, .6));
    background: transparent;
    border-radius: 0
}

.actions-secondary .action::before {
    width: 2rem;
    height: 2rem
}

.actions-secondary .action:focus-visible {
    z-index: 2
}

.actions-secondary .action .loading-mask {
    border-radius: 0
}

.product-items .product-item-photo {
    position: relative
}

.product-items .product-item-info {
    position: relative;
    display: flex;
    gap: .5rem
}

.product-items .product-item-details {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    width: 100%
}

.product-items .product-item-details .product-item-name,
.product-items .product-item-details .price-box,
.product-items .product-item-details .product-reviews-summary {
    margin-bottom: .25rem
}

.sidebar .product-items .product-item-info .action.delete {
    position: absolute;
    right: .125rem;
    top: .125rem
}

.sidebar .products-list .product-items .product-item+.product-item {
    margin-top: .75rem
}

.sidebar .products-grid .product-items,
.sidebar [data-appearance="carousel"] .product-items {
    --listing-grid-columns: 2;
    --listing-grid-gap: .5rem;
    --listing-grid-row-gap: .5rem
}

.product-items.product-items-names .product-item {
    display: flex;
    align-items: center;
    gap: .5rem
}

.product-items.product-items-names .product-item+.product-item {
    margin-top: .125rem
}

.product-items.product-items-names strong {
    font-weight: normal
}

.product-items.product-items-names .choice .control {
    display: flex
}

.products-grid .product-items,
[data-appearance="carousel"] .product-items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--listing-grid-gap);
    row-gap: var(--listing-grid-row-gap)
}

.products-grid .product-items .product-item,
[data-appearance="carousel"] .product-items .product-item {
    position: relative;
    margin: var(--listing-grid-item-margin);
    max-width: var(--listing-grid-item-max-width, 400px);
    width: calc((100% - var(--listing-grid-item-margin) * var(--listing-grid-columns) * 2 - var(--listing-grid-gap) * (var(--listing-grid-columns) - 1)) / var(--listing-grid-columns))
}

@media (hover: hover) {

    .products-grid .product-items .product-item:hover,
    .products-grid .product-items .product-item:has(:focus-visible),
    [data-appearance="carousel"] .product-items .product-item:hover,
    [data-appearance="carousel"] .product-items .product-item:has(:focus-visible) {
        z-index: 10;
        overflow: visible;
        --listing-grid-item-margin: 0px;
        --listing-grid-item-padding: 0px
    }
}

.products-grid .product-items .product-item-info,
[data-appearance="carousel"] .product-items .product-item-info {
    height: 100%;
    width: 100%;
    flex-direction: column;
    padding: var(--listing-grid-item-padding)
}

@media (hover: hover) {

    .products-grid .product-items .product-item:hover .product-item-info,
    [data-appearance="carousel"] .product-items .product-item:hover .product-item-info {
        z-index: 10;
        background: rgba(var(--base-bg), var(--base-bg-alpha, 1))
    }

    .products-grid .product-items .product-item:has(:focus-visible) .product-item-info,
    [data-appearance="carousel"] .product-items .product-item:has(:focus-visible) .product-item-info {
        z-index: 10;
        background: rgba(var(--base-bg), var(--base-bg-alpha, 1))
    }
}

.products-grid .product-items .product-image-container,
[data-appearance="carousel"] .product-items .product-image-container {
    width: 100%
}

.products-grid .product-items .product-item-photo img,
[data-appearance="carousel"] .product-items .product-item-photo img {
    width: 100%
}

.products-grid .product-items .product-item-inner,
[data-appearance="carousel"] .product-items .product-item-inner {
    padding-top: .25rem;
    display: flex;
    flex-direction: column;
    gap: .25rem
}

@media (max-width: 479.98px) {

    .products-grid .product-items .product-reviews-summary:not(.no-rating) .action,
    [data-appearance="carousel"] .product-items .product-reviews-summary:not(.no-rating) .action {
        text-decoration: none
    }

    .products-grid .product-items .product-reviews-summary:not(.no-rating) .action span,
    [data-appearance="carousel"] .product-items .product-reviews-summary:not(.no-rating) .action span {
        display: none
    }
}

.products-list .product-items .product-item+.product-item {
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1))
}

.sidebar .products-list .product-items .product-item+.product-item {
    border: 0;
    margin-top: .375rem;
    padding-top: .375rem
}

.products-list .product-items .product-item-info {
    gap: .75rem
}

.sidebar .products-list .product-items .product-item-info {
    gap: .5rem
}

.products-list .product-items .product-item-info>:first-child {
    max-width: 28%
}

.sidebar .products-list .product-items .product-item-info>:first-child {
    max-width: 35%
}

.products-list .product-items .product-item-actions {
    margin: .25rem 0
}

.products-list .product-items .product-item-description {
    margin-top: .5rem
}

.dropdown .product-items .product-item-info {
    gap: .75rem
}

.toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    margin: 0 0 1.25rem
}

.toolbar.bottom {
    margin-top: 1.25rem
}

.toolbar~.products {
    margin: 1.25rem 0
}

.toolbar>.pager {
    display: contents
}

.toolbar label,
.toolbar .limiter-text {
    white-space: nowrap
}

.toolbar select {
    max-width: 130px
}

@media (min-width: 768px) {
    .toolbar select {
        max-width: 170px
    }
}

.toolbar .sorter,
.toolbar .limiter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    margin-left: auto
}

.toolbar .sorter-action {
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.toolbar .sorter-action::before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.toolbar .modes {
    display: flex;
    align-items: center;
    border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1))
}

.toolbar .modes a {
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.toolbar .mode-grid {
    border-right: 1px solid rgba(var(--base-color), var(--divider-alpha, .1))
}

.toolbar .mode-grid,
.toolbar .mode-list {
    padding: .5rem
}

.toolbar .mode-grid::before,
.toolbar .mode-list::before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

@media (max-width: 639.98px) {
    .toolbar .modes~.toolbar-amount {
        order: 100;
        width: 100%
    }
}

.toolbar .toolbar-amount+.pages {
    margin-left: auto
}

.products-grid+.pager {
    margin: 1.25rem 0
}

.pages {
    display: flex;
    align-items: center
}

.pages .items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem
}

.pages .items a,
.pages .items .page {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    padding: .25rem .5rem
}

.pages .items a:hover,
.pages .items .page:hover {
    text-decoration: none
}

.pages .items .current .page {
    background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1))
}

.pages .action.previous,
.pages .action.next {
    display: flex;
    align-items: center;
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.pages .action.previous::before,
.pages .action.next::before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.minicart-wrapper {
    position: relative
}

.minicart-wrapper .action.showcart {
    position: relative
}

.minicart-wrapper .action.showcart::before {
    content: '';
    flex-shrink: 0;
    display: block;
    width: 2.5rem;
    height: 2.5rem
}

.minicart-wrapper .action.showcart .counter.qty.empty {
    opacity: 0
}

.minicart-wrapper .action.showcart .counter.qty {
    position: absolute;
    top: 5px;
    right: 0;
    height: .625rem;
    width: .625rem;
    border-radius: 999px;
    background: rgba(var(--brand-color), var(--brand-alpha, 1))
}

.minicart-wrapper .action.showcart .counter.qty span {
    display: none
}

.minisearch .label::before,
.minisearch .action.search::before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

@media (min-width: 640px) {
    .block-search {
        position: relative
    }
}

.header .block-search .block-title {
    display: none
}

.header .block-search .label::before {
    display: none
}

@media (max-width: 639.98px) {
    .header .block-search .label::before {
        display: block
    }
}

.minisearch {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.minisearch .control {
    padding: 1rem;
    background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
    position: absolute;
    top: 100%;
    margin: 0 !important;
    left: -9999px
}

@media (min-width: 640px) {
    .minisearch .control {
        background: transparent;
        position: static;
        display: block;
        padding: 0
    }
}

.minisearch .control .input-text {
    padding-right: 2.25rem;
    text-overflow: ellipsis;
    min-width: 240px
}

.minisearch .control .nested {
    display: none;
    position: absolute;
    top: 100%;
    font-size: .875rem;
    line-height: 1.25rem
}

.minisearch .actions {
    display: none;
    position: absolute;
    top: calc(100% + 1.5rem);
    right: 1rem
}

@media (min-width: 640px) {
    .minisearch .actions {
        display: flex;
        position: static
    }
}

.minisearch .action.search {
    margin-left: -2rem
}

@media (max-width: 639.98px) {
    .minisearch .action.search {
        display: none
    }
}

.message:where(.warning, .success, .notice, .error, .info) {
    display: flex;
    align-items: flex-start;
    gap: .25rem;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    border: 1px solid transparent
}

.message:where(.warning, .success, .notice, .error, .info)::before {
    flex-shrink: 0;
    content: '';
    width: 1.5rem;
    height: 1.5rem
}

.message>div,
.message>span {
    margin-right: auto
}

.message>div+.button-close,
.message>span+.button-close {
    margin-left: 0
}

div+.message,
.control .message {
    margin-top: .5rem
}

.message a {
    text-decoration: underline !important
}

.old-price.map-old-price {
    text-decoration: none
}

.product-info-price .old-price.map-old-price {
    display: inline-block
}

.map-fallback-price {
    display: none
}

.map-show-info {
    margin-right: .25rem
}

@media (max-width: 639.98px) {
    .navigation-wrapper {
        display: none;
        position: fixed;
        visibility: hidden
    }

    .nav-open .navigation-wrapper,
    .nav-before-open .navigation-wrapper {
        display: block
    }
}

:root {
    --navigation-media-mobile: (max-width: 639.98px)
}

.nav-toggle {
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    align-items: center;
    margin-right: -0.5rem
}

.page-wrapper>.navigation-wrapper .navigation>ul,
.page-header>.navigation-wrapper .navigation>ul {
    margin-left: -0.5rem
}

@media (min-width: 640px) and (max-width: 1023.98px) {
    .header.content {
        flex-wrap: wrap
    }

    .header.content>.navigation-wrapper {
        order: 9999;
        width: 100%;
        margin-bottom: -0.5rem
    }

    .header.content>.navigation-wrapper .navigation>ul {
        margin-left: -0.5rem
    }
}

.navigation {
    color: rgba(var(--base-color), var(--base-alpha, 1))
}

@media (min-width: 640px) {

    .navigation .active>a.level-top,
    .navigation .has-active>a.level-top {
        --divider-alpha: .05;
        background: rgba(var(--base-color), var(--divider-alpha, .1))
    }
}

.navigation li {
    position: relative
}

.navigation .parent>a {
    padding-right: 1.5rem
}

@media (min-width: 640px) {
    [data-action="toggle-nav"] {
        display: none
    }

    .navigation>ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        gap: .5rem
    }
}

.nav-toggle::after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem;
    z-index: 39;
    width: 3rem;
    height: 3rem
}

a[href*="&content=/bmlweb/ppwpsiw.html"] {
    display: none
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .payment-icon[src*="paypalobjects.com"] {
        width: 39px
    }
}

.box-tocart .fieldset .actions>div.paypal-logo:not(.braintree-paypal-logo) {
    width: auto
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0 auto
}

[data-content-type="tabs"] .tab-header {
    padding: .625rem 1rem
}

[data-content-type="tabs"] .tabs-content>div {
    padding: .75rem 1rem
}

.page-layout-cms-full-width .page-main {
    max-width: none;
    margin: 0;
    padding: 0
}

body:not(.page-layout-cms-full-width) .main>[data-content-type="row"] [data-element="inner"],
.modal-content [data-content-type="row"] [data-element="inner"] {
    padding: 0;
    margin: 0;
    max-width: none
}

@media (max-width: 767.98px) {
    .pagebuilder-mobile-hidden {
        display: none
    }
}

@media (min-width: 768px) {
    .pagebuilder-mobile-only {
        display: none
    }
}

.highlight {
    font-weight: 500
}

@media (min-width: 1280px) {
    .xl-bg-clamp [data-background-images] {
        background-size: clamp(0px, 1400px, 100%) !important
    }

    .xl-bg-center [data-background-images] {
        background-position: center !important
    }
}

[data-content-type="row"] [data-element="inner"] {
    padding-top: 0;
    padding-bottom: 0
}

[data-content-type="row"] [data-element="inner"].narrow {
    --container-max-width: 768px
}

form,
button,
[data-content-type="buttons"] {
    line-height: 1.5rem
}

[data-content-type="buttons"] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

[data-content-type="buttons"][data-appearance="stacked"] {
    flex-direction: column
}

[data-content-type="tabs"] .tabs-navigation {
    display: flex
}

[data-content-type="tabs"] .tab-header>a {
    color: inherit
}

[data-content-type="tabs"] .tab-header>a:hover {
    text-decoration: none
}

[data-content-type="banner"]>a,
[data-content-type="slider"]>a,
[data-content-type="slide"]>a {
    outline-offset: -4px
}

[data-content-type="banner"] a,
[data-content-type="slider"] a {
    display: block
}

[data-content-type="banner"] a:hover,
[data-content-type="slider"] a:hover {
    text-decoration: none !important
}

.v-middle .pagebuilder-banner-wrapper,
.v-middle .pagebuilder-slide-wrapper {
    display: flex;
    align-items: center
}

.pagebuilder-overlay {
    padding: 30px;
    position: relative
}

.pagebuilder-overlay.pagebuilder-poster-overlay {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
    max-width: 540px;
    width: 100%
}

[data-appearance='collage-centered'] .pagebuilder-overlay {
    margin-left: auto;
    margin-right: auto
}

[data-appearance='collage-right'] .pagebuilder-overlay {
    margin-left: auto
}

.pagebuilder-poster-content {
    width: 100%
}

.pagebuilder-banner-button {
    margin: 20px 0 0 0
}

[data-enable-parallax="1"] {
    opacity: 0;
    transition: opacity linear 50ms 100ms
}

[data-enable-parallax="1"].jarallax-ready {
    opacity: 1
}

[data-enable-parallax="0"][data-video-src] .jarallax-container:not(:has(video[style*="translate3d"], iframe[style*="translate3d"])) {
    opacity: 0
}

.pagebuilder-slide-wrapper,
[data-content-type="slider"] a {
    height: 100%
}

.slick-dots {
    list-style: none;
    margin: 0;
    width: 100%;
    display: flex;
    padding: .625rem 0;
    justify-content: center;
    gap: 0
}

.slick-dots button {
    display: block;
    background: transparent;
    border: 0;
    padding: .25rem;
    border-radius: 50%
}

.slick-dots button>span {
    text-indent: -9999px;
    display: block;
    border-radius: 50%;
    border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
    background: #000;
    color: #fff;
    width: 1rem;
    height: 1rem;
    box-shadow: 0 0 0 1px #fff
}

.slick-dots .slick-active button>span {
    background: #fff;
    color: #000
}

.slick-arrow {
    position: absolute;
    z-index: 11;
    top: 50%;
    width: 35px;
    height: 60px;
    transform: translateY(-50%);
    --base-bg-alpha: .7;
    background-color: rgba(var(--base-bg), var(--base-bg-alpha, 1));
    color: rgba(var(--base-color), var(--base-alpha, 1));
    display: none;
    gap: 0;
    align-items: center;
    justify-content: center;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0;
    border-radius: 0
}

.slick-arrow .slick-initialized {
    display: flex
}

.slick-arrow::before {
    content: '';
    display: block;
    width: 35px;
    height: 60px
}

.slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

@media (max-width: 767.98px) {
    [data-appearance="carousel"] .product-items .product-item-inner {
        margin-top: 0
    }
}

.pagebuilder-column-group {
    display: flex
}

.gap-0>.pagebuilder-column-group,
.gap-0>.pagebuilder-column-group>.pagebuilder-column-line,
.pagebuilder-column-group.gap-0>.pagebuilder-column-line {
    gap: 0
}

.gap-1>.pagebuilder-column-group,
.gap-1>.pagebuilder-column-group>.pagebuilder-column-line,
.pagebuilder-column-group.gap-1>.pagebuilder-column-line {
    gap: .25rem
}

.gap-2>.pagebuilder-column-group,
.gap-2>.pagebuilder-column-group>.pagebuilder-column-line,
.pagebuilder-column-group.gap-2>.pagebuilder-column-line {
    gap: .5rem
}

.gap>.pagebuilder-column-group,
.gap>.pagebuilder-column-group>.pagebuilder-column-line,
.pagebuilder-column-group.gap>.pagebuilder-column-line {
    gap: .5rem
}

.gap-3>.pagebuilder-column-group,
.gap-3>.pagebuilder-column-group>.pagebuilder-column-line,
.pagebuilder-column-group.gap-3>.pagebuilder-column-line {
    gap: .75rem
}

.gap-4>.pagebuilder-column-group,
.gap-4>.pagebuilder-column-group>.pagebuilder-column-line,
.pagebuilder-column-group.gap-4>.pagebuilder-column-line {
    gap: 1rem
}

.gap-5>.pagebuilder-column-group,
.gap-5>.pagebuilder-column-group>.pagebuilder-column-line,
.pagebuilder-column-group.gap-5>.pagebuilder-column-line {
    gap: 1.25rem
}

.gap-6>.pagebuilder-column-group,
.gap-6>.pagebuilder-column-group>.pagebuilder-column-line,
.pagebuilder-column-group.gap-6>.pagebuilder-column-line {
    gap: 1.5rem
}

.gap-7>.pagebuilder-column-group,
.gap-7>.pagebuilder-column-group>.pagebuilder-column-line,
.pagebuilder-column-group.gap-7>.pagebuilder-column-line {
    gap: 1.75rem
}

.gap-8>.pagebuilder-column-group,
.gap-8>.pagebuilder-column-group>.pagebuilder-column-line,
.pagebuilder-column-group.gap-8>.pagebuilder-column-line {
    gap: 2rem
}

@media (max-width: 767.98px) {

    .pagebuilder-column-group,
    .pagebuilder-column-line {
        row-gap: 1rem;
        flex-wrap: wrap
    }

    .pagebuilder-column {
        flex-basis: 100%;
        max-width: 100%
    }
}

.price-box p {
    margin: 0
}

.price-label,
.price-box .label,
.msrp-message {
    color: rgba(var(--base-color), var(--muted-alpha, .6));
    font-size: 1rem;
    line-height: 1.5rem
}

.price-box a {
    line-height: 1.5rem;
    font-size: 1rem
}

.special-price {
    color: rgba(var(--danger-color), var(--danger-alpha, 1))
}

.old-price {
    color: rgba(var(--base-color), var(--muted-alpha, .6));
    display: inline-block
}

.weee[data-label],
.minimal-price-link,
.price-excluding-tax,
.price-including-tax {
    display: block
}

.weee[data-label],
.price-including-tax+.price-excluding-tax {
    font-size: .875rem;
    line-height: 1.5rem
}

.weee[data-label]::before,
.price-including-tax+.price-excluding-tax::before {
    content: attr(data-label) ': '
}

.prices-tier .weee[data-label],
.prices-tier .price-excluding-tax,
.prices-tier .price-including-tax {
    display: inline-block
}

.prices-tier .price-including-tax+.price-excluding-tax:before {
    content: '(' attr(data-label) ': '
}

.prices-tier .weee[data-label]:before {
    content: '+' attr(data-label) ': '
}

.prices-tier .weee[data-label]:last-child:after {
    content: ')'
}

.product-info-wrapper {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "title" "media" "main";
    gap: 1rem;
    margin-bottom: 1rem
}

.product-info-wrapper .page-title-wrapper {
    grid-area: title;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .product-info-wrapper .page-title-wrapper {
        --animation-order: 0 !important
    }
}

@media (min-width: 768px) {
    .product-info-wrapper .page-title-wrapper {
        margin-bottom: .125rem
    }
}

.product-info-wrapper .page-title-wrapper h1 {
    margin: 0
}

.product-info-wrapper .product-info-main {
    grid-area: main
}

@media (max-width: 767.98px) {
    .product-info-wrapper .product-info-main {
        display: contents
    }
}

.product-info-wrapper .product.media {
    grid-area: media
}

@media (min-width: 768px) {
    .product-info-wrapper {
        row-gap: 0;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "media main" "media main"
    }
}

.product-info-main {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.product-info-price {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.product-info-price .price-box {
    font-size: 1.5rem;
    line-height: 2rem
}

.prices-tier {
    margin: .5rem 0;
    max-width: 400px
}

.prices-tier li+li {
    margin-top: .5rem
}

.product-info-stock-sku {
    display: flex;
    align-items: center;
    gap: .5rem
}

.product-info-stock-sku .stock {
    --stock-bg: var(--blue-muted);
    --stock-color: var(--blue);
    background: rgb(var(--stock-bg));
    color: rgb(var(--stock-color));
    padding: .125rem .5rem
}

.product-info-stock-sku .stock.available {
    --stock-bg: var(--green-muted);
    --stock-color: var(--green)
}

.product-info-stock-sku .stock.unavailable {
    --stock-bg: var(--red-muted);
    --stock-color: var(--red)
}

.product-info-stock-sku .sku {
    display: flex;
    align-items: center;
    gap: .25rem
}

.product-info-main .configurable-variation-qty {
    display: none
}

.product-info-wrapper .product-add-form {
    margin: .5rem 0
}

.product-info-wrapper .product-add-form form>div+div {
    margin-top: .5rem
}

.product-info-wrapper .product-add-form .product-options-wrapper {
    margin: 0 0 .5rem
}

.product-info-wrapper .product-add-form .product-options-wrapper .label {
    font-weight: 500
}

.product-info-wrapper .product-add-form .product-options-wrapper .label~.control {
    margin-top: .25rem
}

.product-info-wrapper .product-add-form .product-options-wrapper .field {
    margin-top: 0;
    margin-bottom: .375rem
}

.product-info-wrapper .product-add-form .product-options-wrapper .field:last-child {
    margin-bottom: 0
}

.product-info-wrapper .product-add-form .product-options-wrapper .field .field {
    margin-bottom: .25rem
}

.product-info-wrapper .product-add-form .product-options-wrapper .field .field:last-child {
    margin-bottom: 0
}

.product-info-wrapper .product-add-form .product-options-wrapper .swatch-opt+.field {
    margin-top: .375rem
}

.product-info-wrapper .product-add-form .product-options-bottom {
    margin: 1.25rem 0 0
}

.box-tocart .fieldset {
    display: flex;
    align-items: flex-start;
    gap: .5rem
}

.box-tocart .fieldset .field.qty {
    margin: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: .5rem
}

.box-tocart .fieldset .field.qty .control {
    margin: 0
}

.box-tocart .fieldset .actions {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: center;
    gap: .5rem
}

.box-tocart .fieldset .actions>div {
    width: 100%;
    max-width: 400px;
    z-index: 10
}

.field.qty>.control,
.input-text.qty {
    max-width: 4rem
}

.product-addto-links,
.product-social-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: .75rem;
    row-gap: .5rem;
    margin: .5rem 0
}

.product-addto-links button,
.product-social-links button {
    gap: 0;
    padding: 0;
    background: transparent
}

.product-addto-links a.action,
.product-social-links a.action,
.product-addto-links button.action,
.product-social-links button.action {
    color: rgba(var(--base-color), var(--muted-alpha, .6));
    border-radius: 0
}

.product-addto-links a.action:hover,
.product-social-links a.action:hover,
.product-addto-links button.action:hover,
.product-social-links button.action:hover {
    text-decoration: underline
}

.product-social-links .product-addto-links {
    margin: 0
}

.product.info.detailed {
    clear: both
}

@media (min-width: 768px) {
    .product.info.detailed {
        margin: 1rem 0
    }
}

@media (min-width: 768px) {
    .product.info #reviews::after {
        content: '';
        display: table;
        clear: both
    }

    .product.info .review-add+.review-list,
    .product.info #product-review-container {
        float: right;
        width: 55%
    }

    .product.info .review-add {
        float: left;
        width: 42%
    }
}

.block.related .product-item:first-child {
    display: block !important
}

.field.downloads .price-container:before {
    content: ' + ';
    display: inline
}

.downloads-all [type="checkbox"] {
    display: none
}

.downloads-all .label {
    cursor: pointer
}

@media (min-width: 768px) {
    .bundle-options-container {
        margin: 1rem 0
    }
}

.bundle-options-container .product-options-wrapper {
    border: 0;
    padding: 0
}

.bundle-options-container .product-add-form {
    display: none
}

@media (min-width: 768px) {
    .page-bottom .widget-recent {
        --listing-grid-columns: 4
    }
}

@media (min-width: 1024px) {
    .page-bottom .widget-recent {
        --listing-grid-columns: 5
    }
}

.product-reviews-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem;
    text-align: left
}

.rating-result {
    position: relative;
    width: 6.25rem;
    height: 1.5rem
}

.rating-result::before {
    opacity: .2
}

.rating-result>span {
    position: relative;
    display: block
}

.rating-result::before,
.rating-result>span::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1.5rem
}

.reviews-actions {
    display: flex;
    align-items: center;
    gap: .5rem
}

.reviews-actions a {
    font-size: .875rem;
    line-height: 1.25rem
}

.review-add .review-legend {
    display: none
}

.review-field-ratings {
    margin: 0
}

.review-field-ratings legend {
    display: none !important
}

.review-field-rating>.label {
    min-width: 80px
}

.review-control-vote {
    color: rgba(var(--base-color), var(--divider-alpha, .1));
    height: 1.5rem;
    width: 7.5rem
}

.review-control-vote::before {
    content: '';
    position: absolute;
    inset: 0
}

.review-control-vote label {
    position: absolute;
    opacity: 0
}

.review-list .limiter,
.review-list .toolbar:first-child {
    display: none
}

.review-list .review-items {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.review-list .review-item {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.review-list .review-title {
    font-weight: 500
}

.review-list .review-ratings {
    order: -1
}

.review-list .review-content {
    margin: 0 0 .25rem
}

.review-list .review-details {
    display: flex;
    align-items: baseline;
    gap: .25rem;
    opacity: .6
}

.review-list .review-date {
    font-size: .875rem;
    line-height: 1.25rem
}

.search-suggestions {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem
}

@media (max-width: 639.98px) {
    .search-suggestions {
        flex-direction: column
    }
}

.search-suggestions .block {
    min-width: 180px
}

.search-suggestions .block+.block {
    margin: 0
}

.search-terms {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.search.found {
    margin-bottom: .25rem
}

.search.summary {
    margin-bottom: .5rem
}

[class*="swatch-opt"]:has(.swatch-attribute:not(.breeze-placeholder)) .swatch-attribute.breeze-placeholder {
    display: none
}

.swatch-attribute {
    margin-bottom: .375rem;
    min-height: 4rem
}

.swatch-attribute:last-child {
    margin: 0
}

.product-item .swatch-attribute {
    margin-bottom: .25rem;
    min-height: 2rem
}

.product-item .swatch-attribute:last-child {
    margin: 0
}

.swatch-attribute-label {
    font-weight: 500;
    margin-right: .25rem
}

.swatch-attribute-label~.swatch-attribute-options {
    margin-top: .25rem
}

.swatch-attribute-options {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem
}

.product-item .swatch-attribute-options {
    gap: .25rem
}

.swatch-option {
    font-size: .75rem;
    color: rgba(var(--base-color), var(--muted-alpha, .6));
    background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    min-width: 2rem;
    height: 2rem;
    padding: 0 .25rem;
    position: relative;
    margin: 0
}

.swatch-option::before {
    content: '';
    position: absolute;
    box-shadow: 0 0 0 1px inset rgba(var(--base-color), var(--divider-alpha, .1));
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.product-item .swatch-option {
    font-size: .75rem;
    font-weight: 400;
    min-width: 2rem;
    height: 2rem
}

input.swatch-input {
    position: absolute;
    visibility: hidden;
    top: -9999px;
    left: -9999px
}

.actions-primary input.swatch-input {
    display: none
}

.product-item [class^="swatch-opt-"] {
    margin: 0 0 .125rem
}

.form.form-orders-search .action.primary,
.form.search.advanced .action.primary,
.form.password.forget .action.primary,
.form.password.reset .action.primary,
.form.send.confirmation .action.primary,
.form-create-account .action.primary {
    width: 100%
}

.login-container {
    max-width: none
}

.login-container .block>.block-title {
    padding: .5rem 0
}

.column.main .form.contact .action.primary {
    width: 100%
}

:where(body:not(.narrow-page-reset)) .checkout-success .actions-toolbar,
.form.form-orders-search .actions-toolbar,
.form-create-account .actions-toolbar {
    justify-content: center
}

.catalogsearch-advanced-index .page.messages,
.customer-account-forgotpassword .page.messages,
.customer-account-create .page.messages {
    max-width: 620px;
    margin: 0 auto
}

:where(body:not(.narrow-page-reset)) .checkout-success,
:where(body:not(.narrow-page-reset)) .checkout-success+#registration {
    text-align: center
}

.checkout-cart-index .column.main .block .title {
    padding: 1rem;
    background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1))
}

.checkout-cart-index .column.main .block:not(.crosssell) .content {
    padding: 1rem
}

.checkout-cart-index .column.main .block .products-grid {
    margin-top: max(2 * var(--listing-grid-item-margin), -2 * var(--listing-grid-item-margin))
}

:where(.table-totals, .table.totals) a {
    display: inline-block
}

:where(.table-totals, .table.totals) button {
    padding: 0 .375rem;
    border: 0
}

:where(.table-totals, .table.totals) .amount {
    text-align: right
}

:where(.table-totals, .table.totals) [class^="totals-tax"],
:where(.table-totals, .table.totals) .totals:not(.grand) {
    color: rgba(var(--base-color), var(--muted-alpha, .6));
    border: 0
}

:where(.table-totals, .table.totals) [class^="totals-tax"] th,
:where(.table-totals, .table.totals) .totals:not(.grand) th,
:where(.table-totals, .table.totals) [class^="totals-tax"] td,
:where(.table-totals, .table.totals) .totals:not(.grand) td {
    font-weight: 400;
    padding-top: .25rem;
    padding-bottom: .25rem
}

:where(.table-totals, .table.totals) .totals-tax-details {
    display: none
}

:where(.table-totals, .table.totals) .totals-tax-details.shown {
    display: table-row
}

:where(.table-totals, .table.totals) .totals-tax-summary .amount .price {
    display: inline-flex
}

:where(.table-totals, .table.totals) .totals-tax-summary .amount .price::before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

:where(.table-totals, .table.totals) .grand.totals {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.cart-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    row-gap: 2rem
}

@media (max-width: 767.98px) {
    .cart-container {
        row-gap: 1rem
    }
}

@media (min-width: 768px) {
    .cart-container {
        --sidebar-width: 220px;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start
    }

    .checkout-cart-index .cart-container>* {
        width: calc(100% - var(--sidebar-width));
        padding-right: 2%
    }
}

@media (min-width: 1024px) {
    .cart-container {
        --sidebar-width: 420px
    }
}

.cart-container .form-cart {
    order: -2
}

@media (max-width: 767.98px) {
    .cart-container #gift-options-cart {
        order: -1
    }
}

.cart-container .gift-wrapping .gift-options-content {
    margin: .5rem 0 .75rem
}

.cart-container .gift-wrapping .gift-printed-card {
    margin-top: .25rem
}

.cart-container .gift-summary .price-box,
.cart-container .gift-options .price-box {
    margin-left: 1.25rem
}

.cart-container .cart.actions {
    padding-top: .75rem;
    justify-content: flex-end;
    border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1))
}

.cart-container .cart.actions .continue {
    display: none
}

.cart-container .cart-summary {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 768px) {
    .cart-container .cart-summary {
        position: sticky;
        top: 1rem;
        width: var(--sidebar-width)
    }
}

.cart-container .cart-summary>.block~div {
    margin: 0
}

.cart-container .discount .content,
.cart-container .shipping .content {
    display: none
}

.cart-container .cart-totals {
    padding: 0 1rem
}

.cart-container .col.subtotal {
    text-align: right;
    padding-right: .25rem
}

.cart-container .checkout-methods-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem
}

.cart-container .checkout-methods-items li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem
}

.cart-container .checkout-methods-items li>div {
    width: 100%
}

.cart-container .checkout-methods-items li:first-child {
    width: 100%
}

.cart-container .checkout-methods-items .primary {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    padding: .75rem 2.5rem;
    width: 100%
}

.cart-container .checkout-methods-items .multicheckout {
    display: none
}

.cart.table-wrapper .item-info {
    border: 0
}

.cart.table-wrapper .item-actions td {
    padding-top: 0
}

.cart.table-wrapper .product-item-photo {
    float: left;
    max-width: 40%
}

.cart.table-wrapper .product-item-details {
    float: left;
    max-width: calc(60% - .75rem);
    margin-left: .75rem
}

.cart.table-wrapper .product-item-name {
    font-size: 1.125rem;
    line-height: 1.75rem;
    display: block;
    margin-bottom: .5rem
}

.cart.table-wrapper .control.qty input.qty {
    padding: 0 0 0 .25rem;
    border: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 2.5rem;
    border-color: transparent
}

.cart.table-wrapper .actions-toolbar {
    margin: 0 .25rem;
    align-items: flex-start;
    justify-content: flex-end
}

.cart.table-wrapper .action::before {
    width: 1.5rem;
    height: 1.5rem
}

.cart.table-wrapper .action-edit,
.cart.table-wrapper .action-delete,
.cart.table-wrapper .action-towishlist {
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.cart.table-wrapper .action-edit::before,
.cart.table-wrapper .action-delete::before,
.cart.table-wrapper .action-towishlist::before {
    content: '';
    display: block
}

.cart.table-wrapper .action-gift {
    gap: 0
}

.cart.table-wrapper .action-gift::after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.cart.table-wrapper .gift-options-cart-item {
    margin-right: auto
}

.cart.table-wrapper .gift-content {
    display: none;
    max-width: 100%;
    margin: .5rem 0 0
}

@media (min-width: 768px) {
    .cart.table-wrapper .gift-content {
        width: 420px
    }
}

.cart.table-wrapper .gift-content._active {
    display: block
}

.cart.table-wrapper .gift-content .actions-toolbar {
    margin: .5rem 0;
    justify-content: flex-start
}

.cart.table-wrapper .gift-options-title {
    margin: .5rem 0
}

.cart.table-wrapper .item-options,
.cart.table-wrapper .message {
    margin: .5rem 0
}

.cart-tax-total {
    display: inline-flex;
    gap: .125rem;
    align-items: center
}

.cart-tax-total::after {
    content: '';
    display: block;
    width: .75rem;
    height: .75rem;
    transform: rotate(90deg)
}

.checkout-onepage-success #registration br {
    display: none
}

.checkout-success {
    margin-bottom: 15px
}

.page-narrow .checkout-success {
    text-align: center
}

.page-narrow .checkout-success .actions-toolbar {
    margin-top: 2.5rem;
    justify-content: center
}

@media (max-width: 767.98px) {
    .account .page-main .columns {
        padding-top: 3.5rem
    }
}

.customer-account-logoutsuccess.narrow-page .column.main {
    text-align: center
}

.login-container .actions-toolbar {
    margin: 1.25rem 0
}

.login-container>.block {
    padding: 0
}

@media (min-width: 768px) {
    .login-container {
        display: flex;
        gap: 3rem;
        flex-direction: row
    }

    .login-container>.block {
        flex-grow: 1;
        flex-basis: 0;
        margin: 0 !important
    }
}

@media (min-width: 1024px) {
    .customer-account-login.narrow-page.page-layout-1column .page-main .columns {
        max-width: 1024px
    }
}

@media (min-width: 768px) {

    .form-edit-account>.fieldset,
    .form-address-edit>.fieldset {
        float: left;
        width: 48%;
        max-width: 420px;
        margin-right: 2%
    }
}

.form-address-edit .region_id {
    display: none
}

.form-address-edit .field~.message .button-close {
    display: none
}

.form-edit-account .fieldset.password:not([style]) {
    display: none
}

.form-edit-account .fieldset.info {
    display: block
}

.form-edit-account .fieldset.additional_info {
    display: block;
    clear: both
}

[data-role="password-strength-meter"] {
    display: none
}

.form-wishlist-items div:empty,
.form-wishlist-items .product-reviews-summary {
    display: none
}

.form-wishlist-items .box-tocart {
    border: 0;
    padding: 0
}

.page-title-wrapper .order-status {
    display: inline-block;
    border: 2px solid rgba(var(--base-color), var(--divider-alpha, .1));
    padding: .375rem .75rem
}

.page-title-wrapper .order-status+.order-date {
    margin-left: .5rem
}

.page-title-wrapper .order-date {
    display: inline-block;
    margin: 0
}

.order-links {
    display: flex;
    margin-bottom: .5rem;
    gap: .25rem
}

.order-links>.item {
    padding: .5rem .75rem;
    background-color: rgba(var(--muted-bg), var(--muted-bg-alpha, 1))
}

.order-links>.item.current {
    --divider-alpha: .2
}

.order-details-items {
    margin: .5rem 0
}

.order-links~.order-details-items .order-title {
    display: none
}

@media (min-width: 768px) {
    .order-details-items .order-title {
        display: none
    }
}

.order-details-items dl.item-options {
    margin-top: .5rem
}

.order-details-items tbody tr:not(:last-child) {
    border-bottom: 0
}

.order-details-items tbody tr+tr td:first-child {
    padding-left: 1rem
}

.order-details-items tbody tr+tr:not(:last-child) td {
    padding-top: .25rem;
    padding-bottom: .25rem
}

@media (max-width: 767.98px) {
    .order-details-items .table-wrapper {
        padding: false
    }

    .order-links~.order-details-items .table-wrapper {
        padding: 0
    }
}

.paypal-review {
    max-width: none
}

.paypal-review .block-order-details-view .block-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 1.5rem
}

.paypal-review .block-order-details-view .block-content .box {
    margin: 0
}

@media (min-width: 640px) {
    .paypal-review .block-order-details-view .block-content {
        flex-direction: row
    }
}

.paypal-review .box-order-billing-address img[src*="paypalobjects.com"] {
    width: 39px
}

.paypal-review-discount,
.paypal-review-items {
    margin: 1rem 0
}

.paypal-review .discount .title {
    font-size: 1rem;
    line-height: 1.5rem;
    border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
    border-width: 1px 0;
    margin-bottom: 1rem
}

.paypal-review .discount .title strong {
    font-weight: 400
}

.paypal-review .paypal-review-title a {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-left: .5rem
}

.paypal-review .cart.items tfoot .mark~td {
    text-align: right
}

.paypal-review .actions-toolbar {
    justify-content: flex-end
}

.privacy-policy {
    --sidebar-width: 250px;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "sidebar" "main";
    gap: 1rem;
    row-gap: 1rem
}

@media (min-width: 768px) {
    .privacy-policy {
        grid-template-columns: var(--sidebar-width) 1fr;
        grid-template-areas: "sidebar main"
    }
}

.privacy-policy>.privacy-policy-content {
    grid-area: main
}

.privacy-policy>.block-collapsible-nav {
    grid-area: sidebar
}

.page-print .logo {
    display: inline-block;
    margin-bottom: 0.5cm
}

@media print {
    @page {
        size: auto;
        margin: 0
    }

    body {
        margin: 1cm;
        min-height: auto
    }

    a {
        --link-color: 0, 0, 0
    }

    .page-header,
    .page-footer {
        display: none
    }

    .page-wrapper {
        min-height: 0
    }

    .page-main {
        padding: 0;
        margin: 0
    }

    [data-action="toggle-nav"] {
        display: none
    }

    .hidden-print {
        display: none !important
    }
}

@media all and (min-width:768px),
print {
    .breeze-gallery .images {
        overflow: visible;
        flex-wrap: wrap
    }

    .breeze-gallery .images .item {
        width: calc((100% - (var(--gallery-columns-gap) * var(--gallery-columns-count) - var(--gallery-columns-gap))) / var(--gallery-columns-count))
    }
}

@media all and (min-width:1024px),
print {
    .breeze-gallery.vertical:not(.opened) {
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-end
    }

    .breeze-gallery.vertical:not(.opened) .thumbnails {
        flex-direction: column;
        flex-wrap: nowrap;
        order: -1;
        max-height: 550px;
        margin: 0 5px 0 0;
        padding-right: 5px;
        padding-bottom: 0;
        overflow-y: overlay
    }
}

#html-body .page-wrapper #maincontent>.messages {
    max-width: var(--container-max-width);
    margin: var(--container-margin)
}

.checkout-index-index .navigation-wrapper {
    display: none !important
}