/** Shopify CDN: Minification failed

Line 8794:0 Unexpected "}"

**/
[data-critical-css=false] {
    display: block
}

table {
    border-top: solid 1px var(--color-border);
    border-bottom: solid 1px var(--color-border);
    border-collapse: separate
}

.collapsible-tab--root table,
.template--page table {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-collapse: collapse;
    border-width: 1px;
    border-color: var(--color-border);
    border-style: solid;
    color: #000
}

.collapsible-tab--root table td,
.collapsible-tab--root th,
.template--page table td,
.template--page th {
    border-width: 1px;
    border-color: var(--color-border);
    border-style: solid;
    padding: 8px
}

@media only screen and (max-width:768px) {
    table.responsive {
        display: block;
        width: 100%;
        box-sizing: border-box;
        float: left;
        clear: left;
        border: 0
    }

    table.responsive tbody,
    table.responsive td,
    table.responsive th,
    table.responsive thead,
    table.responsive tr {
        display: block;
        width: 100%;
        box-sizing: border-box;
        float: left;
        clear: left
    }

    table.responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    table.responsive tr {
        border: 1px solid var(--color-border);
        padding: 12px
    }

    table.responsive td {
        padding: 0;
        line-height: 1.6;
        border: none;
        border-bottom: 0;
        position: relative;
        padding: 8px 0
    }

    table.responsive td:empty {
        padding: 0
    }

    table.responsive td:before {
        display: block;
        word-wrap: break-word;
        max-width: 100%
    }

    table.responsive td:before {
        content: attr(data-label)
    }
}

.search--bar {
    position: relative
}

@media only screen and (max-width:767px) {
    .search--bar {
        padding-top: 8px
    }
}

@media only screen and (min-width:768px) {
    .search--bar {
        padding: 16px 0
    }
}

.predictive-search--filter {
    padding-right: 16px
}

.predictive-search--filter:hover {
    cursor: pointer
}

input[type=search].search--textbox {
    padding: 0 55px 0 32px;
    border: 0;
    outline: 0;
    box-shadow: none;
    background: 0 0;
    height: 50px;
    font-size: 22px;
    margin: 0
}

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

@media only screen and (max-width:767px) {
    input[type=search].search--textbox {
        padding: 0 84px 0 16px
    }
}

input[type=text]::-ms-clear {
    display: none
}

.search--loading {
    display: none;
    position: absolute
}

@media only screen and (min-width:768px) {
    .search--loading {
        top: 23px;
        left: -1px
    }
}

@media only screen and (max-width:767px) {
    .search--loading {
        top: 12px;
        right: 48px
    }
}

.search--loading svg {
    fill: #000
}

.search--results {
    display: flex;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.45, .05, .55, .95)
}

@media only screen and (min-width:768px) {
    .search--results {
        gap: 32px;
        padding: 0 16px
    }
}

@media only screen and (max-width:767px) {
    .search--results {
        flex-wrap: wrap
    }
}

.predictive-search--left {
    width: 100%
}

.predictive-search--heading {
    display: flex;
    padding: 16px;
    border-bottom: 1px solid var(--color-border)
}

.predictive-search--container {
    padding: 32px 16px
}

.predictive-search--title {
    flex-grow: 1
}

.predictive-search--products {
    padding: 32px 16px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .predictive-search--products[data-columns="3"] {
        grid-template-columns: repeat(2, 1fr)
    }

    .predictive-search--products[data-columns="4"] {
        grid-template-columns: repeat(3, 1fr)
    }
}

.predictive-search--right {
    transition: opacity .2s cubic-bezier(.45, .05, .55, .95)
}

@media only screen and (max-width:767px) {
    .predictive-search--right {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .predictive-search--right {
        flex: 1 0 300px;
        width: 300px;
        max-width: 300px
    }
}

.predictive-search--item:not(:last-of-type) {
    padding-bottom: 16px
}

.predictive-search--feedback {
    text-align: center;
    padding: 32px 16px
}

.search-results--root[data-view=products] {
    padding-top: 32px
}

.search-results--products {
    width: 100%
}

.search-results--spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 96px 0
}

.search-results--spinner-wrapper>* {
    margin: 0 auto
}

.search-results--filter-feedback {
    text-align: center;
    padding: 72px 0
}

@media only screen and (min-width:768px) {
    [data-columns="2"] .search-results--filter-feedback {
        grid-column: 1/span 2
    }

    [data-columns="3"] .search-results--filter-feedback {
        grid-column: 1/span 3
    }

    [data-columns="4"] .search-results--filter-feedback {
        grid-column: 1/span 4
    }
}

@media only screen and (max-width:767px) {
    [data-mobile-columns="1"] .search-results--filter-feedback {
        grid-column: 1/span 1
    }

    [data-mobile-columns="2"] .search-results--filter-feedback {
        grid-column: 1/span 2
    }
}

.search-results--button {
    text-align: center
}

.search-results--button a {
    padding: 16px
}

.search-results--pagination {
    width: 100%
}

.navigation--root {
    padding: 0 48px
}

.navigation--root[data-show-navigation=false] {
    padding: 40px 0 0
}

@media only screen and (max-width:767px) {
    .navigation--root {
        padding: 0 16px
    }

    .navigation--root[data-show-navigation=false] {
        padding: 16px 0 0
    }
}

@media only screen and (min-width:768px) {
    .navigation--container {
        display: flex;
        justify-content: space-between;
        margin: 72px 0 0
    }
}

.navigation--layout {
    display: flex;
    margin-left: auto
}

.navigation--layout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1px solid var(--color-border)
}

.navigation--layout-button:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-right: 0;
    padding-left: 8px
}

.navigation--layout-button:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left: 0;
    padding-right: 8px
}

.navigation--layout-button[data-active=false]:not(:hover) {
    color: var(--color-border)
}

.navigation--layout-button:hover[data-active=false] {
    transition: .25s color ease-in;
    cursor: pointer
}

.navigation--layout-button>* {
    pointer-events: none
}

.navigation--filter[data-item] {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 3px;
    border: 1px solid var(--color-border);
    border-radius: 20px;
    flex-basis: initial
}

.navigation--button {
    height: 32px;
    line-height: calc(32px + 1px);
    padding: 0 12px;
    border-radius: 16px
}

.navigation--button:hover {
    cursor: pointer
}

.navigation--results {
    display: flex;
    align-items: center
}

.navigation--tags-container {
    padding-top: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.navigation--active-tags[data-item] {
    flex-basis: initial;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.navigation--active-tag:not(:last-child) {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 2px 8px 2px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 16px;
    transition: background-color .4s cubic-bezier(.19, 1, .22, 1);
    background-color: #f7f7f7;
    margin: 3px 8px 3px 0
}

.navigation--active-tag:not(:last-child):hover {
    cursor: pointer
}

.navigation--active-tag:not(:last-child) .icon--root {
    display: none;
    padding-left: 4px;
    height: 8px
}

input:checked+.navigation--active-tag:not(:last-child) {
    background-color: #f7f7f7
}

input:checked+.navigation--active-tag:not(:last-child) .icon--root {
    display: block
}

@media only screen and (max-width:767px) {
    .navigation--active-tag:not(:last-child) {
        margin: 4px 12px 4px 0
    }
}

.navigation--active-tag:not(:last-child) .icon--root {
    display: block
}

.navigation--active-tag:not(:last-child)>* {
    pointer-events: none
}

.navigation--active-tag--swatch[data-item=swatch] {
    height: 16px;
    width: 16px;
    min-width: 16px;
    margin: 0 4px 0 -4px
}

.navigation--active-clear[data-item] {
    flex-basis: initial;
    padding: 0 0 4px 8px
}

.navigation--active-clear[data-item]:hover {
    cursor: pointer
}

.navigation--mobile-header[data-container] {
    flex-wrap: unset
}

.navigation--mobile-header[data-container]:empty {
    display: none
}

@media only screen and (max-width:767px) {
    .navigation--mobile-header[data-container] {
        display: flex;
        justify-content: space-between;
        padding: 32px 0 0
    }
}

.navigation--mobile-button {
    height: 32px;
    line-height: 14px;
    flex-basis: initial;
    padding: 8px 16px;
    border: 1px solid var(--color-border);
    border-radius: 16px
}

@media only screen and (min-width:768px) {
    .filter--root {
        position: relative;
        overflow: auto;
        height: 100vh
    }
}

.filter--wrapper {
    width: 100%
}

@media only screen and (min-width:768px) {
    .filter--wrapper {
        position: absolute;
        top: 0;
        padding-bottom: 78px
    }
}

.filter--form {
    padding: 32px 16px;
    position: relative
}

.filter--category:not(:last-child) {
    padding-bottom: 16px
}

.filter--toggle {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 16px;
    border-radius: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .25s background-color ease-in
}

.filter--toggle[aria-expanded=false] .icon--chevron-up {
    display: none
}

.filter--toggle[aria-expanded=false]+.filter--menu {
    display: none
}

.filter--toggle[aria-expanded=true] .icon--chevron-down {
    display: none
}

.filter--toggle:hover {
    cursor: pointer
}

.filter--toggle>* {
    pointer-events: none
}

.filter--menu {
    padding: 8px 0 0 calc(8px / 2)
}

.filter--menu[data-is-swatches] {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0 0 16px
}

.filter--price--container {
    padding: 8px 0 0 12px
}

.filter--price-range {
    padding-bottom: 16px;
    position: relative;
    display: flex
}

.filter--price-range--button {
    position: absolute;
    top: -16px;
    padding: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform: translateX(0);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1)
}

.filter--price-range--button:first-of-type {
    left: -13px
}

.filter--price-range--button:last-of-type {
    right: -13px
}

.filter--price-range--button:hover {
    cursor: pointer
}

.filter--price-range--button>* {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--color-button-bg);
    pointer-events: none
}

.filter--price-range--line {
    background-color: var(--color-border);
    border-radius: 3px;
    height: 3px;
    width: 100%;
    transition: width .4s cubic-bezier(.19, 1, .22, 1)
}

.filter--price-range--line>* {
    background-color: var(--color-button-bg);
    width: 100%;
    height: 100%
}

.filter--price-fields {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.filter--price-field {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 40%
}

.filter--price-separator {
    line-height: 45px
}

.filter--price-currency {
    line-height: 45px;
    padding-left: 8px;
    position: absolute
}

.filter--price-input {
    margin: 0;
    text-align: end
}

@media only screen and (min-width:768px) {
    .filter--price-input {
        padding-right: 0
    }
}

.filter--link {
    display: flex
}

.filter--menu:not([data-is-swatches]) .filter--link:not(:last-child) {
    margin-bottom: 8px
}

[data-is-swatches] .filter--link {
    width: calc(50% - 8px);
    margin-right: 8px
}

[data-is-swatches] .filter--link:nth-of-type(n+3) {
    margin-top: 12px
}

[data-is-swatches] .filter--link:not(:nth-last-child(-n+2)) {
    margin-bottom: 12px
}

.filter--label:not([data-item=swatch]) {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 2px 8px 2px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 16px;
    transition: background-color .4s cubic-bezier(.19, 1, .22, 1)
}

.filter--label:not([data-item=swatch]):hover {
    cursor: pointer
}

.filter--label:not([data-item=swatch]) .icon--root {
    display: none;
    padding-left: 4px;
    height: 8px
}

input:checked+.filter--label:not([data-item=swatch]) {
    background-color: #f7f7f7
}

input:checked+.filter--label:not([data-item=swatch]) .icon--root {
    display: block
}

.filter--label[for*=size]>* {
    text-transform: uppercase
}

.filter--label[data-item=swatch]>:first-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 12px;
    left: 24px
}

@media only screen and (max-width:767px) {
    .filter--label[data-item=swatch]>:first-child {
        left: 40px
    }
}

.filter--label span {
    pointer-events: none
}

.filter--input[type=checkbox],
.filter--input[type=radio] {
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0
}

.filter--no-filters {
    padding: 8px 0 0 32px
}

.filter--search {
    padding: 16px;
    border-top: 1px solid var(--color-border)
}

.filter--search:only-child {
    border: 0
}

.filter--search-link {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px;
    border-radius: 28px;
    transition: .25s background-color ease-in
}

.filter--search-link:hover {
    cursor: pointer
}

.filter--search-link>* {
    pointer-events: none
}

.filter--search-icon {
    padding-right: 16px
}

.filter--button-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 16px 16px 32px;
    border-top: 1px solid var(--color-border);
    background-color: var(--color-page-bg)
}

@media only screen and (min-width:768px) {
    .filter--button-container {
        position: fixed;
        bottom: 0;
        right: 0;
        padding: 16px
    }
}

.filter--button {
    width: calc(50% - 8px);
    text-align: center
}

.filter--button span {
    width: 100%
}

.breadcrumbs--root {
    display: flex;
    flex-wrap: wrap;
    padding: 12px 0
}

.breadcrumbs--root>* a,
.breadcrumbs--root>[data-item] {
    text-transform: capitalize
}

.breadcrumbs--root li {
    display: inline-flex;
    align-items: center
}

.breadcrumbs--root li:not(:last-of-type):after {
    margin: 0 12px;
    content: "/"
}

.pagination--root[data-item] {
    display: flex;
    justify-content: center;
    align-items: center
}

.flexbox-gap .pagination--root[data-item] {
    gap: 12px
}

.no-flexbox-gap .pagination--root[data-item]>* {
    margin: calc(12px / 2)
}

@media only screen and (max-width:767px) {
    .flexbox-gap .pagination--root[data-item] {
        gap: 8px
    }

    .no-flexbox-gap .pagination--root[data-item]>* {
        margin: calc(8px / 2)
    }
}

.pagination--first-arrow,
.pagination--last-arrow,
.pagination--left-arrow,
.pagination--right-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-border);
    border-radius: 50%
}

@media only screen and (max-width:767px) {

    .pagination--first-arrow,
    .pagination--last-arrow,
    .pagination--left-arrow,
    .pagination--right-arrow {
        width: 44px;
        height: 44px
    }
}

.pagination--first-arrow:empty,
.pagination--last-arrow:empty,
.pagination--left-arrow:empty,
.pagination--right-arrow:empty {
    border: 0
}

.pagination--first-arrow svg,
.pagination--last-arrow svg,
.pagination--left-arrow svg,
.pagination--right-arrow svg {
    height: 10px
}

@media only screen and (max-width:767px) {

    .pagination--first-arrow svg,
    .pagination--last-arrow svg,
    .pagination--left-arrow svg,
    .pagination--right-arrow svg {
        height: 13px
    }
}

.pagination--link {
    border-radius: 50%
}

.modal--link {
    cursor: pointer
}

.modal--link>* {
    pointer-events: none
}

.modal--window {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    visibility: hidden;
    min-height: 100%;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 96px
}

@media only screen and (max-width:767px) {
    .modal--window {
        padding: 48px 12px 12px
    }
}

.modal--window .icon--cross {
    vertical-align: top
}

.modal--window[data-modal-fullscreen=true] {
    padding: 0
}

@media only screen and (max-width:767px) {
    .modal--window[data-modal-fullscreen=true] {
        padding: 0
    }
}

.modal--mask {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0 !important;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9000;
    background-color: #000;
    transition: opacity .4s cubic-bezier(.45, .05, .55, .95)
}

.modal--mask[data-transition=at_end],
.modal--mask[data-transition=forwards] {
    opacity: .8;
    visibility: visible
}

.modal--container {
    position: relative;
    width: 100%;
    min-height: 100%;
    z-index: 9002
}

.modal--content {
    position: relative;
    background: var(--color-page-bg);
    left: 50%;
    display: none;
    max-width: 100%;
    min-width: 200px;
    transform: translateX(-50%)
}

@media only screen and (min-width:768px) {
    .modal--content {
        min-width: 300px
    }
}

[data-modal-fullscreen=true] .modal--content {
    width: 100%;
    min-height: 100vh;
    top: 0;
    left: 0;
    transform: translateX(0)
}

.modal--content.with-padding {
    padding: 16px
}

.modal--content.full-width {
    width: 100%
}

.modal--content.active {
    display: inline-block;
    overflow: hidden
}

[data-modal-fullscreen=true] .modal--content.active {
    overflow: visible
}

.modal--window.fixed {
    position: fixed;
    height: 100%
}

.modal--window.fixed .modal--container {
    height: 100%
}

.modal--window.fixed .modal--container .modal--content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.modal--close,
.modal--next,
.modal--prev {
    background-color: transparent;
    z-index: 9002;
    position: fixed;
    cursor: pointer;
    font-size: 30px;
    color: #fff;
    padding: 10px;
    opacity: .8;
    border: none
}

.modal--close:hover,
.modal--next:hover,
.modal--prev:hover {
    opacity: 1;
    background-color: transparent
}

.modal--close {
    top: 0 !important;
    right: 0;
    padding: 32px;
    font-size: 18px
}

[data-modal-fullscreen=true] .modal--close {
    color: var(--color-text)
}

[data-modal-custom-close=true] .modal--close {
    display: none
}

@media only screen and (max-width:767px) {
    .modal--close {
        padding: 20px
    }

    body[data-border=true] .modal--close {
        padding: 30px
    }
}

.modal--prev {
    margin-top: -25px;
    left: 12px;
    top: 50% !important;
    display: none
}

.modal--next {
    margin-top: -25px;
    right: 12px;
    top: 50% !important;
    display: none
}

.mobile-nav--header {
    display: flex;
    justify-content: space-between
}

.mobile-nav--search a {
    display: block;
    padding: 32px 16px
}

.mobile-nav--login a {
    display: block;
    padding: 32px 16px
}

.y-menu--level-1--link .icon--chevron-left {
    top: 22px
}

.mobile-nav--localization {
    padding: 16px
}

@media only screen and (max-width:767px) {
    .mobile-nav--localization {
        padding: 12px
    }
}

.mobile-nav--localization>form {
    display: flex;
    flex-wrap: wrap
}

.flexbox-gap .mobile-nav--localization>form {
    gap: 32px
}

.no-flexbox-gap .mobile-nav--localization>form>* {
    margin: calc(32px / 2)
}

@media only screen and (max-width:767px) {
    .flexbox-gap .mobile-nav--localization>form {
        gap: 16px
    }

    .no-flexbox-gap .mobile-nav--localization>form>* {
        margin: calc(16px / 2)
    }
}

.mobile-nav--localization [data-id=off-canvas--locale] .disclosure--main {
    text-transform: none
}

.y-menu {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 400px;
    overflow: hidden;
    transition: height .4s cubic-bezier(.19, 1, .22, 1)
}

.y-menu li,
.y-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

[data-y-menu--overlap=false] .y-menu--overlap-icon {
    display: none
}

@media only screen and (max-width:767px) {
    .y-menu--overlap-icon {
        display: none
    }
}

.y-menu--level-1--link {
    display: inline-block;
    display: block;
    border-bottom: 1px solid var(--color-border)
}

.y-menu--level-1--link:first-child {
    border-top: 1px solid var(--color-border)
}

.y-menu--level-1--link a {
    padding: 16px;
    position: relative;
    display: block;
    z-index: 0;
    line-height: 1.3;
    padding: 20px 35px 20px 15px
}

.y-menu--level-1--link .icon--chevron-right--small {
    position: absolute;
    right: 12px;
    top: 22px
}

.y-menu--level-1--link .icon--chevron-left--small {
    position: absolute;
    left: 12px;
    top: 22px
}

.y-menu--back-link {
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    text-align: center
}

.y-menu--level-2--container {
    display: none;
    position: absolute;
    z-index: 4;
    min-width: 150px;
    padding: 0;
    background: var(--color-page-bg);
    overflow: hidden;
    left: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    transform: translateX(0);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1)
}

.y-menu--parent-link {
    display: block;
    border-bottom: 1px solid var(--color-border)
}

.y-menu--parent-link:first-child {
    border-top: 1px solid var(--color-border)
}

.y-menu--level-2--link {
    display: block;
    border-bottom: 1px solid var(--color-border)
}

.y-menu--level-2--link:first-child {
    border-top: 1px solid var(--color-border)
}

[data-y-menu--parent-link=level-2] .y-menu--level-2--link>a {
    padding-left: 35px
}

.y-menu--level-3--container {
    padding: 0;
    position: absolute;
    display: none;
    left: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    background: var(--color-page-bg);
    z-index: 5;
    transform: translateX(0);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1)
}

.y-menu--level-3--link {
    display: block;
    border-bottom: 1px solid var(--color-border)
}

.y-menu--level-3--link:first-child {
    border-top: 1px solid var(--color-border)
}

[data-y-menu--parent-link=level-3] .y-menu--level-3--link>a {
    padding-left: 35px
}

[data-item=input] {
    align-items: center;
    background: var(--color-page-bg);
    border: 1px solid var(--color-border);
    display: inline-flex;
    margin-bottom: 15px;
    position: relative;
    text-align: left
}

[data-item=input] [data-item=minus],
[data-item=input] [data-item=plus] {
    padding: 0 8px;
    cursor: pointer;
    background: var(--color-page-bg);
    display: flex;
    align-items: center;
    height: 38px
}

@media only screen and (max-width:767px) {

    [data-item=input] [data-item=minus],
    [data-item=input] [data-item=plus] {
        padding: 0 16px
    }
}

[data-item=input] input {
    width: 38px;
    height: 32px;
    line-height: 32px;
    z-index: 1;
    border-top: 0;
    border-bottom: 0;
    margin: 0;
    border-radius: 0
}

.image--root {
    position: relative;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .image--root[data-cover=true] {
        position: static
    }
}

@media only screen and (max-width:767px) {
    .image--root[data-cover-mobile=true] {
        position: static
    }
}

@media only screen and (min-width:768px) {
    .image--root[data-darken=true]:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3)
    }
}

@media only screen and (max-width:767px) {
    .image--root[data-darken-mobile=true]:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3)
    }
}

.image--root[data-parallax=true] {
    height: 100%
}

.image--root noscript img {
    visibility: visible;
    opacity: 1
}

.image--parallax {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

@media only screen and (min-width:768px) {
    .image--parallax {
        background-attachment: fixed
    }
}

.image--container {
    max-width: 100%;
    position: relative
}

@media only screen and (min-width:768px) {
    .image--root[data-cover=true] .image--container {
        position: static
    }
}

@media only screen and (max-width:767px) {
    .image--root[data-cover-mobile=true] .image--container {
        position: static
    }
}

img {
    vertical-align: middle;
    max-width: 100%
}

.image--root img {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    visibility: hidden;
    width: 100%
}

.image--root img.lazyloaded {
    visibility: visible;
    opacity: 1
}

@media only screen and (min-width:768px) {
    .image--root[data-cover=true] img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media only screen and (max-width:767px) {
    .image--root[data-cover-mobile=true] img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.placeholder--root {
    height: 100%;
    position: relative;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .placeholder--root[data-cover=true] {
        position: static
    }
}

@media only screen and (max-width:767px) {
    .placeholder--root[data-cover-mobile=true] {
        position: static
    }
}

@media only screen and (min-width:768px) {
    .placeholder--root[data-darken=true]:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3)
    }
}

@media only screen and (max-width:767px) {
    .placeholder--root[data-darken-mobile=true]:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3)
    }
}

.placeholder--container {
    height: 100%
}

@media only screen and (max-width:767px) {
    .placeholder--root[data-cover-mobile=true] .placeholder--container {
        padding-top: 0 !important
    }
}

.radios--root[data-display-only=true] {
    pointer-events: none
}

.radios--root[data-display-only=false] .radios--header {
    display: flex;
    padding-bottom: 8px
}

.flexbox-gap .radios--root[data-display-only=false] .radios--header {
    gap: 8px
}

.no-flexbox-gap .radios--root[data-display-only=false] .radios--header>* {
    margin: calc(8px / 2)
}

.radios--root[data-display-only=false] .radios--header>* {
    padding-bottom: 0
}

.radios--container {
    display: flex;
    flex-wrap: wrap
}

.flexbox-gap .radios--container {
    gap: 16px
}

.no-flexbox-gap .radios--container>* {
    margin: calc(16px / 2)
}

.flexbox-gap .radios--root[data-display-only=true] .radios--container {
    gap: 12px
}

.no-flexbox-gap .radios--root[data-display-only=true] .radios--container>* {
    margin: calc(12px / 2)
}

@media only screen and (max-width:767px) {
    .flexbox-gap .radios--root[data-display-only=true] .radios--container {
        gap: 8px
    }

    .no-flexbox-gap .radios--root[data-display-only=true] .radios--container>* {
        margin: calc(8px / 2)
    }
}

.radios--main {
    display: flex;
    align-items: center
}

.radios--option-label {
    display: inline
}

label[data-item=swatch] {
    position: relative;
    display: inline-block;
    height: 24px;
    width: 24px;
    min-width: 24px;
    margin-left: -1px;
    border: 1px solid var(--color-border);
    border-radius: 50%;
    padding-bottom: 0;
    background-size: cover
}

@media only screen and (max-width:767px) {
    label[data-item=swatch] {
        height: 40px;
        width: 40px;
        min-width: 40px
    }
}

.radios--root[data-display-only=true] label[data-item=swatch] {
    height: 25px;
    width: 25px;
    min-width: 25px
}

label[data-item=swatch]:hover {
    cursor: pointer
}

label[data-item=swatch]::after {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid var(--color--body--light);
    top: -4px;
    left: -4px;
    position: absolute;
    display: inline-block
}

@media only screen and (max-width:767px) {
    label[data-item=swatch]::after {
        height: 46px;
        width: 46px
    }
}

.radios--value-button {
    padding: 0
}

.radios--value-button>* {
    border: 2px solid var(--color-border);
    color: var(--color--body--light);
    line-height: 43px;
    height: auto;
    background: 0 0
}

.radios--input[data-item=radio],
[data-is-swatches=true] .filter--input {
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0
}

[data-container=section] .radios--input[data-item=radio],
[data-container=section] [data-is-swatches=true] .filter--input {
    flex-basis: unset;
    padding: 0
}

.radios--input[data-item=radio]:not([disabled])+label[data-item=swatch]::after,
[data-is-swatches=true] .filter--input:not([disabled])+label[data-item=swatch]::after {
    content: "";
    border: 2px solid var(--color-border)
}

.radios--input[data-item=radio]:checked:not([disabled])+label[data-item=swatch]::after,
.radios--input[data-item=radio]:hover:not([disabled])+label[data-item=swatch]::after,
[data-is-swatches=true] .filter--input:checked:not([disabled])+label[data-item=swatch]::after,
[data-is-swatches=true] .filter--input:hover:not([disabled])+label[data-item=swatch]::after {
    border: 2px solid var(--color-text)
}

.radios--input[data-item=radio]:checked+.radios--value-button>*,
.radios--input[data-item=radio]:hover+.radios--value-button>*,
[data-is-swatches=true] .filter--input:checked+.radios--value-button>*,
[data-is-swatches=true] .filter--input:hover+.radios--value-button>* {
    border-color: var(--color--body--light);
    color: var(--color-text);
    background: 0 0
}

.radios--input[data-item=radio]:focus-visible+.radios--value-button>*,
.radios--input[data-item=radio]:focus-visible+label[data-item=swatch]::after,
[data-is-swatches=true] .filter--input:focus-visible+.radios--value-button>*,
[data-is-swatches=true] .filter--input:focus-visible+label[data-item=swatch]::after {
    box-shadow: 0 0 0 3px Highlight
}

.radios--input[data-item=radio][data-empty=true]+.radios--value-button>*,
.radios--input[data-item=radio][data-unavailable=true]+.radios--value-button>*,
[data-is-swatches=true] .filter--input[data-empty=true]+.radios--value-button>*,
[data-is-swatches=true] .filter--input[data-unavailable=true]+.radios--value-button>* {
    background: linear-gradient(to left top, transparent calc(50% - 1px), var(--color-border), transparent calc(50% + 1px))
}

.radios--input[data-item=radio][data-empty=true]:checked+.radios--value-button>*,
.radios--input[data-item=radio][data-unavailable=true]:checked+.radios--value-button>*,
[data-is-swatches=true] .filter--input[data-empty=true]:checked+.radios--value-button>*,
[data-is-swatches=true] .filter--input[data-unavailable=true]:checked+.radios--value-button>* {
    color: var(--color-border)
}

.radios--input[data-item=radio][data-empty=true]+label[data-item=swatch]::before,
.radios--input[data-item=radio][data-unavailable=true]+label[data-item=swatch]::before,
[data-is-swatches=true] .filter--input[data-empty=true]+label[data-item=swatch]::before,
[data-is-swatches=true] .filter--input[data-unavailable=true]+label[data-item=swatch]::before {
    content: "";
    width: 2px;
    height: calc(100% + 5.5px);
    background-color: var(--color-border);
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -3px;
    transform: translate(-50%) rotate(45deg)
}

.carousel--root {
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:768px) {
    .carousel--root[data-spacing-above=true] {
        padding-top: 72px
    }
}

@media only screen and (max-width:767px) {
    .carousel--root[data-spacing-above=true] {
        padding-top: 32px
    }
}

@media only screen and (min-width:768px) {
    .carousel--root[data-spacing-below=true] {
        padding-bottom: 72px
    }
}

@media only screen and (max-width:767px) {
    .carousel--root[data-spacing-below=true] {
        padding-bottom: 32px
    }
}

.carousel--root[data-dot-nav=false] .carousel--dot-nav {
    display: none
}

.carousel--root * {
    -webkit-user-drag: none
}

@media only screen and (max-width:767px) {
    .carousel--root .featured-content--root {
        padding-top: 0;
        padding-bottom: 0
    }
}

.carousel--viewport {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel--x-container {
    display: flex;
    transform: translateX(0);
    z-index: 1;
    position: relative
}

.carousel--root:hover .carousel--x-container {
    will-change: transform
}

.carousel--x-container[data-transition=forwards] {
    transition: transform 1s cubic-bezier(.19, 1, .22, 1)
}

.carousel--x-container[data-transition=backwards] {
    transition: transform .4s cubic-bezier(.68, -.55, .27, 1.55)
}

.carousel--y-container {
    position: relative;
    width: 100%;
    transition: height 1s cubic-bezier(.19, 1, .22, 1);
    overflow: hidden;
    display: flex;
    align-items: flex-start
}

.carousel--root[data-at-start=false][data-at-end=false] .carousel--y-container:hover,
.carousel--root[data-at-start=false][data-at-end=true] .carousel--y-container:hover,
.carousel--root[data-at-start=true][data-at-end=false] .carousel--y-container:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.carousel--root:hover .carousel--y-container {
    will-change: height
}

.carousel--root[data-dragging=true] .carousel--y-container:hover {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.carousel--block {
    position: absolute;
    left: 100%
}

@media only screen and (min-width:768px) {
    .carousel--block[data-loaded=true] {
        position: relative;
        left: 0
    }
}

@media only screen and (max-width:767px) {
    .carousel--block[data-loaded--mobile=true] {
        position: relative;
        left: 0
    }
}

.carousel--root[data-spacing-around-blocks=true] .carousel--block {
    padding: 0 calc(32px / 2)
}

@media only screen and (max-width:767px) {
    .carousel--root[data-spacing-around-blocks=true] .carousel--block {
        padding: 0 calc(16px / 2)
    }
}

.carousel--root[data-transition-type=fade] .carousel--block {
    transition: opacity 4s cubic-bezier(.19, 1, .22, 1);
    opacity: 0
}

@media only screen and (min-width:768px) {
    .carousel--root[data-transition-type=fade] .carousel--block[data-loaded=true] {
        opacity: 1
    }
}

@media only screen and (max-width:767px) {
    .carousel--root[data-transition-type=fade] .carousel--block[data-loaded--mobile=true] {
        opacity: 1
    }
}

.carousel--root[data-transition-type=fade] .carousel--block[data-active=old] {
    position: relative;
    z-index: 1;
    opacity: 0
}

.carousel--root[data-transition-type=fade] .carousel--block[data-active=new] {
    position: absolute;
    z-index: 2;
    opacity: 1
}

.carousel--block--container {
    align-items: center;
    display: flex;
    justify-content: center
}

.carousel--dot-nav {
    z-index: 1;
    position: absolute;
    bottom: 32px;
    right: 32px;
    display: flex;
    align-items: center
}

.carousel--dot-nav:empty {
    display: none
}

@media only screen and (min-width:768px) {
    .carousel--dot-nav {
        transform: translateX(0) !important
    }
}

@media only screen and (max-width:767px) {
    .carousel--dot-nav {
        opacity: 0
    }
}

@media only screen and (min-width:768px) {
    .carousel--root[data-spacing-below=true] .carousel--dot-nav {
        bottom: 104px
    }
}

.carousel--dot-nav[data-loaded=true] {
    opacity: 1
}

.carousel--dot-nav[data-transition=true] {
    transition: transform .4s cubic-bezier(.19, 1, .22, 1)
}

@media only screen and (min-width:768px) {
    .carousel--root[data-spacing-around-blocks=true] .carousel--dot-nav {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .carousel--dot-nav {
        position: relative;
        bottom: auto;
        right: auto;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 12px
    }
}

.carousel--dot {
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    margin: 0 4px;
    opacity: .6;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .carousel--dot {
        opacity: .2;
        margin: 0 2px
    }
}

.carousel--dot::after {
    content: "";
    border-radius: 50%;
    border: 2px solid #fff;
    display: block;
    height: 12px;
    width: 12px;
    background: 0 0;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .6), 0 0 2px rgba(0, 0, 0, .6)
}

@media only screen and (max-width:767px) {
    .carousel--dot::after {
        height: 8px;
        width: 8px;
        background: var(--color-text);
        border-color: var(--color-text);
        border: 0;
        box-shadow: none;
        transition: transform .4s cubic-bezier(.45, .05, .55, .95)
    }
}

@media only screen and (max-width:767px) {
    .carousel--root[data-background-color=dark] .carousel--dot::after {
        background: var(--color-page-bg);
        border-color: var(--color-page-bg)
    }
}

@media only screen and (max-width:767px) {

    .carousel--dot[data-position=leading-1]::after,
    .carousel--dot[data-position=trailing-1]::after {
        transform: scale(.66)
    }
}

@media only screen and (max-width:767px) {

    .carousel--dot[data-position=leading-2]::after,
    .carousel--dot[data-position=trailing-2]::after {
        transform: scale(.33)
    }
}

@media only screen and (max-width:767px) {
    .carousel--dot[data-position=hidden] {
        display: none
    }
}

.carousel--dot[data-active=true] {
    opacity: .8
}

@media only screen and (max-width:767px) {
    .carousel--dot[data-active=true] {
        opacity: .9
    }
}

.carousel--dot[data-active=true]::after {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6)
}

@media only screen and (max-width:767px) {
    .carousel--dot[data-active=true]::after {
        background: var(--color-text);
        opacity: .9
    }
}

@media only screen and (max-width:767px) {
    .carousel--root[data-background-color=dark] .carousel--dot[data-active=true]::after {
        background: var(--color-page-bg)
    }
}

.carousel--arrow-nav {
    position: absolute;
    display: flex;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    align-items: center
}

.carousel--arrow-nav:last-of-type {
    justify-content: flex-end
}

@media only screen and (max-width:767px) {
    .carousel--arrow-nav {
        display: none
    }
}

.carousel--prev {
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
    z-index: 2;
    opacity: .85;
    margin-left: 32px
}

@media only screen and (max-width:767px) {
    .carousel--prev {
        margin-left: 16px
    }
}

.carousel--prev:hover {
    cursor: pointer
}

.carousel--prev>* {
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1);
    opacity: .85
}

.carousel--prev:hover>* {
    opacity: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, .08);
    transform: scale(1.06)
}

.carousel--root[data-at-start=true] .carousel--prev {
    opacity: 0;
    cursor: default;
    transition: opacity .4s cubic-bezier(.45, .05, .55, .95)
}

.carousel--next {
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
    z-index: 2;
    opacity: .85;
    position: relative;
    margin-right: 32px
}

@media only screen and (max-width:767px) {
    .carousel--next {
        margin-right: 16px
    }
}

.carousel--next:hover {
    cursor: pointer
}

.carousel--next>* {
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1);
    opacity: .85
}

.carousel--next:hover>* {
    opacity: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, .08);
    transform: scale(1.06)
}

.carousel--root[data-at-end=true] .carousel--next {
    opacity: 0;
    cursor: default;
    transition: opacity .4s cubic-bezier(.45, .05, .55, .95)
}

.section--footer {
    margin-top: auto
}

.footer--root {
    background: var(--bg-color--footer);
    color: var(--color--footer);
    padding: 48px;
    z-index: 2;
    position: relative
}

@media only screen and (max-width:767px) {
    .footer--root {
        flex-wrap: wrap;
        padding: 32px 16px
    }
}

.footer--root>:not(:last-child) {
    padding-bottom: 16px
}

.footer--root a {
    color: var(--color--footer)
}

.footer--root[data-alt-link-hover=true] a:hover {
    color: var(--color--footer)
}

.footer--root p {
    margin-top: 0
}

.footer--root .placeholder-noblocks {
    width: 100%;
    padding: 16px
}

@media only screen and (max-width:767px) {
    .footer--root .placeholder-noblocks {
        text-align: center
    }
}

.footer--root form {
    margin: 0
}

.footer--blocks {
    display: flex;
    justify-content: space-between;
    margin: calc(-32px / 2)
}

@media only screen and (max-width:767px) {
    .footer--blocks {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .footer--blocks>:not(:last-child) {
        padding-bottom: 32px
    }
}

.footer--block {
    flex: 1 1 auto;
    display: flex;
    padding: calc(32px / 2)
}

@media only screen and (max-width:767px) {
    .footer--block {
        flex-basis: 100% !important;
        text-align: center
    }
}

.footer--block[data-block-type=about] {
    flex-basis: 35%
}

.footer--block[data-block-type=menu] {
    flex-basis: 30%
}

.footer--block[data-block-type=subscribe] {
    flex-basis: 35%
}

@media only screen and (max-width:767px) {
    .footer--block:nth-of-type(1) .footer--block--container {
        margin: 0 auto
    }
}

.footer--block:nth-of-type(2) .footer--block--container {
    margin: 0 auto
}

.footer--block:nth-of-type(3) .footer--block--container {
    margin: 0 0 0 auto
}

@media only screen and (max-width:767px) {
    .footer--block:nth-of-type(3) .footer--block--container {
        margin: 0 auto
    }
}

.footer--block[data-block-type=subscribe] .footer--block--container {
    width: 300px
}

@media only screen and (max-width:767px) {
    .footer--block[data-block-type=subscribe] .footer--block--container {
        width: 280px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .footer--block[data-block-type=subscribe] .footer--block--container {
        width: 200px
    }
}

.footer--block--heading {
    padding-bottom: 16px
}

.footer--block--body>:not(:last-child) {
    padding-bottom: 16px
}

@media only screen and (max-width:767px) {
    .footer--block--body>:not(:last-child) {
        padding-bottom: 12px
    }
}

.footer--about-text {
    max-width: 400px
}

.footer--social-icons {
    display: inline-flex;
    margin: calc(-16px / 2)
}

@media only screen and (max-width:767px) {
    .footer--social-icons {
        padding-top: 16px
    }

    .footer--social-icons svg {
        height: 20px;
        width: 20px
    }
}

@media only screen and (min-width:768px) {
    .footer--social-icons svg {
        height: 16px;
        width: 16px
    }
}

.footer--social-icons a {
    padding: 8px
}

@media only screen and (max-width:767px) {
    .footer--social-icons a {
        padding: 12px
    }
}

@media only screen and (max-width:767px) {
    .footer--menu li:not(:last-child) {
        padding-bottom: 8px
    }
}

.footer--subscribe .footer--form-container {
    display: flex;
    max-width: 300px
}

.flexbox-gap .footer--subscribe .footer--form-container {
    gap: 8px
}

.no-flexbox-gap .footer--subscribe .footer--form-container>* {
    margin: calc(8px / 2)
}

@media only screen and (max-width:767px) {
    .footer--subscribe .footer--form-container {
        margin: 0 auto
    }
}

.footer--subscribe .footer--form-container input[type=email] {
    padding-top: 22px;
    padding-bottom: 22px;
    margin-bottom: 0
}

.footer--subscribe .footer--form-container .success {
    font-style: italic
}

.footer--subscribe .footer--form-submit {
    width: auto;
    flex-shrink: 0
}

.footer--subscribe--info {
    padding-bottom: 16px
}

.footer--sub {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: calc(-32px / 2)
}

.footer--sub>* {
    flex: 1 1 36%;
    padding: calc(32px / 2);
    display: flex
}

@media only screen and (max-width:767px) {
    .footer--sub>* {
        flex-basis: 100%;
        text-align: center
    }
}

.footer--sub--block[data-type=powered-by] {
    flex-basis: 28%
}

@media only screen and (max-width:767px) {
    .footer--sub--block[data-type=powered-by] {
        order: 3
    }
}

.footer--sub--block[data-type=localization] form {
    display: flex;
    flex-wrap: wrap
}

.flexbox-gap .footer--sub--block[data-type=localization] form {
    gap: 32px
}

.no-flexbox-gap .footer--sub--block[data-type=localization] form>* {
    margin: calc(32px / 2)
}

@media only screen and (max-width:767px) {
    .footer--sub--block[data-type=localization] form {
        justify-content: center
    }
}

.footer--sub--block[data-type=localization] form [data-id=footer--locale] .disclosure--main {
    text-transform: none
}

@media only screen and (max-width:767px) {
    .footer--sub--container {
        margin: 0 auto
    }
}

.footer--sub--block:nth-of-type(2) .footer--sub--container {
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .footer--sub--block:last-of-type .footer--sub--container {
        margin: 0 0 0 auto
    }
}

@media only screen and (min-width:768px) {
    .footer--sub--block:last-of-type:nth-of-type(1) .footer--sub--container {
        margin: 0 auto
    }
}

.product-page--root {
    display: block
}

.product-page--root .product-media--featured {
    display: flex;
    align-items: center;
    flex-direction: column
}

.product-page--root .product-media--featured[data-active=false] {
    display: none
}

.product-page--root .product-media--featured:not([data-media-type=image]) {
    cursor: default
}

.product-page--root .product-media--featured img {
    align-self: center
}

.product-page--root .product-media--featured video {
    width: 100%;
    max-width: 800px
}

.product-page--header .breadcrumbs--root {
    padding: 0 0 32px
}

.product-page--main-content {
    display: grid;
    grid-template-columns: minmax(100%, 100%);
    grid-template-rows: auto auto 1fr
}

@media only screen and (min-width:768px) and (max-width:1279px) {
    .product-page--main-content {
        grid-template-columns: minmax(40%, 40%) minmax(60%, 60%)
    }
}

@media only screen and (min-width:1280px) {
    .product-page--main-content {
        grid-template-columns: minmax(25%, 25%) minmax(50%, 50%) minmax(25%, 25%)
    }
}

@media only screen and (max-width:767px) {
    .product-page--left-column {
        padding: 32px 0
    }
}

@media only screen and (min-width:768px) and (max-width:1279px) {
    .product-page--left-column {
        padding: 0 0 32px
    }
}

@media only screen and (max-width:767px) {
    .product-page--block[data-block-type=thumbnails] {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1279px) {
    .product-page--block[data-block-type=thumbnails] {
        display: none
    }
}

.product-page--thumbs[data-position=image-column] {
    padding-top: 16px
}

@media only screen and (min-width:1280px) {
    .product-page--thumbs[data-position=image-column] {
        display: none
    }
}

.product-page--center {
    text-align: center;
    max-width: 100%;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width:767px) {
    .product-page--center {
        grid-row: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1279px) {
    .product-page--center {
        padding: 0 0 0 32px;
        grid-column: 2;
        grid-row: 1/span 100
    }
}

@media only screen and (min-width:1280px) {
    .product-page--center {
        padding: 0 32px
    }
}

.product-page--center .modal--link {
    cursor: zoom-in
}

@media only screen and (max-width:767px) {
    .product-page--center .modal--link {
        cursor: default
    }
}

@media only screen and (min-width:768px) {
    .product-page--root[data-zoom-enabled=true] .product-media--wrapper[data-media-type=image] {
        border: 1px solid var(--color-page-bg)
    }
}

.product-page--right-column {
    margin-top: -32px
}

.product-page--right-column .product-page--block:first-child {
    padding-top: 32px
}

@media only screen and (max-width:767px) {
    .product-page--right-column {
        margin: 0 auto;
        width: 100%
    }
}

[data-product-block][data-block-type] {
    margin-top: 32px
}

[data-product-block][data-block-type=heading],
[data-product-block][data-block-type=price],
[data-product-block][data-block-type=vendor] {
    margin-top: 16px
}

@media only screen and (max-width:767px) {

    [data-product-block][data-block-type=heading],
    [data-product-block][data-block-type=price],
    [data-product-block][data-block-type=vendor] {
        text-align: center
    }
}

[data-product-block][data-block-type=rating]+[data-product-block] {
    margin-top: 16px
}

[data-product-block][data-block-type]:first-child {
    margin-top: 0
}

[data-product-block][data-block-type]:empty,
[data-product-block][data-block-type][data-empty=true] {
    display: none
}

@media only screen and (max-width:767px) {
    [data-product-block][data-block-type=overline] {
        text-align: center
    }

    [data-product-block][data-block-type=low-stock] {
        text-align: center
    }

    [data-product-block][data-block-type=quantity-input] .product-quantity--root {
        text-align: center
    }
}

.no-js .product-options--container {
    display: none
}

.product-options--option .radios--header .product-size-chart--root {
    margin-left: auto
}

.product-options--option:not(:last-child) {
    padding-bottom: 16px
}

.product-price--root {
    display: block
}

@media only screen and (max-width:767px) {
    .product-price--root {
        display: flex;
        flex-flow: column wrap;
        align-items: center
    }
}

@media only screen and (max-width:767px) {
    .product-price--wrapper {
        flex-shrink: 0
    }
}

.product-price--original {
    display: inline-block;
    font-size: 20px
}

@media only screen and (max-width:767px) {
    .product-price--original {
        font-size: 16px
    }
}

.product-price--compare {
    text-decoration: line-through;
    color: var(--color--body--light)
}

.product-price--unit-container:empty {
    display: none
}

@media only screen and (max-width:767px) {
    [data-block-type=price] .product-price--unit-container {
        justify-content: center
    }
}

.product-price--tax {
    padding-top: 8px
}

.product-buy-buttons--form {
    display: flex;
    flex-direction: column
}

.flexbox-gap .product-buy-buttons--form {
    gap: 16px
}

.no-flexbox-gap .product-buy-buttons--form>* {
    margin: calc(16px / 2)
}

.product-buy-buttons--primary[data-loading=true] .product-buy-buttons--cta-text {
    display: none
}

.product-buy-buttons--primary[data-loading=true] .product-buy-buttons--spinner {
    display: block
}

.product-buy-buttons--primary[data-loading=true][data-item=button] svg {
    fill: #fff
}

.product-buy-buttons--primary[data-loading=true][data-item=secondary-button] svg {
    fill: #000
}

.product-buy-buttons--spinner {
    display: none
}

.product-buy-buttons--cta {
    text-align: center;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

[data-item=button] .product-buy-buttons--cta[disabled] {
    cursor: unset;
    background-color: #d2d2d2
}

[data-item=secondary-button] .product-buy-buttons--cta[disabled] {
    cursor: unset;
    color: #b9b9b9;
    border-color: #d2d2d2
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]) {
    background: var(--color-button-bg);
    color: var(--color-button);
    border-radius: 2px;
    font-family: var(--font--accent--family);
    font-weight: var(--font--accent--weight);
    font-style: var(--font--accent--style);
    text-transform: uppercase;
    font-size: var(--font--accent--size);
    letter-spacing: 1px;
    font-size: 14px
}

@media only screen and (max-width:767px) {
    .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]) {
        font-size: 13px
    }
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):focus-visible,
.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):hover,
.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):link,
.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):visited {
    color: var(--color-button);
    background: var(--color-button-bg)
}

.product-buy-buttons--smart .shopify-payment-button__button--hidden,
.product-buy-buttons--smart .shopify-payment-button__button--unbranded[disabled] {
    display: none
}

.product-buy-buttons--smart .shopify-payment-button__more-options {
    font-family: var(--font--accent--family);
    font-weight: var(--font--accent--weight);
    font-style: var(--font--accent--style);
    text-transform: uppercase;
    font-size: var(--font--accent--size);
    letter-spacing: 1px;
    margin-top: 0;
    padding: 16px 0 0 0;
    height: unset;
    line-height: unset;
    text-decoration: underline
}

@media only screen and (max-width:767px) {
    .product-buy-buttons--smart .shopify-payment-button__more-options {
        font-size: 13px
    }
}

.product-buy-buttons--smart .shopify-payment-button__more-options:focus-visible,
.product-buy-buttons--smart .shopify-payment-button__more-options:hover {
    background-color: unset;
    color: unset
}

.product-quantity--input {
    margin: 0;
    width: 72px
}

.product-size-chart--modal {
    padding: 72px 48px;
    background: var(--color-page-bg);
    text-align: center
}

@media only screen and (max-width:767px) {
    .product-size-chart--modal {
        padding: 32px 16px
    }
}

.product-unavailable--root {
    text-align: left
}

.product-unavailable--root p:not(.product-unavailable--signed-up) {
    padding-bottom: 16px
}

.product-unavailable--root [data-item=button] {
    padding-left: calc(16px / 2)
}

.product-unavailable--notice {
    padding-bottom: 8px
}

@media only screen and (max-width:767px) {
    [data-block-type=unavailable-form] .product-unavailable--notice {
        text-align: center
    }
}

.product-unavailable--notify {
    display: flex;
    flex-direction: column
}

.product-unavailable--form {
    display: flex
}

.product-unavailable--form>* {
    margin: 0
}

.product-media--root {
    width: 100%
}

.product-media--wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%
}

.product-media--wrapper .modal--link {
    cursor: zoom-in
}

.product-media--wrapper[data-media-type=image] {
    max-width: 100%;
    width: unset;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .product-page--root[data-zoom-enabled=true] .product-media--wrapper[data-media-type=image]:hover {
        border: 1px solid var(--color-border)
    }
}

.product-media--thumbs {
    display: grid;
    grid-gap: 8px;
    align-items: center
}

.product-media--root[data-direction=row] .product-media--thumbs {
    width: 100%
}

@media only screen and (max-width:767px) {
    .product-media--root[data-direction=row] .product-media--thumbs[data-mobile-columns="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .product-media--root[data-direction=row] .product-media--thumbs[data-mobile-columns="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .product-media--root[data-direction=row] .product-media--thumbs[data-mobile-columns="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media only screen and (min-width:768px) {
    .product-media--root[data-direction=row] .product-media--thumbs {
        max-width: 400px;
        margin: 0 auto
    }

    .product-media--root[data-direction=row] .product-media--thumbs[data-columns="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .product-media--root[data-direction=row] .product-media--thumbs[data-columns="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .product-media--root[data-direction=row] .product-media--thumbs[data-columns="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .product-media--root[data-direction=row] .product-media--thumbs[data-columns="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

.product-media--thumb-container {
    position: relative
}

.product-media--thumb-container svg {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--color-page-bg);
    border: 1px solid var(--color-badge-bdr);
    margin: calc(8px / 2)
}

.product-media--thumb-container svg path {
    fill: var(--color--body--light);
    opacity: .6
}

.product-media--thumb {
    cursor: pointer;
    text-align: left;
    width: 100%
}

.product-media--thumb[data-active=true] img {
    border: 1px solid var(--color-border)
}

.product-media--thumb>* {
    pointer-events: none
}

.product-model--button[data-item] {
    display: none;
    width: 100%
}

@media only screen and (max-width:767px) {
    .product-model--button[data-item] {
        display: block
    }
}

.product-model--button[data-item]>* {
    width: 100%;
    text-align: center
}

.product-media--zoom-image {
    position: absolute;
    background: var(--color-page-bg)
}

.product-media--featured[data-active=false][data-media-type=image]+.product-media--zoom-image {
    display: none
}

@media only screen and (max-width:767px) {
    .product-media--zoom-image {
        display: none
    }
}

.product-video--root {
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .product-video--root {
        max-width: 600px
    }
}

.product-video--root:focus-visible {
    outline: 0
}

.product-video--container {
    position: relative;
    width: 100%
}

.product-video--container>:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-video--container button {
    height: unset
}

.product-video--container .plyr--video:focus-visible {
    outline: 0
}

.product-video--container .plyr__control--overlaid:hover {
    background: var(--color-button)
}

.product-video--container .plyr__controls .plyr__control:hover {
    color: unset
}

.product-model--root {
    max-width: 100%;
    width: 100%;
    position: relative;
    flex: 1 1 auto
}

.product-model--root .shopify-model-viewer-ui {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.product-model--root model-viewer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid var(--color-border);
    text-align: left
}

.product-model--root model-viewer:focus-visible {
    outline: 0
}

.product-model--root button[hidden] {
    display: none
}

.product--root {
    display: flex;
    position: relative;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    width: 100%
}

.product--root[data-product-view=grid] {
    flex-direction: column
}

.product--root[data-product-view=grid][data-text-alignment=center] {
    text-align: center
}

.product--root[data-product-view=grid][data-text-alignment=left] {
    text-align: left
}

.product--root[data-product-view=slider] {
    flex-direction: column;
    padding: 0
}

.product--root[data-product-view=slider][data-text-alignment=center] {
    text-align: center
}

.product--root[data-product-view=slider][data-text-alignment=left] {
    text-align: left
}

.product--label-container[data-item] {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1
}

@media only screen and (max-width:767px) {
    .product--label-container[data-item] {
        font-size: 11px
    }
}

.product--label {
    background: #fff;
    border: 1px solid var(--color-border);
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 8px 8px 0
}

.product--root[data-label-shape=round] .product--label {
    padding: 2px 8px;
    border-radius: 20px
}

.product--root[data-label-shape=square] .product--label {
    padding: 4px 8px
}

.product--root[data-label-color=light] .product--label {
    color: var(--color-text)
}

.product--root[data-label-color=dark] .product--label {
    background: #333;
    color: var(--color--alternative);
    border: none
}

.product--root[data-label-color=accent-dark-text] .product--label {
    background: var(--color--accent);
    color: var(--color-text);
    border: none
}

.product--root[data-label-color=accent-light-text] .product--label {
    background: var(--color--accent);
    color: var(--color--alternative);
    border: none
}

.product--label:last-child {
    margin: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.product--quick-add {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 8px
}

.product--quick-add>* {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--color-border);
    background-color: var(--color-page-bg);
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1);
    opacity: .85
}

.product--quick-add:hover>* {
    opacity: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, .08);
    transform: scale(1.06)
}

[data-light-text=true] .product--quick-add svg {
    color: var(--color-text)
}

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

.product--quick-add[data-loading=true] .product--plus {
    display: none
}

@media only screen and (max-width:767px) {
    .product--plus svg {
        height: 13px;
        width: 13px
    }
}

.product--quick-add[data-loading=false] .product--spinner {
    display: none
}

.product--spinner svg {
    height: 100%;
    width: 100%
}

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

.product--ellipses .icon--root {
    width: 16px
}

.product--image-wrapper {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.product--root[data-product-view=grid][data-text-alignment=left] .product--image-wrapper {
    min-height: 125px
}

.product--root[data-product-view=grid][data-text-alignment=left] .product--image-wrapper>* {
    position: absolute
}

.product--image[data-item] {
    width: 100%;
    transition: opacity .5s;
    display: flex;
    justify-content: center
}

.product--root[data-product-view=grid][data-text-alignment=left] .product--image[data-item] {
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

.product--root[data-product-view=slider][data-text-alignment=left] .product--image[data-item] {
    padding: 0
}

@media only screen and (min-width:768px) {
    .product--root[data-hover-image=loaded]:hover .product--image[data-item] {
        opacity: 0
    }
}

.product--image[data-item] a {
    display: block;
    width: 100%
}

.product--hover-image[data-item] {
    top: 0;
    left: 0;
    position: absolute;
    display: flex;
    align-items: center;
    opacity: 0;
    overflow: hidden;
    transition: opacity .5s;
    padding: 0;
    height: 100%;
    width: 100%
}

@media only screen and (max-width:767px) {
    .product--hover-image[data-item] {
        display: none
    }
}

.product--root[data-hover-image=loaded]:hover .product--hover-image[data-item] {
    opacity: 1
}

.product--details-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 16px
}

.flexbox-gap .product--details-container {
    gap: 8px
}

.no-flexbox-gap .product--details-container>* {
    margin: calc(8px / 2)
}

.product--root[data-product-view=slider] .product--details-container {
    padding-bottom: 0
}

@media only screen and (max-width:767px) {
    .product--details-container {
        max-width: 650px;
        margin: 0 auto
    }
}

.product--details-wrapper {
    display: flex;
    flex-direction: column
}

.flexbox-gap .product--details-wrapper {
    gap: 8px
}

.no-flexbox-gap .product--details-wrapper>* {
    margin: calc(8px / 2)
}

.product--details {
    display: flex;
    flex-direction: column
}

.flexbox-gap .product--details {
    gap: 8px
}

.no-flexbox-gap .product--details>* {
    margin: calc(8px / 2)
}

.product--root[data-product-view=grid][data-text-alignment=left] .product--details {
    align-items: baseline
}

@media only screen and (min-width:1024px) {
    .product--root[data-product-view=grid][data-text-alignment=left] .product--details {
        flex-direction: row;
        justify-content: space-between
    }
}

@media only screen and (min-width:768px) {
    [data-columns="2"] .product--root[data-product-view=grid][data-text-alignment=left] .product--details {
        flex-direction: row;
        justify-content: space-between
    }
}

.product--price-container {
    display: flex;
    flex-direction: column
}

.product--price[data-item] {
    padding: 0;
    flex-basis: unset
}

.product--price-wrapper {
    display: flex
}

.flexbox-gap .product--price-wrapper {
    gap: 4px
}

.no-flexbox-gap .product--price-wrapper>* {
    margin: calc(4px / 2)
}

.product--root[data-product-view=grid][data-text-alignment=center] .product--price-wrapper {
    justify-content: center
}

.product--root[data-product-view=grid][data-text-alignment=left] .product--price-wrapper {
    flex-wrap: wrap
}

@media only screen and (min-width:1024px) {
    .product--root[data-product-view=grid][data-text-alignment=left] .product--price-wrapper {
        text-align: right;
        justify-content: flex-end
    }
}

@media only screen and (min-width:768px) {
    [data-columns="2"] .product--root[data-product-view=grid][data-text-alignment=left] .product--price-wrapper {
        text-align: right
    }
}

.product--root[data-product-view=slider][data-text-alignment=center] .product--price-wrapper {
    justify-content: center
}

.product--compare-price[data-item] {
    text-decoration: line-through
}

[data-container=section] .product--compare-price[data-item] {
    padding: 0;
    flex-basis: unset
}

[data-light-text=true] .product--compare-price[data-item] {
    color: var(--color--alternative)
}

.product--unit-price-container[data-item] {
    flex-basis: unset;
    padding: 0
}

@media only screen and (min-width:1024px) {
    .product--root[data-product-view=grid][data-text-alignment=left] .product--unit-price-container[data-item] {
        align-self: flex-end
    }
}

@media only screen and (min-width:768px) {
    [data-columns="2"] .product--root[data-product-view=grid][data-text-alignment=left] .product--unit-price-container[data-item] {
        align-self: flex-end
    }
}

.product--unit-price-container[data-item]:empty {
    display: none
}

.product--from[data-item] {
    text-transform: none;
    padding: 0;
    flex-basis: initial
}

.product--vendor {
    word-break: break-word
}

[data-light-text=true] .product--vendor {
    color: var(--color--alternative)
}

.product--vendor a {
    color: var(--color--body--light)
}

@media only screen and (max-width:767px) {
    .product--vendor a {
        padding: 16px calc(16px / 2) calc(16px / 2)
    }
}

.product--root[data-product-view=grid] .product--title {
    word-break: break-word
}

@media only screen and (max-width:767px) {
    .product--title a {
        padding: calc(16px / 2) calc(16px / 2) 16px
    }
}

.product--rating:empty {
    display: none
}

.product--root[data-product-view=grid][data-text-alignment=center] .product--rating .product-rating--root {
    justify-content: center
}

.product--root[data-product-view=grid][data-text-alignment=left] .product--rating .product-rating--root {
    justify-content: flex-start
}

.product--root[data-product-view=slider][data-text-alignment=center] .product--rating .product-rating--root {
    justify-content: center
}

.product--root[data-product-view=slider][data-text-alignment=left] .product--rating .product-rating--root {
    justify-content: flex-start
}

.product--form-select-options {
    text-align: center;
    padding: 0 16px 16px
}

.product--form-title {
    text-align: center;
    padding: 0 16px 32px
}

.product--form--media-container {
    width: 70%;
    margin: 0 auto
}

.product--form--media-container:not(:empty) {
    padding-bottom: 32px
}

.product--form--media-container [data-active=false] {
    display: none
}

.product--form--container .product-price--root {
    padding-bottom: 16px
}

.product--form--container .product-quantity--root {
    padding-bottom: 32px
}

.product--form--container .product-options--root {
    padding-bottom: 32px
}

.product--swatches--column-view:empty {
    display: none
}

.product--root[data-product-view=grid][data-text-alignment=center] .product--swatches--column-view {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--column-view {
    display: none
}

@media only screen and (max-width:767px) {
    .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--column-view:not(:empty) {
        display: block
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    [data-columns="3"] .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--column-view:not(:empty),
    [data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--column-view:not(:empty) {
        display: block
    }
}

.product--root[data-product-view=slider][data-text-alignment=center] .product--swatches--column-view {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.product--swatches--horizontal-view:empty {
    display: none
}

.product--root[data-product-view=grid][data-text-alignment=center] .product--swatches--horizontal-view {
    display: none
}

@media only screen and (max-width:767px) {
    .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--horizontal-view {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    [data-columns="3"] .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--horizontal-view,
    [data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--horizontal-view {
        display: none
    }
}

.product--root[data-product-view=slider] .product--swatches--horizontal-view {
    display: none
}

.off-canvas--right-sidebar .product-model--button {
    display: none
}

@media only screen and (min-width:768px) {
    .product-recommendations--wrapper {
        margin: 0 auto
    }

    .product-recommendations--root[data-container-width="1"] .product-recommendations--wrapper {
        max-width: 650px
    }

    .product-recommendations--root[data-container-width="2"] .product-recommendations--wrapper {
        max-width: 800px
    }

    .product-recommendations--root[data-container-width="3"] .product-recommendations--wrapper {
        max-width: 1000px
    }

    .product-recommendations--root[data-container-width="4"] .product-recommendations--wrapper {
        max-width: 1200px
    }
}

.product-recommendations--title {
    text-align: center
}

.product-rating--root {
    display: flex;
    align-items: center
}

.flexbox-gap .product-rating--root {
    gap: 4px
}

.no-flexbox-gap .product-rating--root>* {
    margin: calc(4px / 2)
}

@media only screen and (max-width:767px) {
    .product-rating--root {
        justify-content: center
    }
}

.product-rating--root .product-rating--count {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.product-rating--root .product-rating--count::before {
    content: "("
}

.product-rating--root .product-rating--count::after {
    content: ")"
}

.product-rating--stars {
    letter-spacing: 4px;
    --rating-percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * 16 / (var(--rating-max) * (16 + 4))) * 100%)
}

.product-rating--stars::before {
    content: "★★★★★";
    background: linear-gradient(90deg, #000 var(--rating-percent), rgba(0, 0, 0, .15) var(--rating-percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

[data-light-text=true] .product-rating--stars::before {
    background: linear-gradient(90deg, var(--color--alternative) var(--rating-percent), rgba(255, 255, 255, .3) var(--rating-percent));
    -webkit-background-clip: text
}

@media only screen and (max-width:767px) {
    .product-rating--stars {
        font-size: 12px
    }
}

@media only screen and (max-width:767px) {
    .product-rating--count {
        font-size: 12px
    }
}

.product-share--root {
    text-align: center;
    background: #f7f7f7
}

.product-share--links {
    justify-content: center
}

.product-share--links>[data-item] {
    display: inline-flex;
    align-items: center;
    flex-basis: unset;
    text-transform: capitalize;
    border-radius: 2px;
    padding: 8px 16px;
    background: var(--color-page-bg);
    border: 1px solid var(--color-border);
    transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out
}

.flexbox-gap .product-share--links>[data-item] {
    gap: 8px
}

.no-flexbox-gap .product-share--links>[data-item]>* {
    margin: calc(8px / 2)
}

.product-share--links>[data-item] .icon--root {
    height: 16px;
    width: 16px
}

.product-share--links>[data-item] span {
    vertical-align: top;
    line-height: 2.4
}

.product-share--links>[data-item]:focus-visible,
.product-share--links>[data-item]:hover {
    color: var(--color-page-bg)
}

.product-share--twitter:focus-visible,
.product-share--twitter:hover {
    background-color: #09aeec;
    border-color: #09aeec
}

.product-share--facebook:focus-visible,
.product-share--facebook:hover {
    background-color: #49659d;
    border-color: #49659d
}

.product-share--pinterest:focus-visible,
.product-share--pinterest:hover {
    background-color: #cb1f2b;
    border-color: #cb1f2b
}

.pickup--form:empty {
    display: none
}

.pickup--form[data-loading=true] {
    opacity: .5
}

.product-pickup--spinner {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 32px 0
}

.pickup--form--container {
    display: flex
}

.flexbox-gap .pickup--form--container {
    gap: 8px
}

.no-flexbox-gap .pickup--form--container>* {
    margin: calc(8px / 2)
}

.product-pickup--root[data-loading=true] .pickup--form--container {
    opacity: .4
}

.pickup--form--container .icon--root {
    height: 1em;
    flex-shrink: 0
}

.pickup--form--container .icon--checkmark--small {
    color: #4caf50
}

.pickup--form--container .icon--cross--small {
    color: #d32f2f
}

.pickup--form--info {
    text-align: left
}

.pickup--form--stores {
    padding-top: calc(16px / 2)
}

.pickup--drawer--container {
    padding: 32px 16px
}

.pickup--drawer--container .icon--root {
    height: 1.75em;
    flex-shrink: 0
}

.pickup--drawer--container .icon--checkmark--small {
    color: #4caf50
}

.pickup--drawer--container .icon--cross--small {
    color: #d32f2f
}

.pickup--drawer--header {
    padding-bottom: 16px
}

.pickup--drawer--product-title {
    padding-bottom: 8px
}

.pickup--drawer--list-item {
    padding: 16px 0;
    border-top: 1px solid var(--color-border)
}

.pickup--drawer--list-item:last-child {
    border-bottom: 1px solid var(--color-border)
}

.pickup--drawer--list-item>* {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.pickup--drawer--list-location-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 8px
}

.pickup--drawer--list-stock {
    padding-bottom: 8px;
    display: flex
}

.pickup--drawer--list-text {
    padding-left: 8px
}

.pickup--drawer--list-phone {
    padding-top: 8px
}

.pickup--drawer--return {
    padding-top: 16px;
    cursor: pointer
}

.collapsible-tabs--header {
    padding-bottom: 32px
}

.collapsible-tabs--root[data-title-alignment=center] .collapsible-tabs--header {
    text-align: center
}

[class*=block][data-block-type=collapsible-tab]+[class*=block][data-block-type=collapsible-tab] {
    margin-top: 0
}

[class*=block][data-block-type=collapsible-tab]+[class*=block][data-block-type=collapsible-tab] .collapsible-tab--wrapper {
    border-top: 0
}

.collapsible-tab--wrapper {
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    padding: 0;
    display: block
}

.collapsible-tab--toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 16px
}

.collapsible-tab--toggle:hover {
    cursor: pointer
}

.collapsible-tab--toggle[aria-expanded=true] .icon--chevron-down {
    display: none
}

.collapsible-tab--toggle[aria-expanded=true]+.collapsible-tab--content-wrapper {
    visibility: visible;
    overflow: visible;
    transition: height .2s cubic-bezier(.19, 1, .22, 1)
}

.collapsible-tab--toggle[aria-expanded=false] .icon--chevron-up {
    display: none
}

.collapsible-tab--heading {
    padding: 0
}

.collapsible-tab--heading:hover {
    cursor: pointer
}

.collapsible-tab--content-wrapper {
    display: block;
    overflow: hidden;
    visibility: hidden;
    height: 0;
    transition: height .2s cubic-bezier(.19, 1, .22, 1)
}

.collapsible-tab--content {
    padding: 16px;
    text-align: left
}

@-webkit-keyframes modal-open {
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0)
    }
}

@keyframes modal-open {
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0)
    }
}

@-webkit-keyframes modal-close {
    0% {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0)
    }

    100% {
        opacity: 0;
        transform: scale3d(.9, .9, 1) translate3d(-50%, -50%, 0);
        z-index: -1
    }
}

@keyframes modal-close {
    0% {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0)
    }

    100% {
        opacity: 0;
        transform: scale3d(.9, .9, 1) translate3d(-50%, -50%, 0);
        z-index: -1
    }
}

body.modal-on {
    overflow: hidden
}

body.modal-unfix {
    overflow-x: hidden;
    overflow-y: auto
}

.popup--root {
    display: none
}

.popup-modal .popup--root {
    display: block
}

.popup--heading {
    padding-bottom: 16px
}

.popup-modal-mask {
    display: none;
    opacity: .8;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9000;
    background-color: #000
}

.popup-modal-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--color-button);
    text-transform: inherit;
    background: 0 0;
    font-size: 14px;
    opacity: .8;
    transition: .3s, opacity;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    background-color: transparent;
    margin: 0;
    padding: 10px;
    font-size: 15px
}

@media only screen and (min-width:768px) {
    .popup-modal-close {
        padding: 15px
    }
}

.modal-on .popup-modal-close {
    display: block
}

.popup-modal-close:focus-visible,
.popup-modal-close:hover {
    background: 0 0;
    opacity: 1;
    cursor: pointer
}

@media only screen and (min-width:768px) {
    .popup-modal-close {
        font-size: 24px
    }
}

.popup-modal {
    display: none;
    transform-origin: 0 50%;
    position: fixed;
    border: none;
    overflow: hidden;
    opacity: 0;
    top: 50% !important;
    left: 50%;
    transform: scale3d(1.1, 1.1, 1) translate3d(-50%, -50%, 0);
    z-index: 9999;
    margin: 0;
    padding: 0;
    max-width: 100%;
    padding: 40px 30px;
    background: 0 0;
    width: 660px
}

.popup-modal.full-width {
    width: 100%
}

.popup-modal .inner,
.popup-modal .popup-image {
    position: relative
}

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

    .popup-modal .inner,
    .popup-modal .popup-image {
        flex: 1;
        max-width: 50%
    }
}

.popup-modal .inner {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    padding: 4em 2em;
    text-align: center;
    width: 100%;
    background: var(--color-page-bg);
    color: var(--color-text);
    overflow: auto
}

@media only screen and (min-width:768px) {
    .popup-modal .inner {
        overflow: hidden
    }
}

.popup-modal .inner:only-child {
    max-width: none
}

.popup-modal .inner>:not(:last-child) {
    padding-bottom: 32px
}

.popup-modal .popup-image {
    background: 0 0;
    background-color: var(--color-page-bg)
}

.popup-modal .popup-image a {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block
}

@media only screen and (min-width:768px) {
    .popup-modal .popup-image {
        min-height: 480px;
        background-image: var(--image--popup);
        background-size: cover;
        background-position: 50% 0
    }
}

.popup-modal .popup-image img {
    display: none
}

.popup-modal.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image {
    background: 0 0;
    max-width: 100%;
    margin: 0 auto
}

.popup-modal.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image a {
    position: relative
}

.popup-modal.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image img {
    display: block;
    margin: 0 auto
}

.popup-modal.closed,
.popup-modal.completed,
.popup-modal.opened {
    display: flex
}

.flexboxtweener .popup-modal.closed,
.flexboxtweener .popup-modal.completed,
.flexboxtweener .popup-modal.opened,
.no-flexbox .popup-modal.closed,
.no-flexbox .popup-modal.completed,
.no-flexbox .popup-modal.opened {
    display: table
}

.flexboxtweener .popup-modal.closed .inner,
.flexboxtweener .popup-modal.closed .popup-image,
.flexboxtweener .popup-modal.completed .inner,
.flexboxtweener .popup-modal.completed .popup-image,
.flexboxtweener .popup-modal.opened .inner,
.flexboxtweener .popup-modal.opened .popup-image,
.no-flexbox .popup-modal.closed .inner,
.no-flexbox .popup-modal.closed .popup-image,
.no-flexbox .popup-modal.completed .inner,
.no-flexbox .popup-modal.completed .popup-image,
.no-flexbox .popup-modal.opened .inner,
.no-flexbox .popup-modal.opened .popup-image {
    display: table-cell;
    vertical-align: middle
}

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

    .flexboxtweener .popup-modal.closed .inner,
    .flexboxtweener .popup-modal.closed .popup-image,
    .flexboxtweener .popup-modal.completed .inner,
    .flexboxtweener .popup-modal.completed .popup-image,
    .flexboxtweener .popup-modal.opened .inner,
    .flexboxtweener .popup-modal.opened .popup-image,
    .no-flexbox .popup-modal.closed .inner,
    .no-flexbox .popup-modal.closed .popup-image,
    .no-flexbox .popup-modal.completed .inner,
    .no-flexbox .popup-modal.completed .popup-image,
    .no-flexbox .popup-modal.opened .inner,
    .no-flexbox .popup-modal.opened .popup-image {
        width: 50%
    }
}

.flexboxtweener .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons,
.flexboxtweener .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons,
.flexboxtweener .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons,
.no-flexbox .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons,
.no-flexbox .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons,
.no-flexbox .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons {
    display: block
}

.flexboxtweener .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,
.flexboxtweener .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,
.flexboxtweener .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,
.no-flexbox .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,
.no-flexbox .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,
.no-flexbox .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image {
    display: block;
    width: 100%
}

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

    .flexboxtweener .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,
    .flexboxtweener .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,
    .flexboxtweener .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,
    .no-flexbox .popup-modal.closed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,
    .no-flexbox .popup-modal.completed.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image,
    .no-flexbox .popup-modal.opened.has-image.has-no-page-content.has-no-newsletter.has-no-social-icons .popup-image {
        width: 100%
    }
}

.popup-modal.opened {
    -webkit-animation: modal-open .3s linear forwards;
    animation: modal-open .3s linear forwards
}

.popup-modal.closed {
    -webkit-animation: modal-close .3s linear forwards;
    animation: modal-close .3s linear forwards
}

.popup-modal.completed {
    transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0);
    opacity: 1
}

.modal-unfix .popup-modal.completed {
    position: absolute;
    top: 0 !important;
    left: 50%;
    transform: translateX(-50%)
}

.popup-modal .footer--social-icons {
    justify-content: center
}

.popup-modal [type=submit] {
    width: 100%
}

.featured-grid--root {
    text-align: center
}

.featured-grid--root[data-block-spacing=false][data-container-width="6"][data-header-text-exists=false] {
    padding-top: 0
}

.featured-grid--root[data-block-spacing=false][data-container-width="6"][data-footer-text-exists=false] {
    padding-bottom: 0
}

@media only screen and (max-width:767px) {
    .featured-grid--root[data-dark-background=true][data-mobile-overlay=true] {
        color: var(--color--alternative)
    }

    .featured-grid--root[data-dark-background=true][data-mobile-overlay=true] a,
    .featured-grid--root[data-dark-background=true][data-mobile-overlay=true] a:hover,
    .featured-grid--root[data-dark-background=true][data-mobile-overlay=true] a:link,
    .featured-grid--root[data-dark-background=true][data-mobile-overlay=true] a:visited {
        color: var(--color--alternative)
    }

    .featured-grid--root .placeholder--container {
        padding-top: 100% !important
    }
}

.featured-grid--root[data-text-position=bottom] .featured-grid--body--container {
    align-items: flex-start
}

.featured-grid--body {
    display: grid;
    justify-content: center;
    grid-template-columns: minmax(auto, 1fr)
}

.featured-grid--root[data-container-width="1"] .featured-grid--body {
    grid-template-columns: minmax(auto, 650px)
}

.featured-grid--root[data-container-width="2"] .featured-grid--body {
    grid-template-columns: minmax(auto, 800px)
}

.featured-grid--root[data-container-width="3"] .featured-grid--body {
    grid-template-columns: minmax(auto, 1000px)
}

.featured-grid--root[data-container-width="4"] .featured-grid--body {
    grid-template-columns: minmax(auto, 1200px)
}

.featured-grid--root[data-container-width="5"] .featured-grid--body {
    grid-template-columns: minmax(auto, 1fr)
}

.featured-grid--root[data-container-width="6"] .featured-grid--body {
    grid-template-columns: minmax(auto, 1fr)
}

.featured-grid--root[data-text-position=bottom][data-text-alignment=left] .featured-grid--body {
    text-align: left
}

.featured-grid--item {
    align-items: center;
    position: relative
}

.featured-grid--item .placeholder--container {
    height: 100%
}

.featured-grid--item[data-retain-ratio=false] a {
    height: 100%
}

.featured-grid--item[data-retain-ratio=false] .image--container {
    height: 100%;
    left: 0;
    padding-top: 0 !important;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.featured-grid--item[data-retain-ratio=false] img {
    -o-object-fit: cover;
    object-fit: cover
}

.featured-grid--item[data-retain-ratio=false] .image--root {
    padding-top: calc(100% - 16px);
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .featured-grid--item[data-retain-ratio=false] .image--root {
        padding-top: 100%
    }
}

.featured-grid--item[data-retain-ratio=false] .placeholder--root {
    height: 100%;
    max-height: 100%;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .featured-grid--body--container[data-mobile-columns="2"] .featured-grid--item:nth-child(2n+1):last-child {
        grid-column: 1/span 2;
        justify-self: center;
        width: calc((100% + 8px)/ 2)
    }
}

@media only screen and (min-width:768px) {
    .featured-grid--item[data-wide=true] {
        grid-column: span 2
    }

    .featured-grid--item[data-tall=true] {
        grid-row: span 2
    }
}

.featured-grid--item--link-wrapper {
    display: block;
    width: 100%
}

.featured-grid--item--container {
    position: relative;
    width: 100%
}

.featured-grid--root[data-text-position=center] .featured-grid--item--container {
    display: flex;
    align-items: center
}

.featured-grid--item[data-retain-ratio=false] .featured-grid--item--container {
    height: 100%
}

@media only screen and (max-width:767px) {

    .featured-grid--item--container .featured-grid--root[data-text-position=center][data-text-style=hover],
    .featured-grid--root[data-text-position=center][data-mobile-overlay=false] .featured-grid--item--container {
        display: block
    }
}

.featured-grid--item--image[data-item] {
    display: flex;
    align-items: center
}

@media only screen and (min-width:768px) {
    .featured-grid--item[data-retain-ratio=false][data-shape=square] .featured-grid--item--image[data-item] {
        position: relative;
        height: 100%
    }

    .featured-grid--item[data-retain-ratio=false][data-shape=wide] .featured-grid--item--image[data-item] {
        position: relative;
        height: 100%
    }

    .featured-grid--item[data-retain-ratio=false][data-shape=wide] .featured-grid--item--image[data-item] .image--root {
        padding-top: calc(50% - 32px)
    }

    .featured-grid--item[data-retain-ratio=false][data-shape=tall] .featured-grid--item--image[data-item] {
        position: relative;
        height: 100%
    }

    .featured-grid--item[data-retain-ratio=false][data-shape=tall] .featured-grid--item--image[data-item] .image--root {
        padding-top: calc(200% + 16px)
    }

    .featured-grid--item[data-retain-ratio=false][data-shape=tall] .featured-grid--item--image[data-item] .image--container {
        height: 100%;
        left: 0;
        padding-top: 0 !important;
        padding: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .featured-grid--item[data-retain-ratio=false][data-shape=tall] .featured-grid--item--image[data-item] img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.featured-grid--root[data-text-position=center] .featured-grid--item--image[data-item] .image--root {
    height: 100%
}

@media only screen and (max-width:767px) {
    .featured-grid--root[data-text-position=center][data-mobile-overlay=false] .featured-grid--item--image[data-item] .image--root {
        height: auto
    }
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--image[data-item] {
    padding: 0
}

.featured-grid--root[data-text-position=bottom][data-text-alignment=center] .featured-grid--item--image[data-item] {
    margin: 0 auto
}

.featured-grid--item--overlay-background {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity .25s linear
}

.featured-grid--root[data-apply-overlay=true] .featured-grid--item--overlay-background {
    background-color: rgba(0, 0, 0, .2);
    opacity: 1
}

@media only screen and (max-width:767px) {
    .featured-grid--root[data-mobile-overlay=false] .featured-grid--item--overlay-background {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .featured-grid--root[data-hover-enabled=true] .featured-grid--item:hover .featured-grid--item--overlay-background {
        opacity: .8
    }
}

.featured-grid--item--text-container {
    display: flex
}

.featured-grid--root[data-text-position=center] .featured-grid--item--text-container {
    align-items: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .25s linear;
    padding: 32px;
    height: 100%;
    width: 100%
}

@media only screen and (max-width:767px) {
    .featured-grid--root[data-text-position=center] .featured-grid--item--text-container {
        padding: 16px
    }
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container {
    flex-direction: column;
    padding: 16px 16px 0
}

.flexbox-gap .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container {
    gap: 16px
}

.no-flexbox-gap .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container>* {
    margin: calc(16px / 2)
}

@media only screen and (max-width:767px) {
    .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container {
        padding: 12px 12px 0
    }

    .flexbox-gap .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container {
        gap: 12px
    }

    .no-flexbox-gap .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container>* {
        margin: calc(12px / 2)
    }
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container .featured-grid--item--link {
    padding-bottom: 0
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item[data-image-enabled=false] .featured-grid--item--text-container {
    padding-top: 0
}

.featured-grid--root[data-text-position=bottom][data-text-alignment=left] .featured-grid--item--text-container {
    padding-left: 0
}

@media only screen and (max-width:767px) {

    .featured-grid--item--text-container .featured-grid--root[data-text-position=center][data-text-style=hover],
    .featured-grid--root[data-text-position=center][data-mobile-overlay=false] .featured-grid--item--text-container {
        position: relative;
        height: auto;
        width: auto;
        padding: 12px 0 0 0
    }
}

@media only screen and (max-width:767px) {
    .featured-grid--root[class][data-text-position=center] .featured-grid--item--text-container {
        opacity: 1
    }

    .featured-grid--root[class][data-mobile-overlay=false][data-background-color=dark] .featured-grid--item--text-container,
    .featured-grid--root[data-text-position=center][data-alt-color=true][data-mobile-overlay=true] .featured-grid--item--text-container {
        color: var(--color--alternative)
    }

    .featured-grid--root[class][data-mobile-overlay=false][data-background-color=dark] .featured-grid--item--text-container a,
    .featured-grid--root[class][data-mobile-overlay=false][data-background-color=dark] .featured-grid--item--text-container a:hover,
    .featured-grid--root[class][data-mobile-overlay=false][data-background-color=dark] .featured-grid--item--text-container a:link,
    .featured-grid--root[class][data-mobile-overlay=false][data-background-color=dark] .featured-grid--item--text-container a:visited,
    .featured-grid--root[data-text-position=center][data-alt-color=true][data-mobile-overlay=true] .featured-grid--item--text-container a,
    .featured-grid--root[data-text-position=center][data-alt-color=true][data-mobile-overlay=true] .featured-grid--item--text-container a:hover,
    .featured-grid--root[data-text-position=center][data-alt-color=true][data-mobile-overlay=true] .featured-grid--item--text-container a:link,
    .featured-grid--root[data-text-position=center][data-alt-color=true][data-mobile-overlay=true] .featured-grid--item--text-container a:visited {
        color: var(--color--alternative)
    }
}

@media only screen and (min-width:768px) {
    .featured-grid--root[data-hover-enabled=true] .featured-grid--item:hover .featured-grid--item--text-container {
        opacity: 1
    }

    .featured-grid--root[data-hover-enabled=false] .featured-grid--item--text-container {
        opacity: 1
    }

    .featured-grid--root[data-alt-color=true][data-hover-enabled=false] .featured-grid--item--text-container {
        color: var(--color--alternative)
    }

    .featured-grid--root[data-alt-color=true][data-hover-enabled=false] .featured-grid--item--text-container a,
    .featured-grid--root[data-alt-color=true][data-hover-enabled=false] .featured-grid--item--text-container a:hover,
    .featured-grid--root[data-alt-color=true][data-hover-enabled=false] .featured-grid--item--text-container a:link,
    .featured-grid--root[data-alt-color=true][data-hover-enabled=false] .featured-grid--item--text-container a:visited {
        color: var(--color--alternative)
    }
}

.featured-grid--root[data-text-style=box] .featured-grid--item--text-background {
    padding: 16px;
    background: var(--color-page-bg)
}

@media only screen and (max-width:767px) {
    .featured-grid--root[data-text-style=box] .featured-grid--item--text-background {
        padding: calc(8px / 2)
    }
}

@media only screen and (max-width:767px) {
    .featured-grid--root[data-mobile-overlay=false] .featured-grid--item--text-background {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .featured-grid--root[data-mobile-overlay=false] .featured-grid--item--text-background {
        background: 0 0
    }
}

.featured-grid--item--title {
    width: 100%;
    word-break: break-word
}

@media only screen and (max-width:767px) {
    .featured-grid--root[data-mobile-overlay=false] .featured-grid--item--title {
        font-size: 18px;
        font-weight: var(--font--heading--normal-weight);
        line-height: 1.3333333333em;
        margin: -.25em 0
    }
}

@media only screen and (min-width:768px) {
    .featured-grid--root[data-text-position=bottom][data-block-spacing=false] .featured-grid--item--link-container {
        padding-bottom: 16px
    }

    .featured-grid--root[data-alt-color=true][data-hover-enabled=false] .featured-grid--item--link-container {
        color: var(--color--alternative)
    }

    .featured-grid--root[data-alt-color=true][data-hover-enabled=false] .featured-grid--item--link-container a,
    .featured-grid--root[data-alt-color=true][data-hover-enabled=false] .featured-grid--item--link-container a:hover,
    .featured-grid--root[data-alt-color=true][data-hover-enabled=false] .featured-grid--item--link-container a:link,
    .featured-grid--root[data-alt-color=true][data-hover-enabled=false] .featured-grid--item--link-container a:visited {
        color: var(--color--alternative)
    }

    .featured-grid--root[data-alt-color=true][data-hover-enabled=false] .featured-grid--item--link-container:after {
        border-color: var(--color--alternative)
    }
}

@media only screen and (max-width:767px) {
    .featured-grid--root[data-text-position=center][data-alt-color=true][data-mobile-overlay=true] .featured-grid--item--link-container:after {
        border-color: var(--color--alternative)
    }
}

.featured-grid--footer--block {
    justify-content: center
}

.feedback-bar--root {
    z-index: 100;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 16px 32px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:767px) {
    .feedback-bar--root {
        padding: 16px
    }
}

.feedback-bar--root[data-open=true] {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s linear
}

.feedback-bar--root[data-open=false] {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .5s, opacity .5s linear
}

.feedback-bar--message {
    display: inline-block;
    padding: 16px 32px;
    background-color: var(--color-text);
    color: var(--color-page-bg);
    border: 1px solid var(--color-border);
    border-radius: 4px
}

.feedback-bar--message>* {
    display: none
}

.payment-icons--list {
    display: flex;
    flex-wrap: wrap
}

.flexbox-gap .payment-icons--list {
    gap: 8px
}

.no-flexbox-gap .payment-icons--list>* {
    margin: calc(8px / 2)
}

@media only screen and (max-width:767px) {
    .payment-icons--list {
        justify-content: center
    }
}

@media only screen and (min-width:768px) {
    .payment-icons--list {
        justify-content: flex-end
    }
}

.payment-icons--item {
    height: 24px
}

@media only screen and (min-width:768px) {
    .template--index [data-transparent-menu=true].header--root {
        position: absolute
    }
}

.featured-blog--root[data-light-text=true] .article--item--date {
    color: var(--color--alternative)
}

@media only screen and (min-width:768px) {
    .featured-blog--wrapper {
        margin: 0 auto
    }

    .featured-blog--root[data-container-width="1"] .featured-blog--wrapper {
        max-width: 650px
    }

    .featured-blog--root[data-container-width="2"] .featured-blog--wrapper {
        max-width: 800px
    }

    .featured-blog--root[data-container-width="3"] .featured-blog--wrapper {
        max-width: 1000px
    }

    .featured-blog--root[data-container-width="4"] .featured-blog--wrapper {
        max-width: 1200px
    }
}

.featured-blog--heading {
    text-align: center
}

.featured-blog--footer a {
    text-align: center
}

.featured-content--root {
    padding: 0 48px;
    width: 100%
}

@media only screen and (max-width:767px) {
    .featured-content--root {
        padding: 32px 16px
    }
}

@media only screen and (min-width:768px) {
    .featured-content--root[data-container-width="6"] {
        padding: 0;
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .featured-content--root[data-container-width="5"][data-text-position=left] {
        background-color: transparent
    }
}

@media only screen and (min-width:768px) {
    .featured-content--root[data-container-width="5"][data-text-position=right] {
        background-color: transparent
    }
}

@media only screen and (max-width:767px) {
    .featured-content--root[data-mobile-overlay=true] {
        padding: 0
    }
}

@media only screen and (min-width:768px) {
    .featured-content--root[data-spacing-above=true] {
        padding-top: 72px
    }
}

@media only screen and (max-width:767px) {
    .featured-content--root[data-spacing-above=true] {
        padding-top: 32px
    }
}

@media only screen and (min-width:768px) {
    .featured-content--root[data-spacing-below=true] {
        padding-bottom: 72px
    }
}

@media only screen and (max-width:767px) {
    .featured-content--root[data-spacing-below=true] {
        padding-bottom: 32px
    }
}

.featured-content--container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:767px) {
    .featured-content--root[data-mobile-overlay=true][data-cover-image-mobile=true] .featured-content--container {
        padding: 32px 16px
    }
}

.featured-content--root[data-text-position=bottom] .featured-content--container,
.featured-content--root[data-text-position=top] .featured-content--container {
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .featured-content--root[data-text-position=left][data-container-width="5"] .featured-content--container {
        padding-left: 48px
    }
}

@media only screen and (min-width:768px) {
    .featured-content--root[data-text-position=right][data-container-width="5"] .featured-content--container {
        padding-right: 48px
    }
}

@media only screen and (min-width:768px) {
    .featured-content--root[data-text-position=bottom-left] .featured-content--container {
        align-items: flex-end;
        justify-content: flex-start
    }
}

@media only screen and (min-width:768px) {
    .featured-content--root[data-cover-image=false][data-text-position=center] .featured-content--container {
        padding: 0
    }
}

@media only screen and (min-width:768px) {
    .featured-content--root[data-container-width="1"] .featured-content--container {
        max-width: 650px
    }

    .featured-content--root[data-container-width="2"] .featured-content--container {
        max-width: 800px
    }

    .featured-content--root[data-container-width="3"] .featured-content--container {
        max-width: 1000px
    }

    .featured-content--root[data-container-width="4"] .featured-content--container {
        max-width: 1200px
    }

    .featured-content--root[data-container-width="5"] .featured-content--container {
        max-width: none
    }

    .featured-content--root[data-container-width="6"] .featured-content--container {
        max-width: none
    }

    .featured-content--root[data-image-height="1"][data-text-position=bottom-left] .featured-content--container,
    .featured-content--root[data-image-height="1"][data-text-position=center] .featured-content--container {
        min-height: 200px
    }

    .featured-content--root[data-image-height="2"][data-text-position=bottom-left] .featured-content--container,
    .featured-content--root[data-image-height="2"][data-text-position=center] .featured-content--container {
        min-height: 400px
    }

    .featured-content--root[data-image-height="3"][data-text-position=bottom-left] .featured-content--container,
    .featured-content--root[data-image-height="3"][data-text-position=center] .featured-content--container {
        min-height: 600px
    }

    .featured-content--root[data-image-height="4"][data-text-position=bottom-left] .featured-content--container,
    .featured-content--root[data-image-height="4"][data-text-position=center] .featured-content--container {
        min-height: 800px
    }

    .featured-content--root[data-image-height="5"][data-text-position=bottom-left] .featured-content--container,
    .featured-content--root[data-image-height="5"][data-text-position=center] .featured-content--container {
        min-height: 920px
    }
}

@media only screen and (max-width:767px) {
    .featured-content--container {
        flex-direction: column;
        padding: 0
    }

    .featured-content--root[data-image-height="1"] .featured-content--container {
        min-height: 100px
    }

    .featured-content--root[data-image-height="2"] .featured-content--container {
        min-height: 200px
    }

    .featured-content--root[data-image-height="3"] .featured-content--container {
        min-height: 300px
    }

    .featured-content--root[data-image-height="4"] .featured-content--container {
        min-height: 400px
    }

    .featured-content--root[data-image-height="5"] .featured-content--container {
        min-height: 460px
    }
}

.featured-content--image {
    order: 1;
    width: 100%
}

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

    .featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image,
    .featured-content--root[data-cover-image=true][data-text-position=center][data-text-exists=true] .featured-content--image {
        height: 100%;
        position: absolute
    }
}

@media only screen and (max-width:767px) {
    .featured-content--root[data-mobile-overlay=true][data-cover-image-mobile=true] .featured-content--image {
        position: absolute;
        height: 100%
    }
}

@media only screen and (min-width:768px) {
    .featured-content--root[data-image-height="1"] .featured-content--image {
        height: 200px;
        overflow: hidden;
        position: relative
    }

    .featured-content--root[data-image-height="2"] .featured-content--image {
        height: 400px;
        overflow: hidden;
        position: relative
    }

    .featured-content--root[data-image-height="3"] .featured-content--image {
        height: 600px;
        overflow: hidden;
        position: relative
    }

    .featured-content--root[data-image-height="4"] .featured-content--image {
        height: 800px;
        overflow: hidden;
        position: relative
    }

    .featured-content--root[data-image-height="5"] .featured-content--image {
        height: 920px;
        overflow: hidden;
        position: relative
    }
}

@media only screen and (max-width:767px) {
    .featured-content--root[data-image-height="1"] .featured-content--image {
        height: 100px;
        overflow: hidden;
        position: relative
    }

    .featured-content--root[data-image-height="2"] .featured-content--image {
        height: 200px;
        overflow: hidden;
        position: relative
    }

    .featured-content--root[data-image-height="3"] .featured-content--image {
        height: 300px;
        overflow: hidden;
        position: relative
    }

    .featured-content--root[data-image-height="4"] .featured-content--image {
        height: 400px;
        overflow: hidden;
        position: relative
    }

    .featured-content--root[data-image-height="5"] .featured-content--image {
        height: 460px;
        overflow: hidden;
        position: relative
    }
}

.featured-content--root[data-text-position=left] .featured-content--image {
    min-width: 50%;
    flex-shrink: 2
}

@media only screen and (min-width:768px) {
    .featured-content--text {
        order: 0;
        text-align: center;
        width: 100%;
        z-index: 1
    }

    .featured-content--root[data-text-position=top] .featured-content--text {
        margin-bottom: 32px
    }

    .featured-content--root[data-text-position=top][data-overlap=true] .featured-content--text {
        margin-bottom: -3.75rem
    }

    .featured-content--root[data-text-position=bottom] .featured-content--text {
        order: 2;
        margin-top: 32px
    }

    .featured-content--root[data-text-position=bottom][data-overlap=true] .featured-content--text {
        margin-top: -3.75rem
    }

    .featured-content--root[data-text-position=left] .featured-content--text {
        text-align: left;
        margin-right: 32px
    }

    .featured-content--root[data-text-position=left][data-overlap=true] .featured-content--text {
        margin-right: -10%
    }

    .featured-content--root[data-text-position=left][data-container-width="6"] .featured-content--text {
        padding: 32px 0 32px 48px
    }

    .featured-content--root[data-text-position=center] .featured-content--text {
        flex-shrink: 1;
        padding: 32px;
        width: auto
    }

    .featured-content--root[data-text-position=center][data-box-around-text=true] .featured-content--text {
        margin: 32px
    }

    .featured-content--root[data-text-position=center][data-cover-image=false] .featured-content--text {
        position: absolute
    }

    .featured-content--root[data-text-position=right] .featured-content--text {
        margin-left: 32px;
        order: 2;
        text-align: left
    }

    .featured-content--root[data-text-position=right][data-overlap=true] .featured-content--text {
        margin-left: -10%
    }

    .featured-content--root[data-text-position=right][data-container-width="6"][data-box-around-text=false] .featured-content--text {
        padding: 32px 48px 32px 0
    }

    .featured-content--root[data-text-position=bottom-left] .featured-content--text {
        text-align: left;
        padding: 72px 48px
    }

    .featured-content--root[data-text-position=bottom-left][data-box-around-text=true] .featured-content--text {
        margin: 32px
    }

    .featured-content--root[data-text-position=bottom-left][data-cover-image=false] .featured-content--text {
        position: absolute
    }

    .featured-content--root[data-text-width=small] .featured-content--text {
        max-width: 400px
    }

    .featured-content--root[data-text-width=medium] .featured-content--text {
        max-width: 500px
    }

    .featured-content--root[data-text-width=large] .featured-content--text {
        max-width: 650px
    }

    .featured-content--root[data-box-around-text=true] .featured-content--text {
        background-color: var(--color-page-bg);
        padding: 32px
    }

    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text {
        color: var(--color--alternative)
    }

    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text a,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:hover,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:link,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:visited,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text a,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text a:hover,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text a:link,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text a:visited,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text a,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text a:hover,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text a:link,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text a:visited {
        color: var(--color--alternative)
    }

    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text .featured-content--link--container:after,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text .featured-content--link--container:after,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text .featured-content--link--container:after {
        border-color: var(--color--alternative)
    }

    .featured-content--root[data-text-color=light] .featured-content--text {
        color: var(--color--alternative)
    }

    .featured-content--root[data-text-color=light] .featured-content--text a,
    .featured-content--root[data-text-color=light] .featured-content--text a:hover,
    .featured-content--root[data-text-color=light] .featured-content--text a:link,
    .featured-content--root[data-text-color=light] .featured-content--text a:visited {
        color: var(--color--alternative)
    }

    .featured-content--root[data-text-color=light] .featured-content--text .featured-content--link--container:after {
        border-color: var(--color--alternative)
    }
}

@media only screen and (max-width:767px) {
    .featured-content--text {
        text-align: center
    }

    .featured-content--root[data-mobile-overlay=true] .featured-content--text {
        padding: 16px;
        position: relative
    }

    .featured-content--root[data-box-around-text=true][data-mobile-overlay=true] .featured-content--text {
        background-color: var(--color-page-bg)
    }

    .featured-content--root[data-cover-image-mobile=false][data-mobile-overlay=true] .featured-content--text {
        position: absolute
    }

    .featured-content--root[data-box-around-text=false][data-mobile-overlay=true] .featured-content--text {
        padding: 0
    }

    .featured-content--root[data-mobile-overlay=false] .featured-content--text {
        order: 2;
        padding-top: 16px
    }

    .featured-content--root[data-mobile-overlay=true][data-cover-image-mobile=false] .featured-content--text {
        margin: 32px 16px
    }

    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text,
    .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text {
        color: var(--color--alternative)
    }

    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text a,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text a:hover,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text a:link,
    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text a:visited,
    .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text a,
    .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:hover,
    .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:link,
    .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:visited {
        color: var(--color--alternative)
    }

    .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text .featured-content--link--container:after,
    .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text .featured-content--link--container:after {
        border-color: var(--color--alternative)
    }

    .featured-content--root[data-text-color=light] .featured-content--text {
        color: var(--color--alternative)
    }

    .featured-content--root[data-text-color=light] .featured-content--text a,
    .featured-content--root[data-text-color=light] .featured-content--text a:hover,
    .featured-content--root[data-text-color=light] .featured-content--text a:link,
    .featured-content--root[data-text-color=light] .featured-content--text a:visited {
        color: var(--color--alternative)
    }

    .featured-content--root[data-text-color=light] .featured-content--text .featured-content--link--container:after {
        border-color: var(--color--alternative)
    }
}

.featured-content--text-container {
    display: flex;
    flex-direction: column
}

.flexbox-gap .featured-content--text-container {
    gap: 16px
}

.no-flexbox-gap .featured-content--text-container>* {
    margin: calc(16px / 2)
}

@media only screen and (max-width:767px) {
    .flexbox-gap .featured-content--text-container {
        gap: 12px
    }

    .no-flexbox-gap .featured-content--text-container>* {
        margin: calc(12px / 2)
    }
}

.featured-content--title {
    word-break: break-word
}

@media only screen and (min-width:768px) {
    .featured-collection--root .carousel--prev {
        margin-left: 48px
    }
}

@media only screen and (max-width:767px) {

    .featured-collection--description,
    .featured-collection--header--description,
    .featured-collection--image[data-item] {
        display: none
    }
}

.featured-collection--header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    min-width: 100%
}

@media only screen and (min-width:768px) {
    .featured-collection--root[data-has-image=true] .featured-collection--header {
        justify-content: space-between
    }
}

.featured-collection--header>div:only-of-type {
    text-align: center
}

.featured-collection--header-text {
    max-width: 700px
}

.featured-collection--header-text>:not(:last-child) {
    padding-bottom: 16px
}

@media only screen and (max-width:767px) {
    .featured-collection--header-text>:not(:last-child) {
        padding-bottom: 12px
    }
}

.featured-collection--description {
    max-width: 700px
}

@media only screen and (min-width:768px) {
    .featured-collection--image[data-item] {
        max-width: 50%
    }
}

.featured-collection--title {
    min-width: 250px
}

@media only screen and (max-width:767px) {
    .featured-collection--title {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .featured-collection--carousel {
        width: calc(100% + 32px);
        margin-left: -16px
    }
}

@media only screen and (min-width:768px) {
    .featured-collection--carousel {
        width: calc(100% + 96px);
        margin-left: -48px
    }
}

.featured-collection--show-more {
    text-align: center
}

@media only screen and (max-width:767px) {
    .featured-collection--item {
        width: 100%
    }

    .featured-collection--item .placeholder--root {
        min-height: 256px
    }
}

.featured-collections--root {
    text-align: center
}

.featured-collections--image[data-item] {
    display: flex;
    align-items: center
}

.featured-collections--body {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

.featured-product--root {
    display: block
}

.featured-product--root .product-media--featured {
    position: relative;
    display: none;
    padding-bottom: 16px
}

.featured-product--root .product-media--featured[data-active=true] {
    display: block
}

.featured-product--root .product-model--root {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .featured-product--root .product-model--root {
        justify-content: center
    }
}

.featured-product--root .image--root {
    margin: 0 auto
}

.featured-product--root .image--container {
    width: 100%
}

.featured-product--root .placeholder--container {
    position: initial
}

.featured-product--media {
    align-self: flex-start
}

.featured-product--wrapper {
    display: flex;
    align-items: center
}

.flexbox-gap .featured-product--wrapper {
    gap: 32px
}

.no-flexbox-gap .featured-product--wrapper>* {
    margin: calc(32px / 2)
}

@media only screen and (max-width:767px) {
    .featured-product--wrapper {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) {
    .featured-product--wrapper>* {
        width: calc(50% - 16px)
    }
}

@media only screen and (max-width:767px) {
    .featured-product--wrapper>* {
        width: 100%
    }
}

.featured-product--placeholder {
    width: 50%;
    position: relative;
    display: none
}

.featured-product--placeholder[data-active=true] {
    display: block
}

@media only screen and (max-width:767px) {
    .featured-product--placeholder {
        width: 100%
    }
}

.featured-product--placeholder>* {
    display: flex;
    justify-content: flex-end
}

@media only screen and (max-width:767px) {
    .featured-product--placeholder>* {
        justify-content: center
    }
}

.featured-product--placeholder .placeholder--container {
    position: initial
}

.featured-product--heading a,
.featured-product--vendor a {
    padding: 8px;
    margin: -8px
}

.featured-product--blocks {
    max-width: 400px;
    width: 100%;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .featured-product--blocks {
        text-align: center
    }
}

@media only screen and (min-width:768px) {
    .featured-product--blocks {
        width: 50%
    }
}

.featured-product--price-wrapper>* {
    font-size: 20px
}

@media only screen and (max-width:767px) {
    .featured-product--price-wrapper>* {
        font-size: 16px
    }
}

.featured-product--add-to-cart>* {
    width: 100%;
    text-align: center
}

.featured-text--wrapper {
    text-align: center;
    display: flex;
    flex-direction: column
}

.flexbox-gap .featured-text--wrapper {
    gap: 16px
}

.no-flexbox-gap .featured-text--wrapper>* {
    margin: calc(16px / 2)
}

@media only screen and (max-width:767px) {
    .featured-video--root {
        padding: 0
    }
}

@media only screen and (min-width:768px) {
    .featured-video--root[data-full-width=true] {
        padding: 0
    }
}

.featured-video--body {
    position: relative;
    padding-top: 56%;
    height: 0;
    overflow-y: hidden;
    display: flex;
    justify-content: center
}

.featured-video--root[data-section-height=small] .featured-video--body {
    padding-top: 42%
}

.featured-video--root[data-section-height=large] .featured-video--body {
    padding-top: 75%
}

.featured-video--container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    overflow: hidden
}

.featured-video--root[data-darken-video=true] .featured-video--container:after {
    z-index: 2;
    content: "";
    background: rgba(0, 0, 0, .2);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

@media only screen and (min-width:768px) {
    .featured-video--root[data-thumbnail=false] .featured-video--container {
        pointer-events: none
    }
}

.featured-video--container [data-vimeo-initialized=true] {
    height: 100%
}

.featured-video--container iframe {
    height: 100%;
    width: 100%
}

.featured-video--root[data-thumbnail=false] .featured-video--container iframe {
    position: absolute;
    top: -250px;
    left: 0;
    height: calc(100% + 500px)
}

.featured-video--container svg {
    cursor: pointer
}

.featured-video--root[data-light-text=true] .featured-video--container svg {
    fill: var(--color--alternative);
    stroke: var(--color--alternative)
}

.featured-video--thumbnail {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.featured-video--thumbnail .image--root {
    height: 100%
}

.featured-video--thumbnail .image--container {
    height: 100%;
    background: #fff
}

.featured-video--thumbnail img {
    -o-object-fit: cover;
    object-fit: cover
}

.featured-video--header {
    z-index: 3;
    padding: 32px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.flexbox-gap .featured-video--header {
    gap: 32px
}

.no-flexbox-gap .featured-video--header>* {
    margin: calc(32px / 2)
}

@media only screen and (max-width:767px) {
    .featured-video--header {
        display: none
    }
}

.featured-video--header>:not(.featured-video--button) {
    width: 100%
}

.featured-video--play-mobile {
    display: none
}

@media only screen and (max-width:767px) {
    .featured-video--play-mobile {
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .featured-video--header-mobile {
        display: flex;
        padding: 16px 16px 32px;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    .featured-video--root[data-background-color=dark] .featured-video--header-mobile {
        color: var(--color--alternative)
    }

    .featured-video--root:not([data-background-color=dark]) .featured-video--header-mobile {
        color: var(--color-text)
    }

    .featured-video--header-mobile>:not(.featured-video--button) {
        width: 100%
    }

    .featured-video--header-mobile>:not(:last-child) {
        padding-bottom: 16px
    }
}

.featured-video--button {
    pointer-events: all
}

.image-with-text--root {
    padding: 0
}

.map--body {
    display: flex;
    align-items: center;
    margin: 0 auto
}

.flexbox-gap .map--body {
    gap: 32px
}

.no-flexbox-gap .map--body>* {
    margin: calc(32px / 2)
}

@media only screen and (max-width:767px) {
    .map--body {
        flex-wrap: wrap
    }
}

.map--info {
    display: flex;
    flex-wrap: wrap;
    max-width: 400px
}

.flexbox-gap .map--info {
    gap: 32px
}

.no-flexbox-gap .map--info>* {
    margin: calc(32px / 2)
}

@media only screen and (max-width:767px) {
    .map--info {
        width: 100%;
        justify-content: center;
        text-align: center;
        max-width: none
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .map--info {
        max-width: 300px
    }
}

.map--heading {
    width: 100%
}

@media only screen and (max-width:767px) {
    .map--heading {
        text-align: center
    }
}

.map--address-content {
    padding-bottom: 32px
}

.map--open-maps-link {
    display: block;
    width: 100%
}

.map--media {
    flex-grow: 1
}

@media only screen and (max-width:767px) {
    .map--media {
        width: 100%
    }
}

.map--google-maps {
    min-height: 400px
}

@media only screen and (max-width:767px) {
    .map--google-maps {
        width: 100%
    }
}

.newsletter--wrapper {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    justify-content: center
}

.newsletter--body {
    max-width: 400px;
    margin: 0 auto;
    padding: 0 32px
}

@media only screen and (max-width:767px) {
    .newsletter--body {
        padding: 0 16px
    }
}

.newsletter--failure {
    padding-top: 16px;
    color: #d32f2f
}

.newsletter--inputs {
    display: flex;
    align-items: center
}

.flexbox-gap .newsletter--inputs {
    gap: 12px
}

.no-flexbox-gap .newsletter--inputs>* {
    margin: calc(12px / 2)
}

input.newsletter--email {
    margin: 0
}

.service-list--title {
    text-align: center;
    margin-bottom: 0
}

.service-list--container {
    padding-top: 32px
}

.service-list--container:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

[data-has-headers=true] .service-list--container {
    padding: 0
}

.service-list--container>.service-list--block-header--text {
    padding: 0 32px 16px
}

@media only screen and (max-width:767px) {
    .service-list--container>.service-list--block-header--text {
        text-align: center
    }
}

@media only screen and (min-width:768px) {
    .service-list--single-column {
        width: 50%
    }
}

.service-list--left-column,
.service-list--right-column {
    width: 50%;
    float: left
}

@media only screen and (max-width:767px) {

    .service-list--left-column,
    .service-list--right-column {
        width: 100%
    }
}

.service-list--blocks {
    margin: 0
}

[data-has-headers=true] .service-list--blocks {
    padding: 32px
}

@media only screen and (max-width:767px) {
    [data-has-headers=true] .service-list--blocks {
        padding: 12px 0
    }
}

.service-list--blocks li {
    list-style: none;
    width: 100%
}

.service-list--block {
    padding: calc(16px / 2) 32px
}

@media only screen and (max-width:767px) {
    .service-list--block {
        padding: calc(16px / 2) 0
    }
}

[data-has-headers=true] .service-list--block {
    padding: calc(16px / 2) 0
}

@media only screen and (max-width:767px) {
    [data-show-description=true] .service-list--block {
        padding: 0
    }
}

.service-list--block-header {
    padding: calc(16px / 2) 0;
    text-align: center
}

.service-list--price {
    padding-left: 48px;
    padding-bottom: 2px
}

[data-show-description=false] .service-list--price {
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 12px;
    padding-bottom: 0
}

.service-list--description {
    padding-top: 12px
}

[data-show-description=false] .service-list--block-title-text {
    display: inline
}

.service-list--block-title {
    flex-grow: 1
}

[data-show-description=false] .service-list--block-title {
    flex-grow: 0;
    flex-shrink: 1;
    width: 100%;
    position: relative;
    overflow: hidden
}

[data-show-description=false] .service-list--block-title:after {
    content: "⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅";
    font-family: Arial, sans-serif;
    margin-left: 12px;
    line-height: 2;
    position: absolute
}

.service-list--info {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 6px;
    width: 100%
}

[data-show-description=false] .service-list--info {
    border-bottom: none;
    padding: 0
}

.custom-content--root {
    max-width: 1200px;
    margin: 0 auto;
    padding: 72px 32px
}

@media only screen and (max-width:767px) {
    .custom-content--root {
        padding: 32px 16px
    }
}

@media only screen and (max-width:767px) {
    .recent-products--title {
        text-align: center
    }
}

[data-title-alignment=center] .recent-products--title {
    text-align: center
}

.recent-products--spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 72px 0
}

[data-light-text=true] .recent-products--spinner {
    fill: var(--color--alternative)
}

.contact--root {
    width: 100%
}

.contact--header {
    padding-bottom: 32px;
    text-align: center
}

.contact--container {
    display: flex
}

.flexbox-gap .contact--container {
    gap: 32px
}

.no-flexbox-gap .contact--container>* {
    margin: calc(32px / 2)
}

@media only screen and (max-width:767px) {
    .contact--container {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) {
    .contact--container {
        justify-content: center;
        width: 100%
    }
}

.contact--left-column {
    display: flex
}

.flexbox-gap .contact--left-column {
    gap: 32px
}

.no-flexbox-gap .contact--left-column>* {
    margin: calc(32px / 2)
}

@media only screen and (max-width:767px) {
    .contact--left-column {
        justify-content: center
    }
}

@media only screen and (min-width:768px) {
    .contact--left-column {
        flex-direction: column;
        width: 200px
    }
}

@media only screen and (min-width:768px) {
    .contact--right-column {
        width: calc(100% - 200px)
    }

    .contact--right-column:only-child {
        width: 100%
    }
}

.contact--address-text {
    padding-bottom: 16px
}

.contact--social {
    display: flex;
    justify-content: center;
    padding-top: 32px;
    margin-bottom: -8px
}

.contact--social a {
    padding: 8px
}

.contact--form-details {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .contact--form-details {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) {
    .contact--form-details>* {
        width: calc(50% - 8px)
    }
}

.contact--submit-container {
    display: flex;
    justify-content: center
}

input.contact--submit {
    margin-bottom: 0;
    width: 100%
}

.apps--root>* {
    max-width: 800px;
    margin: 0 auto
}

.apps--root>* .spr-header-title {
    font-size: var(--font--section-heading--size);
    margin: -.25em 0;
    padding-bottom: 32px
}

@media only screen and (max-width:767px) {
    .apps--root>* .spr-header-title {
        text-align: center
    }

    .apps--root>* .spr-summary {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .apps--root>* .spr-summary>:not(:last-child) {
        padding-bottom: 16px;
        margin: 0
    }

    .apps--root>* .spr-review {
        text-align: center
    }
}

.list-collections--link {
    text-align: center;
    width: 100%
}

.list-collections--item[data-container=section]:not(:last-child) {
    padding-bottom: 72px
}

.list-collections--item-link {
    width: 100%
}

.list-collections--view-more {
    text-align: center
}

.collection--body--root {
    display: block
}

@media only screen and (min-width:768px) {
    .collection--body--root {
        padding-top: 32px
    }
}

.collection--header--root {
    position: relative
}

.collection--header--root[data-title-alignment=center] {
    display: flex;
    align-items: center;
    justify-content: center
}

.collection--header--image {
    width: 100%
}

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

    .collection--header--root[data-show-image=true][data-image-height=small] .collection--header--image .image--container,
    .collection--header--root[data-show-image=true][data-image-height=small] .collection--header--image .placeholder--container {
        height: 200px;
        padding-top: 0 !important
    }

    .collection--header--root[data-show-image=true][data-image-height=small] .collection--header--image img {
        height: 200px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .collection--header--root[data-show-image=true][data-image-height=small][data-apply-overlay=true] .collection--header--image .image--container:after {
        height: 200px
    }

    .collection--header--root[data-show-image=true][data-image-height=medium] .collection--header--image .image--container,
    .collection--header--root[data-show-image=true][data-image-height=medium] .collection--header--image .placeholder--container {
        height: 400px;
        padding-top: 0 !important
    }

    .collection--header--root[data-show-image=true][data-image-height=medium] .collection--header--image img {
        height: 400px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .collection--header--root[data-show-image=true][data-image-height=medium][data-apply-overlay=true] .collection--header--image .image--container:after {
        height: 400px
    }

    .collection--header--root[data-show-image=true][data-image-height=large] .collection--header--image .image--container,
    .collection--header--root[data-show-image=true][data-image-height=large] .collection--header--image .placeholder--container {
        height: 600px;
        padding-top: 0 !important
    }

    .collection--header--root[data-show-image=true][data-image-height=large] .collection--header--image img {
        height: 600px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .collection--header--root[data-show-image=true][data-image-height=large][data-apply-overlay=true] .collection--header--image .image--container:after {
        height: 600px
    }

    .collection--header--root[data-show-image=true]:not([data-image-height=original]) .collection--header--image {
        height: 100%
    }

    .collection--header--root[data-show-image=true]:not([data-image-height=original]) .collection--header--image .image--root,
    .collection--header--root[data-show-image=true]:not([data-image-height=original]) .collection--header--image .placeholder--root {
        height: 100%
    }
}

.collection--header--heading {
    max-width: 650px
}

.collection--header--root[data-show-image=true] .collection--header--heading {
    position: absolute;
    padding: 48px;
    max-width: 650px
}

.collection--header--root[data-show-image=false] .collection--header--heading {
    padding: 72px 48px 32px;
    margin: 0
}

.collection--header--root[data-show-image=true][data-alt-color=true] .collection--header--heading {
    color: var(--color--alternative)
}

.collection--header--root[data-title-alignment=left] .collection--header--heading {
    bottom: 0
}

.collection--header--root[data-title-alignment=center] .collection--header--heading {
    text-align: center
}

.collection--header--heading>:not(:last-child) {
    padding-bottom: 16px
}

@media only screen and (max-width:767px) {
    .collection--header--root[data-show-image=false] .collection--header--heading {
        padding: 32px 16px 16px
    }

    .collection--header--root[data-show-image=true] .collection--header--heading {
        padding: 16px
    }
}

.collection--body--grid {
    grid-auto-flow: row dense
}

@media only screen and (min-width:768px) {
    .collection--body--grid:not([data-columns="2"]) .featured-content--root[data-promo-width="1"][data-banner-promo] {
        grid-column: span 1
    }

    .collection--body--grid:not([data-columns="2"]) .featured-content--root[data-promo-width="2"][data-banner-promo] {
        grid-column: span 2
    }

    .collection--body--grid:not([data-columns="2"]) .featured-content--root[data-promo-width="3"][data-banner-promo] {
        grid-column: span 3
    }

    .collection--body--grid:not([data-columns="2"]) .featured-content--root[data-promo-width="4"][data-banner-promo] {
        grid-column: span 4
    }

    .collection--body--grid[data-columns="2"] .featured-content--root[data-banner-promo=true] {
        grid-column: span 2
    }
}

@media only screen and (max-width:767px) {
    .collection--body--grid .featured-content--root[data-cover-image=true] {
        min-height: 200px
    }

    .collection--body--grid[data-mobile-columns="2"] .featured-content--root {
        grid-column: span 2
    }
}

.collection--body--grid .featured-content--root>* {
    width: 100%
}

.collection--body--spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 96px 0
}

.collection--body--spinner-wrapper>* {
    margin: 0 auto
}

.collection--body--empty {
    text-align: center;
    padding: 96px 0
}

@media only screen and (min-width:768px) {
    [data-columns="2"] .collection--body--empty {
        grid-column: 1/span 2
    }

    [data-columns="3"] .collection--body--empty {
        grid-column: 1/span 3
    }

    [data-columns="4"] .collection--body--empty {
        grid-column: 1/span 4
    }
}

@media only screen and (max-width:767px) {
    [data-mobile-columns="1"] .collection--body--empty {
        grid-column: 1/span 1
    }

    [data-mobile-columns="2"] .collection--body--empty {
        grid-column: 1/span 2
    }
}

.collection--body--pagination {
    padding-top: 32px
}

.collection--body--pagination:empty {
    display: none
}

.collection--footer-promotion--root,
.collection--header-promotion--root {
    padding: 0
}

.template-page--heading {
    text-align: center;
    padding-bottom: 32px
}

.shopify-policy__container {
    padding: 72px 48px
}

@media only screen and (max-width:767px) {
    .shopify-policy__container {
        padding: 32px 16px
    }
}

.shopify-policy__title {
    padding-bottom: 32px
}

.four-o-four--root h1.four-o-four--heading {
    padding-bottom: 32px
}

.four-o-four--root h3.four-o-four--info {
    padding-bottom: 32px
}

.four-o-four--wrapper {
    max-width: 600px;
    margin: 0 auto;
    padding: 48px;
    background: #f7f7f7;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    text-align: center
}

.four-o-four--wrapper a {
    text-decoration: underline
}

.blog--root {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.blog--root[data-section-id=blog] {
    padding: 32px 0 0
}

.blog--root[data-show-title=false][data-show-tag-filter=false] {
    padding-top: 0
}

@media only screen and (min-width:768px) {
    .blog--root[data-show-featured=true][data-section-id=blog] {
        padding-top: 0
    }

    .blog--root[data-show-featured=false][data-section-id=blog] {
        padding-top: 72px
    }

    .blog--root[data-articles="0"][data-section-id=blog] {
        padding-top: 32px
    }
}

.blog--root>* {
    padding: 0 0 16px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .blog--root>* {
        padding: 0 0 32px
    }
}

.blog--featured {
    order: 1;
    width: 100%
}

@media only screen and (max-width:767px) {
    .blog--featured {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:768px) {
    .blog--featured {
        order: 0;
        padding-bottom: 72px
    }
}

@media only screen and (min-width:768px) {
    .blog--featured-container {
        position: relative
    }

    .blog--root[data-image-height=small] .blog--featured-container {
        box-sizing: content-box;
        height: 400px
    }

    .blog--root[data-image-height=small] .blog--featured-container .image--root,
    .blog--root[data-image-height=small] .blog--featured-container .placeholder--root {
        height: 100%
    }

    .blog--root[data-image-height=small] .blog--featured-container .image--container,
    .blog--root[data-image-height=small] .blog--featured-container .placeholder--container {
        height: 100%;
        padding-top: 0 !important
    }

    .blog--root[data-image-height=small] .blog--featured-container img {
        height: 400px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .blog--root[data-image-height=medium] .blog--featured-container {
        box-sizing: content-box;
        height: 640px
    }

    .blog--root[data-image-height=medium] .blog--featured-container .image--root,
    .blog--root[data-image-height=medium] .blog--featured-container .placeholder--root {
        height: 100%
    }

    .blog--root[data-image-height=medium] .blog--featured-container .image--container,
    .blog--root[data-image-height=medium] .blog--featured-container .placeholder--container {
        height: 100%;
        padding-top: 0 !important
    }

    .blog--root[data-image-height=medium] .blog--featured-container img {
        height: 640px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.blog--featured-header {
    display: none
}

@media only screen and (min-width:768px) {
    .blog--featured-header {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .blog--featured-header h2 a {
        display: inline-block;
        max-width: 1000px;
        text-align: center;
        margin: 0;
        padding: 0 48px 32px
    }

    .blog--root[data-alt-color=true] .blog--featured-header h2 a {
        color: var(--color--alternative)
    }
}

.blog--featured-image {
    padding-bottom: 16px
}

@media only screen and (min-width:768px) {
    .blog--featured-image {
        padding: 0
    }

    .blog--root[data-image-height=small] .blog--featured-image {
        height: 100%
    }

    .blog--root[data-image-height=medium] .blog--featured-image {
        height: 100%
    }

    .blog--root[data-apply-overlay=true][data-image-height=small] .blog--featured-image .image--container:after {
        height: 400px
    }

    .blog--root[data-apply-overlay=true][data-image-height=medium] .blog--featured-image .image--container:after {
        height: 640px
    }

    .blog--root:not([data-image-height=large]) .blog--featured-image .image--parallax {
        padding-top: 0 !important
    }
}

.blog--featured-title--mobile {
    padding: 0 16px 12px
}

@media only screen and (min-width:768px) {
    .blog--featured-title--mobile {
        display: none
    }
}

.blog--featured-info {
    padding: 0 16px 12px
}

@media only screen and (min-width:768px) {
    .blog--featured-info {
        display: none
    }
}

.blog--featured-excerpt {
    padding: 0 16px 12px
}

@media only screen and (min-width:768px) {
    .blog--featured-excerpt {
        display: none
    }
}

.blog--featured-excerpt:last-child {
    padding-bottom: 0
}

.blog--featured-readmore {
    padding: 0 16px;
    text-decoration: underline
}

@media only screen and (min-width:768px) {
    .blog--featured-readmore {
        display: none
    }
}

.blog--dot {
    display: none
}

@media only screen and (min-width:768px) {
    .blog--root[data-columns="1"] .blog--dot {
        display: inline-block;
        padding: 0 calc(16px / 2)
    }
}

.blog--header--root {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0
}

@media only screen and (min-width:768px) {
    .blog--header--root {
        padding: 72px 48px
    }

    .blog--root[data-show-featured=true] .blog--header--root {
        padding: 0 48px 72px
    }
}

.blog--header {
    width: 100%;
    padding: 32px 16px
}

@media only screen and (min-width:768px) {
    .blog--header {
        padding: 0;
        max-width: 864px
    }

    .blog--root[data-columns="2"] .blog--header {
        max-width: 1264px
    }

    .blog--root[data-columns="3"] .blog--header {
        max-width: 1264px
    }
}

.blog--header>:only-child {
    padding-bottom: 0
}

.blog--title-container {
    text-align: center;
    padding-bottom: 32px
}

.blog--filter--root {
    width: 100%
}

.blog--filter--body {
    padding-bottom: 0;
    display: flex;
    justify-content: center
}

.blog--filter--body .disclosure--root {
    width: 100%;
    max-width: calc(100% - 2 * 32px)
}

@media only screen and (min-width:768px) {
    .blog--filter--body .disclosure--root {
        display: none
    }
}

.blog--filter--menu {
    display: none
}

@media only screen and (min-width:768px) {
    .blog--filter--menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        padding: 0
    }
}

.blog--filter--menu-item {
    display: none;
    margin: 0;
    line-height: 1em
}

@media only screen and (min-width:768px) {
    .blog--filter--menu-item {
        display: block
    }

    .blog--filter--menu-item a {
        display: inline-block;
        padding: calc(16px / 2)
    }
}

.blog--body {
    order: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 32px
}

@media only screen and (min-width:768px) {
    .blog--body {
        order: 0;
        padding: 0 48px 72px
    }
}

.blog--article-list {
    width: 100%;
    padding-bottom: 0
}

@media only screen and (max-width:767px) {
    .blog--article-list {
        padding: 0 16px
    }
}

@media only screen and (min-width:768px) {
    .blog--article-list {
        max-width: 800px
    }

    .blog--root[data-columns="2"] .blog--article-list {
        max-width: 1200px
    }

    .blog--root[data-columns="3"] .blog--article-list {
        max-width: 1200px
    }
}

.blog--article-list .article--item {
    width: 100%
}

@media only screen and (max-width:767px) {
    .blog--article-list .article--item:not(:last-child) {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:768px) {
    .blog--root[data-columns="1"] .blog--article-list .article--item:not(:last-child):not(:last-child) {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:768px) {
    .blog--root[data-columns="2"] .blog--article-list .article--item {
        width: calc((100% - 32px)/ 2)
    }

    .blog--root[data-columns="2"] .blog--article-list .article--item:not(:last-child):not(:nth-last-child(2)) {
        padding-bottom: 32px
    }

    .blog--root[data-columns="3"] .blog--article-list .article--item {
        width: calc((100% - 64px)/ 3)
    }

    .blog--root[data-columns="3"] .blog--article-list .article--item:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)) {
        padding-bottom: 32px
    }
}

.blog--footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 32px 16px 0
}

@media only screen and (min-width:768px) {
    .blog--footer {
        flex-direction: row;
        justify-content: space-between;
        padding: 72px 32px 0;
        margin: 0 -32px;
        max-width: 864px
    }

    .blog--root[data-columns="2"] .blog--footer {
        max-width: 1264px
    }

    .blog--root[data-columns="3"] .blog--footer {
        max-width: 1264px
    }
}

.blog--footer>:not(:first-child) {
    padding-bottom: 32px
}

@media only screen and (min-width:768px) {
    .blog--footer>:not(:first-child) {
        padding: 0
    }
}

.blog--footer-rss {
    order: 1
}

@media only screen and (min-width:768px) {
    .blog--footer-rss {
        order: 0
    }

    .blog--footer-rss:only-child {
        width: 100%;
        text-align: center
    }

    .blog--footer-rss:only-child a {
        padding-left: 16px
    }
}

.blog--footer-rss a {
    text-decoration: underline;
    padding: 12px
}

@media only screen and (min-width:768px) {
    .blog--footer-rss a {
        padding: 16px 16px 16px 0
    }
}

.blog--footer-pagination:only-child {
    width: 100%
}

@media only screen and (max-width:767px) {
    .blog--footer-pagination {
        padding-bottom: 32px
    }
}

.blog--no-articles {
    padding: 72px 48px;
    margin: 0;
    max-width: 700px
}

.blog--no-articles p {
    text-align: center
}

.article--wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.article--heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1200px;
    padding: 0;
    width: 100%
}

@media only screen and (min-width:768px) {
    .article--heading {
        padding-bottom: 32px
    }

    .article--root[data-title-position=center][data-show-featured=true] .article--heading {
        position: relative
    }

    .article--root[data-title-position=left][data-show-featured=true] .article--heading {
        flex-direction: row
    }

    .article--root[data-title-position=left][data-show-featured=true] .article--heading>:not(.article--info) {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .article--heading {
        width: calc(100% + 32px)
    }
}

.article--heading>* {
    width: 100%
}

.article--header--info {
    order: 1;
    margin: 0 auto;
    padding: 0 16px 16px
}

.article--root[data-show-featured=false] .article--header--info {
    padding: 32px 16px 12px
}

.article--root[data-show-featured=false] .article--header--info:only-child {
    padding-bottom: 0
}

@media only screen and (min-width:768px) {
    .article--header--info {
        padding: 32px
    }

    .article--header--info>:not(:last-child) {
        padding-bottom: 16px
    }

    .article--root[data-title-position=center][data-show-featured=true] .article--header--info {
        position: absolute;
        top: 40%;
        left: 0;
        z-index: 1;
        padding-top: 0
    }

    .article--root[data-title-position=left][data-show-featured=true] .article--header--info {
        padding: 32px 32px 0 48px
    }

    .article--root[data-title-position=below] .article--header--info {
        padding-bottom: 0
    }

    .article--root[data-show-featured=false] .article--header--info:first-child {
        padding: 72px 48px 0
    }
}

.article--image {
    padding-bottom: 16px;
    order: 1;
    justify-content: center;
    display: flex
}

@media only screen and (min-width:768px) {
    .article--image {
        padding-bottom: 0
    }

    .article--root[data-title-position=left] .article--image .image--container,
    .article--root[data-title-position=left] .article--image .placeholder--container {
        min-height: 400px
    }

    .article--root[data-title-position=left] .article--image img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .article--root[data-title-position=center] .article--image {
        padding-bottom: 32px
    }

    .article--root[data-title-position=below] .article--image {
        order: 0
    }
}

.article--root[data-show-author=false][data-show-date=false] .article--image {
    padding-bottom: 0
}

.article--title {
    text-align: center
}

@media only screen and (min-width:768px) {
    .article--root[data-title-position=center][data-show-featured=true] .article--title {
        padding: 0
    }

    .article--root[data-title-position=left] .article--title {
        text-align: left
    }

    .article--root[data-title-position=left][data-show-featured=false] .article--title {
        text-align: center
    }

    .article--root[data-show-author=false][data-show-date=false] .article--title {
        padding-bottom: 0
    }
}

.article--info {
    display: flex;
    justify-content: center
}

.flexbox-gap .article--info {
    gap: 8px
}

.no-flexbox-gap .article--info>* {
    margin: calc(8px / 2)
}

.article--info[data-position=grouped-with-title] {
    display: none
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .article--root[data-title-position=left] .article--info[data-position=grouped-with-title] {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) {
    .article--info[data-position=grouped-with-title] {
        align-items: center
    }

    .article--root[data-title-position=above] .article--info[data-position=grouped-with-title] {
        display: flex
    }

    .article--root[data-title-position=left] .article--info[data-position=grouped-with-title] {
        display: flex;
        justify-content: flex-start
    }

    .article--root[data-title-position=left][data-show-featured=false] .article--info[data-position=grouped-with-title] {
        justify-content: center
    }

    .article--root[data-title-position=below] .article--info[data-position=grouped-with-title] {
        display: flex
    }
}

.article--info[data-position=by-self] {
    padding: 0 16px 16px;
    order: 1
}

@media only screen and (max-width:767px) {
    .article--info[data-position=by-self] {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) {
    .article--root[data-title-position=above] .article--info[data-position=by-self] {
        display: none
    }

    .article--root[data-title-position=center] .article--info[data-position=by-self] {
        padding: 0;
        max-width: 800px;
        justify-content: flex-start
    }

    .article--root[data-title-position=center][data-show-featured=false] .article--info[data-position=by-self] {
        justify-content: center
    }

    .article--root[data-title-position=left] .article--info[data-position=by-self] {
        display: none
    }

    .article--root[data-title-position=below] .article--info[data-position=by-self] {
        display: none
    }
}

.article--timesince {
    text-align: right;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .article--timesince {
        align-self: center
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .article--root[data-title-position=left] .article--timesince {
        align-self: flex-start
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .article--root[data-title-position=left] .article--dot {
        display: none
    }
}

.article--author {
    align-self: center
}

@media only screen and (max-width:767px) {
    .article--author {
        align-self: center
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .article--root[data-title-position=left] .article--author {
        align-self: flex-start
    }
}

.article--content {
    max-width: 800px
}

.article--navigation-wrapper {
    width: 100%;
    max-width: 800px
}

@media only screen and (min-width:768px) {
    .article--navigation-wrapper {
        display: flex;
        align-items: center
    }
}

.article--navigation-wrapper>:not(:last-child) {
    padding-bottom: 16px
}

.article--navigation .article--tag-info {
    text-align: center;
    width: 100%;
    padding-bottom: 16px
}

@media only screen and (min-width:768px) {
    .article--navigation .article--tag-info {
        text-align: left;
        padding: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .article--navigation .article--tag-info ul {
        display: flex;
        flex-wrap: wrap
    }
}

.article--tagged-in {
    padding: 0 0 12px
}

@media only screen and (min-width:768px) {
    .article--tagged-in {
        display: inline-block;
        padding-bottom: 0;
        padding-right: 16px;
        position: relative;
        width: 100%;
        padding-bottom: 16px
    }
}

.article--tags[data-item] {
    display: inline;
    list-style-type: none;
    padding: 0
}

.article--tags[data-item] .article--tag {
    margin: -8px 0 -8px -8px;
    line-height: 1;
    display: inline-block;
    padding: 0
}

@media only screen and (max-width:767px) {
    .article--tags[data-item] .article--tag {
        margin: -16px 0
    }
}

.article--tags[data-item] .article--tag a {
    display: inline-block;
    padding: 16px calc(16px / 2);
    text-decoration: underline
}

@media only screen and (min-width:768px) {
    .article--share {
        margin-left: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.article--share-container {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding-left: 0;
    margin: 0
}

@media only screen and (max-width:767px) {
    .article--share-container {
        margin-bottom: -8px
    }
}

@media only screen and (min-width:768px) {
    .article--share-container {
        margin-right: -12px
    }
}

.article--share-icon {
    margin: 0
}

.article--share-icon a {
    padding: calc(16px / 2) 12px;
    display: inline-block
}

.article--share-icon .facebook:focus-visible,
.article--share-icon .facebook:hover {
    color: #3c5a99;
    transition: .25s color ease-in
}

.article--share-icon .twitter:focus-visible,
.article--share-icon .twitter:hover {
    color: #1da1f2;
    transition: .25s color ease-in
}

.article--share-icon .twitter svg {
    width: 20px
}

.article--share-icon .pinterest:focus-visible,
.article--share-icon .pinterest:hover {
    color: #bd081c;
    transition: .25s color ease-in
}

.article--recents-item>a {
    width: 100%
}

.article--recents-wrapper {
    padding: 0;
    max-width: 800px;
    margin: 0 auto
}

.article--recents-heading[data-item] {
    text-align: center;
    margin: 0 auto
}

.article--recents--title {
    margin: 0
}

.article-comments-wrapper {
    max-width: 800px
}

.article--comment-count {
    padding-left: calc(16px / 2)
}

.article--item {
    display: flex;
    flex-direction: column
}

.flexbox-gap .article--item {
    gap: 16px
}

.no-flexbox-gap .article--item>* {
    margin: calc(16px / 2)
}

.article--item>[data-item] {
    flex-basis: unset
}

.article--item .article--item--image {
    display: flex;
    align-items: center
}

.article--item-info {
    display: flex
}

.flexbox-gap .article--item-info {
    gap: 8px
}

.no-flexbox-gap .article--item-info>* {
    margin: calc(8px / 2)
}

@media only screen and (max-width:767px) {
    .article--item-info {
        flex-direction: column
    }
}

[data-columns="3"] .article--item-info {
    flex-direction: column
}

[data-columns="3"] .article--item-dot {
    display: none
}

.comments--root {
    padding: 0 12px
}

@media only screen and (min-width:768px) {
    .comments--root {
        padding: 0
    }

    .comments--root>* {
        padding-bottom: 16px
    }
}

.article-comments--heading {
    padding: 0 16px 16px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .article-comments--heading {
        padding: 0 0 32px;
        text-align: left
    }
}

.comments--list {
    padding-bottom: 32px
}

@media only screen and (min-width:768px) {
    .comments--list {
        max-width: 525px;
        padding-bottom: 32px
    }
}

.comment--item {
    padding: 16px 0 0
}

@media only screen and (min-width:768px) {
    .comment--item {
        padding-top: 16px
    }
}

.comment--item:before {
    content: "";
    display: block;
    margin-bottom: 16px;
    width: 100%;
    height: 1px;
    background-color: #ddd
}

@media only screen and (min-width:768px) {
    .comment--item:before {
        margin-bottom: 16px
    }
}

.comment--item:first-of-type {
    padding-top: 0
}

.comment--item:first-of-type:before {
    display: none
}

.comment--item p {
    margin: 0
}

.comment--content {
    padding: 0
}

@media only screen and (min-width:768px) {
    .comment--content {
        padding: 0 0 0 32px
    }
}

.comment--meta {
    padding: 0 0 12px
}

@media only screen and (min-width:768px) {
    .comment--meta {
        padding-bottom: 16px
    }
}

.comments--none {
    padding-bottom: 16px
}

@media only screen and (min-width:768px) {
    .comments--none {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:768px) {
    .comments--form:before {
        content: "";
        display: block;
        margin-bottom: 32px;
        width: 100%;
        height: 1px;
        background-color: #ddd
    }
}

.comments--form>* {
    padding-bottom: 12px
}

@media only screen and (min-width:768px) {
    .comments--form>* {
        padding-bottom: 16px
    }
}

.comments--form:last-child {
    padding-bottom: 0
}

.comments--form input {
    margin: 0
}

.comments--form label {
    position: absolute;
    margin: 0;
    top: 9px;
    padding-left: 16px;
    opacity: 0
}

.comments--form textarea {
    margin: 0
}

.comments--form ::-moz-placeholder {
    opacity: .7
}

.comments--form ::placeholder {
    opacity: .7
}

.comments--form .success {
    text-align: center;
    padding-bottom: 16px
}

@media only screen and (min-width:768px) {
    .comments--form .success {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:768px) {
    .comments--form-meta {
        display: flex;
        padding-bottom: 0
    }
}

.comments--form-name {
    padding: 0 0 12px;
    position: relative
}

@media only screen and (min-width:768px) {
    .comments--form-name {
        width: 50%;
        padding: 0 calc(16px / 2) 16px 0
    }
}

.comments--form-email {
    position: relative
}

@media only screen and (min-width:768px) {
    .comments--form-email {
        width: 50%;
        padding: 0 0 16px calc(16px / 2)
    }
}

.comments--form-input {
    position: relative
}

.comments--form-input textarea::-moz-placeholder {
    text-transform: none
}

.comments--form-input textarea,
.comments--form-input textarea::placeholder {
    text-transform: none
}

.comments--form-moderated {
    text-align: center
}

@media only screen and (min-width:768px) {
    .comments--form-moderated {
        text-align: left
    }
}

.comments--form-error {
    text-align: center;
    color: red
}

@media only screen and (min-width:768px) {
    .comments--form-error {
        text-align: left
    }
}

.comments--form-heading {
    padding-bottom: 12px
}

@media only screen and (min-width:768px) {
    .comments--form-heading {
        padding-bottom: 16px
    }
}

.comments--form-submit {
    width: 100%;
    padding: 0
}

@media only screen and (min-width:768px) {
    .comments--form-submit {
        width: 50%
    }
}

.comments--form-submit button {
    width: 100%
}

.comments--pagination .pagination--root {
    justify-content: flex-end
}

@media only screen and (max-width:767px) {
    .comments--pagination .pagination--root {
        padding-bottom: 32px
    }
}

.article-comments--disqus {
    padding: 0 12px
}

@media only screen and (min-width:768px) {
    .article-comments--disqus {
        padding: 0
    }
}

.cart--root {
    max-width: 1000px;
    margin: 0 auto;
    display: block
}

@media only screen and (max-width:767px) {
    .cart--root[data-view=desktop] {
        display: none
    }
}

.cart--root:not([data-view=desktop]) {
    padding: 32px 16px
}

@media only screen and (min-width:768px) {
    .cart--root:not([data-view=desktop]) {
        display: none
    }
}

.off-canvas--right-sidebar[data-active=cart] .cart--root {
    display: block
}

.cart--header {
    padding-bottom: 32px;
    text-align: center
}

.cart--root[data-has-items=false] .cart--form {
    display: none
}

.cart--body {
    display: table;
    width: 100%;
    table-layout: auto
}

.cart--root:not([data-view=desktop]) .cart--body {
    border-top: 1px solid var(--color-border)
}

.cart--headings {
    display: table-row;
    width: 100%;
    border-bottom: 1px solid var(--color-border);
    text-align: center
}

.cart--root:not([data-view=desktop]) .cart--headings {
    display: none
}

.cart--headings>* {
    display: table-cell;
    padding: calc(32px / 2);
    border-bottom: 1px solid var(--color-border)
}

.cart--heading--total {
    text-align: right
}

.cart--item {
    width: 100%;
    display: table-row
}

.cart--root:not([data-view=desktop]) .cart--item {
    display: flex;
    border-bottom: 1px solid var(--color-border);
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 16px 0
}

.flexbox-gap .cart--root:not([data-view=desktop]) .cart--item {
    gap: 12px
}

.no-flexbox-gap .cart--root:not([data-view=desktop]) .cart--item>* {
    margin: calc(12px / 2)
}

.cart--item>* {
    display: table-cell;
    vertical-align: middle;
    padding: calc(32px / 2);
    border-bottom: 1px solid var(--color-border)
}

.cart--root:not([data-view=desktop]) .cart--item>* {
    padding: 0;
    display: block;
    border: 0
}

.cart--item--image {
    max-width: 150px
}

.cart--root:not([data-view=desktop]) .cart--item--image {
    width: 35%;
    align-self: center;
    padding-left: 0
}

.cart--root:not([data-view=desktop]) .cart--item--info {
    flex-grow: 1;
    text-align: right;
    max-width: calc(65% - 12px)
}

.cart--root:not([data-view=desktop]) .cart--item--info>* {
    text-align: left
}

.cart--error {
    color: #d32f2f
}

.cart--root:not([data-view=desktop]) .cart--error {
    width: 100%;
    text-align: center;
    padding-top: 8px
}

.cart--root[data-view=desktop] .cart--item--title>:not(:last-child) {
    padding-bottom: 8px
}

.cart--root:not([data-view=desktop]) .cart--item--title {
    width: 100%;
    text-align: center
}

.cart--item--price {
    text-align: center;
    padding-bottom: 12px
}

.cart--root:not([data-view=desktop]) .cart--item--price {
    text-align: left
}

.cart--item--quantity {
    text-align: center
}

.cart--root:not([data-view=desktop]) .cart--item--quantity {
    text-align: left
}

input.cart--quantity--input {
    padding: 0 calc(16px / 2);
    margin: 0 2px;
    height: 38px;
    text-align: center
}

input.cart--quantity--input[data-loading=true] {
    color: var(--color-border)
}

@media only screen and (max-width:767px) {
    input.cart--quantity--input {
        width: 45px
    }
}

.cart--quantity--container {
    margin: 0;
    border-radius: 2px
}

.cart--minus,
.cart--plus {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cart--minus>*,
.cart--plus>* {
    pointer-events: none
}

.cart--item--remove {
    padding-top: calc(16px / 4);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.cart--root[data-view=desktop] .cart--item--remove {
    margin: 0 auto
}

.cart--item--remove>* {
    padding: calc(16px / 4);
    font-size: 12px
}

.cart--root:not([data-view=desktop]) .cart--item--remove>* {
    margin-left: calc(-16px / 4)
}

@media only screen and (max-width:767px) {
    .cart--item--remove {
        padding-top: calc(16px / 2)
    }
}

.cart--item--total {
    text-align: right
}

.cart--root:not([data-view=desktop]) .cart--item--total {
    text-align: left
}

.cart--footer {
    padding: 72px 0 0;
    width: 100%;
    display: flex
}

.cart--root:not([data-view=desktop]) .cart--footer {
    padding: 32px 0 0;
    display: block
}

.cart--notes {
    flex-grow: 1;
    max-width: 400px
}

.cart--root:not([data-view=desktop]) .cart--notes {
    text-align: center;
    max-width: 100%;
    padding-bottom: 32px
}

.cart--notes--textarea {
    height: 120px;
    margin: 0;
    padding: calc(16px / 2)
}

.cart--root:not([data-view=desktop]) .cart--notes--textarea {
    height: 80px
}

.cart--totals {
    flex-grow: 1;
    text-align: right
}

.cart--root:not([data-view=desktop]) .cart--totals {
    text-align: center
}

.cart--totals>:not(:last-child) {
    padding-bottom: 16px
}

.cart--sub-total>:not(:last-child) {
    padding-bottom: 8px
}

.cart--discounts>:not(:last-child) {
    padding-bottom: 8px
}

.cart--total>:not(:last-child) {
    padding-bottom: 8px
}

.cart--total--price {
    font-size: 20px
}

@media only screen and (max-width:767px) {
    .cart--total--price {
        font-size: 16px
    }
}

.cart--nav {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.cart--root:not([data-view=desktop]) .cart--nav {
    text-align: center;
    flex-wrap: wrap
}

.cart--root:not([data-view=desktop]) .cart--checkout-button {
    width: 100%;
    order: 1
}

.cart--checkout-button button {
    width: 100%;
    min-width: 120px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cart--checkout-button button[disabled] {
    cursor: unset;
    opacity: .7
}

.cart--checkout-button button[disabled] .cart-button--text {
    display: none
}

.cart--checkout-button button[disabled] .cart-button--spinner {
    display: block
}

.cart--checkout-button button[disabled] .cart-button--spinner svg {
    fill: #fff
}

.cart--checkout-button button[data-loading=true] .cart-button--text {
    display: none
}

.cart--checkout-button button[data-loading=true] .cart-button--spinner {
    display: block
}

.cart--checkout-button button[data-loading=true] .cart-button--spinner svg {
    fill: #fff
}

.cart-button--spinner {
    display: none
}

.cart--continue-shopping {
    margin-right: 16px
}

.cart--root:not([data-view=desktop]) .cart--continue-shopping {
    margin-right: 0;
    order: 2;
    padding-top: 16px;
    width: 100%
}

.cart--continue-shopping a:hover {
    cursor: pointer
}

.cart--no-items {
    text-align: center
}

.cart--root[data-has-items=true] .cart--no-items {
    display: none
}

.cart--additional-buttons {
    max-width: 300px;
    margin-left: auto
}

.cart--additional-buttons li:not(:last-child) {
    margin-bottom: 8px !important
}

.cart--root:not([data-view=desktop]) .cart--additional-buttons {
    max-width: unset
}

.cart--additional-buttons .shopify-cleanslate [data-testid=grid-cell] {
    margin-top: 0 !important
}

.customer--wrapper {
    max-width: 800px
}

.customer--wrapper h1 {
    text-align: center;
    padding-bottom: 32px
}

.customer--wrapper h2 {
    padding-bottom: 16px
}

.customer--wrapper h4 {
    padding-bottom: 16px
}

.customer--wrapper tbody td,
.customer--wrapper thead th {
    padding: 16px
}

.customer--wrapper .errors a {
    text-decoration: underline
}

.account--activate,
.account--recover-password,
.account--reset-password,
.customer--login,
.customer--register {
    margin: 0 auto;
    max-width: 400px
}

.address--email {
    padding-bottom: 16px
}

.address--full {
    padding-bottom: 32px
}

.address--view {
    padding-bottom: 32px
}

.address--view p {
    margin: 0
}

.address--view p:last-of-type {
    padding-bottom: 16px
}

.address--actions-edit {
    padding-right: 8px
}

.address--pagination {
    text-align: center
}

.account--orders-table,
.order--table {
    margin: 0 auto;
    width: 100%
}

.account--orders-table thead th,
.order--table thead th {
    border-bottom: solid 1px #eaeaea;
    font-weight: 400
}

.account--orders-table td a,
.order--table td a {
    text-decoration: underline
}

@media only screen and (max-width:767px) {

    .account--orders-table tbody tr,
    .order--table tbody tr {
        padding: 0
    }

    .account--orders-table td:empty,
    .order--table td:empty {
        display: none
    }
}

.order--heading--total {
    min-width: 150px
}

@media only screen and (min-width:768px) {
    .order--heading--total {
        text-align: right
    }
}

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

    .order--item--price,
    .order--item--quantity {
        text-align: center
    }
}

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

    .order--discount,
    .order--item--total {
        text-align: right
    }
}

.order--item--unit-price-container {
    text-transform: lowercase;
    font-size: 12px
}

@media only screen and (min-width:768px) {
    .order--item--unit-price-container {
        text-align: center
    }
}

.address--actions {
    padding-bottom: 16px;
    margin: 0
}

.address--edit {
    padding-bottom: 32px
}

.address--customer-table {
    border: 0;
    margin: 16px auto
}

.address--customer-table input,
.address--customer-table label,
.address--customer-table select {
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .address--customer-table tr td:first-child {
        padding: 16px 0
    }

    .address--customer-table tr td:last-child {
        padding-right: 0
    }
}

.address--button-container {
    display: flex;
    align-items: center
}

.address--button-container span {
    margin-left: 12px
}

.customer--root tbody td.address--checkbox-container {
    display: flex;
    align-items: center;
    padding-top: 0
}

.customer--root tbody td.address--checkbox-container input[type=checkbox] {
    margin: 0 8px 0 0
}

.account--reset {
    display: none;
    text-align: center;
    margin-bottom: 32px;
    padding: 8px;
    background-color: #e6f9ee;
    color: #01c753;
    border: 1px solid #01c753;
    border-radius: 2px
}

.account--button-container {
    display: flex;
    align-items: center
}

@media only screen and (max-width:767px) {
    .account--button-container {
        flex-direction: column
    }
}

.account--button-container input {
    margin-bottom: 0
}

.account--activate--create-password {
    padding-bottom: 16px
}

.account--activate--button-container {
    display: flex;
    align-items: center
}

@media only screen and (max-width:767px) {
    .account--activate--button-container {
        flex-direction: column
    }
}

.account--activate--button-container .account--activate--button {
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .account--activate--button-container .account--activate--button {
        width: 100%
    }
}

.account--activate--button-container a {
    margin-left: 16px
}

@media only screen and (max-width:767px) {
    .account--activate--button-container a {
        padding: 16px;
        margin: 0
    }
}

@media only screen and (max-width:767px) {
    .account--orders-table tbody {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:768px) {
    .account--orders-table tbody {
        text-align: center
    }
}

.account--breadcrumb-container {
    text-align: center
}

.account--breadcrumb-container .breadcrumbs--root {
    padding: 0 0 32px
}

.account--forgot-password,
.account--reset-instructions {
    padding-bottom: 32px
}

.account--cancel {
    padding-left: 16px
}

.account--password-buttons {
    display: flex;
    align-items: center
}

.account--sign-in {
    width: 100%
}

@media only screen and (min-width:768px) {
    .account--sign-in {
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .account--sign-in button {
        width: 100%
    }
}

a.account--register {
    margin: 12px 0 0;
    width: 100%;
    text-align: center;
    height: auto
}

@media only screen and (min-width:768px) {
    a.account--register {
        margin: 0 0 0 16px;
        width: auto
    }
}

a.account--register div {
    width: 100%
}

.account--create {
    width: 100%;
    text-align: center
}

@media only screen and (min-width:768px) {
    .account--create {
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .account--create button {
        width: 100%
    }
}

a.account--login {
    margin: 12px 0 0;
    width: 100%;
    text-align: center;
    height: auto
}

@media only screen and (min-width:768px) {
    a.account--login {
        margin: 0 0 0 16px;
        width: auto
    }
}

a.account--login div {
    width: 100%
}

body.template--customers--register input[type=password] {
    margin-bottom: 32px
}

.account--orders {
    padding-bottom: 32px
}

.account--orders h4 {
    padding-bottom: 32px
}

@media only screen and (max-width:767px) {
    .account--orders {
        padding-bottom: 16px
    }

    .account--orders h4 {
        padding-bottom: 16px
    }
}

.account--pagination {
    text-align: center
}

.account--recover-password input,
.account--reset-password input,
.customer--login input,
.customer--register input,
.page-create-account input {
    margin-bottom: 16px
}

.template--password {
    height: 100%;
    min-height: 100%;
    width: 100%;
    padding: 0;
    margin: 0
}

.template--password[data-border=true] .off-canvas--main-content {
    border: none
}

.template--password .shopify-section {
    position: relative;
    z-index: 1
}

.password--root {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: var(--color--alternative)
}

.password--root a,
.password--root label {
    color: var(--color--alternative)
}

.password--root .errors ul {
    margin-bottom: 0
}

.password--root .errors li {
    margin: 0;
    padding-bottom: 12px
}

@media only screen and (min-width:768px) {
    .password--root .errors li {
        padding-bottom: 16px
    }
}

.password--root .icon--shopify {
    width: 82.28571px;
    height: 24px;
    display: inline-block;
    line-height: 0;
    vertical-align: top
}

.password--root .icon--lock,
.password--root .icon--shopify {
    color: var(--color--alternative)
}

.password--background-image {
    z-index: 1;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.password--background-image .image--container,
.password--background-image .image--root {
    height: 100vh
}

.password--logo {
    padding: 32px 0
}

@media only screen and (min-width:768px) {
    .password--logo {
        padding: 72px 0
    }
}

.password--login {
    z-index: 3;
    position: absolute;
    top: 16px;
    right: 16px
}

@media only screen and (min-width:768px) {
    .password--login {
        top: 32px;
        right: 32px
    }
}

.password--login-form {
    visibility: hidden;
    position: fixed;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 350px;
    padding: 0 16px
}

.password--login-form input[type=password] {
    background-color: transparent;
    color: var(--color--alternative);
    margin-bottom: 12px
}

@media only screen and (min-width:768px) {
    .password--login-form input[type=password] {
        margin-bottom: 16px
    }
}

.password--login-link {
    display: flex;
    align-items: center
}

.password--login-link:hover {
    cursor: pointer
}

.password--login-link p {
    padding-left: calc(16px / 2)
}

.password--buttons-container {
    display: flex;
    align-items: center
}

.password--button {
    margin: 0;
    padding-right: 12px
}

@media only screen and (min-width:768px) {
    .password--button {
        padding-right: 16px
    }
}

.password--cancel:hover {
    cursor: pointer
}

.password--main {
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh
}

.password--subtitle {
    padding-bottom: 12px
}

@media only screen and (min-width:768px) {
    .password--subtitle {
        padding-bottom: 16px
    }
}

.password--info {
    padding-bottom: 32px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .password--info {
        padding-bottom: 72px
    }
}

.password--mailing-header {
    padding-bottom: 16px
}

@media only screen and (min-width:768px) {
    .password--mailing-header {
        padding-bottom: 32px
    }
}

.password--mailing-header p {
    margin: 0
}

.password--mailing-list {
    padding-bottom: 96px;
    max-width: 300px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .password--mailing-list {
        max-width: 380px
    }
}

.password--mailing-list form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width:768px) {
    .password--mailing-list form {
        flex-flow: row wrap
    }
}

.password--mailing-list .password--mailing-button {
    max-width: 300px;
    width: 100%;
    text-align: center
}

@media only screen and (min-width:768px) {
    .password--mailing-list .password--mailing-button {
        width: auto;
        padding-left: 16px
    }
}

.password--mailing-list input[type=email] {
    background-color: transparent;
    color: var(--color--alternative);
    border: none;
    border-bottom: 1px solid var(--color--alternative);
    margin-bottom: 12px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .password--mailing-list input[type=email] {
        margin: 0;
        width: 260px;
        text-align: left
    }
}

.password--mailing-list input[type=email]::-webkit-input-placeholder {
    text-transform: none;
    color: var(--color--alternative)
}

.password--mailing-list input[type=email]:-moz-placeholder {
    text-transform: none;
    color: var(--color--alternative)
}

.password--mailing-list input[type=email]::-moz-placeholder {
    text-transform: none;
    color: var(--color--alternative)
}

.password--mailing-list input[type=email]:-ms-input-placeholder {
    text-transform: none;
    color: var(--color--alternative)
}

.password--mailing-list .error,
.password--mailing-list .success {
    font-style: italic;
    margin: 0;
    padding-top: 16px
}

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

    .password--mailing-list .error,
    .password--mailing-list .success {
        padding-top: 0
    }
}

.password--mailing-list .error {
    color: #d32f2f
}

.password--powered-by {
    text-align: center;
    padding-bottom: 32px
}

@media only screen and (min-width:768px) {
    .password--powered-by {
        padding-bottom: 72px
    }
}

.password--errors li,
.password--errors ul {
    margin: 0;
    list-style: none;
    padding: 0
}

.password--errors li {
    padding-bottom: 16px
}

.shopify-challenge__container {
    padding: 72px 0
}

@media only screen and (max-width:767px) {
    .shopify-challenge__container {
        padding: 32px 0
    }
}



.wrw-grid-product-buy-buttons {
  width: 50%;
  margin: auto;
}

.wrw-grid-product-quantity {
  width: 27%;
  margin: auto;
}

.breadcrumb {
    display: none!important;
}

}