input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=email], input[type=password], input[type=text], select {
    -webkit-appearance: none;
    appearance: none
}

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

select {
    background-color: transparent;
    background-image: var(--arrow-select-box);
    background-position: 50%;
    background-position-x: calc(100% - 15px);
    background-repeat: no-repeat;
    background-size: 10px;
    padding-right: 25px
}

input:not(.quantity-input__element,.form-control,.scd-item__qty_input,.newsletter__input-st,[type=submit]), textarea:not(.quantity-input__element,.form-control,.scd-item__qty_input,.newsletter__input-st,[type=submit]) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .25rem;
    border: 1px solid var(--border-color-3);
    line-height: 1.5rem;
    padding: .5rem .75rem
}

input:focus:not(.quantity-input__element,.form-control,.scd-item__qty_input,.newsletter__input-st), textarea:focus:not(.quantity-input__element,.form-control,.scd-item__qty_input,.newsletter__input-st) {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

input:disabled, textarea:disabled {
    background: var(--bg-disabled);
    border-color: var(--border-color-1);
    color: var(--color-disabled);
    pointer-events: none
}

input[type=checkbox], textarea[type=checkbox] {
    background-color: transparent;
    height: 1.125rem;
    width: 1.125rem
}

input[type=submit], textarea[type=submit] {
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: rgb(255 255 255/var(--tw-text-opacity));
    padding: .625rem 1.5rem;
    text-align: center;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.deferred-media__poster-buttoninput[type=submit], .deferred-media__poster-buttontextarea[type=submit] {
    color: var(--text-white)
}

input[type=submit], textarea[type=submit] {
    background-color: var(--color-primary);
    box-shadow: none;
    outline: none;
    white-space: nowrap
}

input[type=submit]:hover, textarea[type=submit]:hover {
    background: var(--color-primary-darker);
    border-color: var(--color-primary-darker);
    color: #fff;
    cursor: pointer
}

.btn, .sf__btn {
    padding: .625rem 1.25rem;
    text-align: center;
    white-space: nowrap
}

@media (min-width: 768px) {
    .btn, .sf__btn {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.btn, .sf__btn {
    border: 1px solid transparent;
    border-radius: var(--btn-border-radius, 0);
    display: inline-block;
    font-size: var(--font-btn-size, 1rem);
    font-weight: var(--font-btn-weight, 500);
    letter-spacing: var(--btn-letter-spacing, 0);
    line-height: var(--btn-line-height, "normal");
    outline: none;
    text-transform: var(--btn-text-transform, "");
    transition: all .32s
}

.btn:focus, .btn:hover, .sf__btn:focus, .sf__btn:hover {
    border-color: var(--color-primary-darker)
}

.btn:not(.sf__btn-link):hover, .sf__btn:not(.sf__btn-link):hover {
    box-shadow: 0 0 0 .2rem var(--color-btn-bg-hover)
}

.btn-disabled, .btn.disabled, .btn:disabled, .btn[disabled], .sf__btn-disabled, .sf__btn.disabled, .sf__btn:disabled, .sf__btn[disabled] {
    border-color: var(--border-color-2) !important;
    color: var(--color-disabled) !important;
    opacity: .5;
    pointer-events: none
}

.btn.sf__btn-small, .sf__btn.sf__btn-small {
    padding-bottom: .5rem;
    padding-top: .5rem
}

@media (min-width: 1024px) {
    .btn.sf__btn-small, .sf__btn.sf__btn-small {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.btn.sf__btn-large, .sf__btn.sf__btn-large {
    padding-bottom: .75rem;
    padding-top: .75rem
}

@media (min-width: 1024px) {
    .btn.sf__btn-large, .sf__btn.sf__btn-large {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.sf__btn.sf__btn-primary, a.sf__btn.sf__btn-primary, button.sf__btn.sf__btn-primary {
    background-color: var(--color-btn-bg, var(--color-primary));
    border-color: var(--color-btn-bg, var(--color-primary));
    color: var(--color-btn-text, #fff)
}

.sf__btn.sf__btn-primary:focus, .sf__btn.sf__btn-primary:hover, a.sf__btn.sf__btn-primary:focus, a.sf__btn.sf__btn-primary:hover, button.sf__btn.sf__btn-primary:focus, button.sf__btn.sf__btn-primary:hover {
    background: var(--color-btn-bg-hover);
    border-color: var(--color-btn-bg-hover);
    color: var(--color-btn-text-hover, #fff)
}

.sf__btn.sf__btn-link, a.sf__btn.sf__btn-link, button.sf__btn.sf__btn-link {
    border-bottom-color: currentColor;
    border-radius: 0;
    border-width: 0;
    padding: .25rem 0;
    position: relative
}

.sf__btn.sf__btn-link.sf__btn-light, a.sf__btn.sf__btn-link.sf__btn-light, button.sf__btn.sf__btn-link.sf__btn-light {
    color: #fff
}

.sf__btn.sf__btn-link:focus, .sf__btn.sf__btn-link:hover, a.sf__btn.sf__btn-link:focus, a.sf__btn.sf__btn-link:hover, button.sf__btn.sf__btn-link:focus, button.sf__btn.sf__btn-link:hover {
    background: none
}

.sf__btn.sf__btn-link:focus:before, .sf__btn.sf__btn-link:hover:before, a.sf__btn.sf__btn-link:focus:before, a.sf__btn.sf__btn-link:hover:before, button.sf__btn.sf__btn-link:focus:before, button.sf__btn.sf__btn-link:hover:before {
    transform: scaleX(0) translateZ(0);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.sf__btn.sf__btn-link:focus:after, .sf__btn.sf__btn-link:hover:after, a.sf__btn.sf__btn-link:focus:after, a.sf__btn.sf__btn-link:hover:after, button.sf__btn.sf__btn-link:focus:after, button.sf__btn.sf__btn-link:hover:after {
    transform: scaleX(1) translateZ(0);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s
}

.sf__btn.sf__btn-link:after, .sf__btn.sf__btn-link:before, a.sf__btn.sf__btn-link:after, a.sf__btn.sf__btn-link:before, button.sf__btn.sf__btn-link:after, button.sf__btn.sf__btn-link:before {
    background: currentColor;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(1) translateZ(0);
    transform-origin: right;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s;
    width: 100%
}

.sf__btn.sf__btn-link:after, a.sf__btn.sf__btn-link:after, button.sf__btn.sf__btn-link:after {
    transform: scaleX(0) translateZ(0);
    transform-origin: left;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.sf__btn.sf__btn-blank, a.sf__btn.sf__btn-blank, button.sf__btn.sf__btn-blank {
    background-color: transparent;
    border-style: none;
    padding: 0;
    transition: background .5s ease, color .5s ease, border-color .6s ease
}

.sf__btn.sf__btn-blank:focus, .sf__btn.sf__btn-blank:hover, a.sf__btn.sf__btn-blank:focus, a.sf__btn.sf__btn-blank:hover, button.sf__btn.sf__btn-blank:focus, button.sf__btn.sf__btn-blank:hover {
    --tw-text-opacity: 1;
    background-color: transparent;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.sf__btn.sf__btn-secondary, a.sf__btn.sf__btn-secondary, button.sf__btn.sf__btn-secondary {
    background-color: transparent;
    border: var(--btn-border-width) solid var(--color-btn-secondary-border, var(--color-primary-darker));
    color: var(--color-btn-secondary-text, var(--color-body-text));
    text-align: center
}

.sf__btn.sf__btn-secondary.sf__btn-small, a.sf__btn.sf__btn-secondary.sf__btn-small, button.sf__btn.sf__btn-secondary.sf__btn-small {
    padding-bottom: 7px;
    padding-top: 7px
}

.sf__btn.sf__btn-secondary.sf__btn-large, a.sf__btn.sf__btn-secondary.sf__btn-large, button.sf__btn.sf__btn-secondary.sf__btn-large {
    padding-bottom: 11px;
    padding-top: 11px
}

.sf__btn.sf__btn-secondary:focus, .sf__btn.sf__btn-secondary:hover, a.sf__btn.sf__btn-secondary:focus, a.sf__btn.sf__btn-secondary:hover, button.sf__btn.sf__btn-secondary:focus, button.sf__btn.sf__btn-secondary:hover {
    background: var(--color-btn-bg-hover, var(--color-primary-darker));
    border-color: var(--color-btn-bg-hover, var(--color-primary-darker)) !important;
    color: var(--color-btn-text-hover, #fff) !important
}

.sf__btn.sf__btn-secondary.sf__btn-light, a.sf__btn.sf__btn-secondary.sf__btn-light, button.sf__btn.sf__btn-secondary.sf__btn-light {
    border-color: #fff;
    color: #fff
}

.sf__btn.sf__btn-plain, a.sf__btn.sf__btn-plain, button.sf__btn.sf__btn-plain {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0
}

.sf__btn.sf__btn-plain:hover, a.sf__btn.sf__btn-plain:hover, button.sf__btn.sf__btn-plain:hover {
    text-decoration: underline !important;
    transform: translate3d(0, -2px, 0)
}

.sf__btn.sf__btn-white, a.sf__btn.sf__btn-white, button.sf__btn.sf__btn-white {
    background: #fff;
    color: #232323
}

.sf__btn.sf__btn-white:hover, a.sf__btn.sf__btn-white:hover, button.sf__btn.sf__btn-white:hover {
    background: var(--color-btn-bg-hover, var(--color-primary-darker));
    border-color: transparent;
    color: var(--color-btn-text-hover, #fff)
}

.sf__btn-icon:hover {
    box-shadow: 0 0 0 .2rem var(--color-btn-bg-hover)
}

.form-control {
    --tw-text-opacity: 1;
    background-color: transparent;
    background-color: var(--color-field-background);
    border-color: var(--color-border);
    border-radius: .25rem;
    border-width: 1px;
    color: rgb(55 65 81/var(--tw-text-opacity));
    font-size: calc(var(--font-base-size, 16) * 1px);
    line-height: 2rem;
    margin-bottom: 10px;
    margin-top: 5px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .375rem .75rem;
    transition-duration: .2s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.form-control:focus {
    border-color: var(--color-primary)
}

.form-control.form__control-icon {
    --tw-border-opacity: 0;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    padding-left: 3rem;
    padding-right: 3rem
}

.form-control.form__control-icon:focus {
    --tw-border-opacity: 1;
    border-color: var(--color-primary)
}

.form-control--plain {
    background-color: transparent !important;
    border: none;
    border-bottom: 2px solid #000;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0
}

.form-control--error {
    background-color: #fff4f4;
    border-color: #fd5749
}

.control-label {
    margin-bottom: .5rem
}

.form-group {
    margin-bottom: 1.5rem
}

.form-group[data-aria-hidden=true] {
    display: none
}

.sf__page-title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 2rem;
    text-align: center
}

@media (min-width: 640px) {
    .sf__page-title {
        font-size: 1.875rem;
        line-height: 2.25rem;
        margin-bottom: 2.5rem
    }
}

@media (min-width: 1280px) {
    .sf__page-title {
        font-size: 3rem;
        line-height: 1;
        margin-bottom: 6rem
    }
}

.sf__text-link {
    color: var(--color-text-link)
}

.sf__text-link:hover {
    color: var(--color-text-link-hover)
}

.hover-underline a {
    display: inline-block;
    line-height: 24px;
    position: relative
}

.hover-underline a:after {
    background-color: var(--color-primary);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: all .3s ease;
    width: 0
}

.hover-underline.active a, .hover-underline:hover a {
    color: var(--primary-color)
}

.hover-underline.active a:after, .hover-underline:hover a:after {
    width: 100%
}

/*[style*=--aspect-ratio] {*/
/*    overflow: hidden;*/
/*    position: relative*/
/*}*/

/*[style*=--aspect-ratio]:before {*/
/*    content: "";*/
/*    display: block;*/
/*    height: 0;*/
/*    width: 100%*/
/*}*/

/*[style*=--aspect-ratio] > :first-child {*/
/*    bottom: 0;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    -o-object-fit: cover;*/
/*    object-fit: cover;*/
/*    position: absolute !important;*/
/*    right: 0;*/
/*    top: 0;*/
/*    width: 100%*/
/*}*/

.sf-footer {
    background-color: var(--color-footer-background);
    color: var(--color-footer-text)
}

@media screen and (max-width: 767px) {
    .sf-footer {
        background-color: var(--color-footer-background-mobile)
    }
}

.sf-footer a {
    color: var(--color-footer-link);
    transition: all .3s
}

.sf-footer a:hover {
    color: var(--color-footer-link-hover)
}

.sf-footer h3 {
    color: var(--color-footer-text)
}

.sf-footer .sf__footer-block-content, .sf-footer .subtext {
    color: var(--color-footer-subtext)
}

.sf-footer .sf__footer-bottom {
    background-color: var(--color-footer-bottom-background);
    color: var(--color-footer-bottom-text)
}

@media screen and (max-width: 767px) {
    .sf-footer .sf__footer-bottom {
        background-color: var(--color-footer-bottom-background-mobile)
    }
}

@media screen and (max-width: 1023px) {
    .sf-footer .sf__footer-bottom {
        padding-bottom: 30px
    }
}

.sf-footer .sf__footer-middle .sf-footer__block {
    padding-bottom: 80px;
    padding-top: 80px
}

@media screen and (max-width: 1535px) {
    .sf-footer .sf__footer-middle .sf-footer__block.sf__footer-block-spacing {
        width: 5%
    }
}

@media screen and (max-width: 1279px) {
    .sf-footer .sf__footer-middle .sf-footer__block {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media screen and (max-width: 767px) {
    .sf-footer .sf__footer-middle .sf-footer__block {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media screen and (min-width: 768px)and (max-width: 1023px) {
    .sf-footer .sf__footer-middle .sf-footer__block {
        padding-bottom: 30px;
        padding-top: 0;
        width: 50%
    }

    .sf-footer .sf__footer-middle .sf-footer__block.sf__footer-block-spacing {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .sf-footer .sf__footer-middle .sf__accordion-item .sf__accordion-button:after {
        display: none
    }

    .sf-footer .sf__footer-middle .sf__accordion-item .sf__accordion-content {
        max-height: unset;
        opacity: 1;
        transition: none
    }
}

@media screen and (max-width: 1023px) {
    .sf-footer .sf__footer-middle {
        padding-top: 30px
    }
}

@media screen and (max-width: 767px) {
    .sf-footer .sf__footer-middle {
        border-bottom: 0
    }
}

.sf-footer form.sf__footer-form-newsletter .sf__newletter__form-input {
    color: var(--color-footer-subtext);
    padding: .375rem 3rem
}

.sf-footer form.sf__footer-form-newsletter .sf__newletter__form-input svg {
    fill: var(--color-footer-text)
}

.sf-footer form.sf__footer-form-newsletter .sf__form-submit:hover {
    color: var(--color-primary)
}

.sf-footer form.sf__footer-form-newsletter.form__style-minimal .sf__newletter__form-input {
    background: transparent;
    border-radius: 0;
    border-width: 0;
    border-bottom: 2px solid;
    padding-left: 0
}

.sf-footer form.sf__footer-form-newsletter.form__style-minimal .sf__form-submit {
    padding-right: 0
}

.sf-footer .sf-footer__block ul li {
    cursor: pointer
}

.sf-footer .sf-footer__block ul li a {
    color: var(--color-footer-link);
    position: relative
}

.sf-footer .sf-footer__block ul li:hover a {
    color: var(--color-footer-link-hover)
}

@media screen and (max-width: 639px) {
    .sf-footer .social-media-links svg {
        height: 16px;
        width: 16px
    }
}

.sf-footer .sf-currency-switcher, .sf-footer .sf-language-switcher, .sf-footer .social-media-links a {
    color: var(--color-footer-link)
}

.sf-footer .sf-currency-switcher:hover, .sf-footer .sf-language-switcher:hover, .sf-footer .social-media-links a:hover {
    color: var(--color-footer-link-hover)
}

.footer-mobile__common {
    bottom: 0;
    box-shadow: 0 0 10px #0000001c;
    left: 0;
    position: fixed;
    transform: none;
    transition: transform .25s ease;
    width: 100%;
    will-change: transform;
    z-index: 50
}

.footer-mobile__common .footer__common-item {
    align-items: center;
    border-right: 1px solid #eee;
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
    padding: 18px 20px;
    position: relative
}

.footer-mobile__common .footer__common-item .sf-cart-icon, .footer-mobile__common .footer__common-item .sf__tooltip-item {
    padding: 0
}

.footer-mobile__common .footer__common-item .sf-cart-count {
    display: flex;
    right: -18px;
    top: -7px
}

.footer-mobile__common .footer__common-item .sf-cart-count .cart-empty {
    display: none
}

.footer-mobile__common .footer__common-item .sf-wishlist-count {
    right: -15px;
    top: -7px
}

.footer-mobile__common .footer__common-item:last-child {
    border-right: 0
}

.footer-mobile__common .footer__common-item .sf__search-footer-common:before, .footer-mobile__common .footer__common-item a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.footer-mobile__common.scroll-up {
    transform: translate3d(0, 104%, 0)
}

body.cart-empty .sf-footer .footer-mobile__common .footer__common-item .sf-cart-count {
    display: none
}

.sf__footer-form-newsletter {
    margin-top: 15px
}

.sf__footer-form-newsletter .form-control {
    margin: 0
}

.sf__footer-form-newsletter-icon, .sf__footer-form-newsletter .sf__form-submit {
    align-items: center;
    display: inline-flex;
    height: 100%;
    left: 5px;
    padding: 0 10px;
    pointer-events: none;
    top: 0
}

.sf__footer-form-newsletter .sf__form-submit {
    left: auto;
    padding: 0 15px;
    pointer-events: auto;
    right: 0
}

@media (max-width: 767px) {
    .sf-footer .sf__accordion-button {
        padding: 10px 0
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
    to {
        opacity: 1;
        transform: translateZ(0);
        visibility: visible
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
    to {
        opacity: 1;
        transform: translateZ(0);
        visibility: visible
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes rise-up {
    0% {
        opacity: 0;
        transform: translate3d(0, 35px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes moPopUp {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes moLeftToRight {
    0% {
        opacity: 0;
        transform: translate(-40px)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes portSliderLine {
    0% {
        transform: scaleX(0);
        transform-origin: left
    }
    to {
        transform: scaleX(1);
        transform-origin: left
    }
}

.ar__old-node {
    opacity: 1
}

.ar__new-node, .ar__old-node {
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ar__new-node {
    opacity: 0
}

.animate-spin {
    display: none
}

.animate-spin.animate-spin-show, .atc-spinner .animate-spin {
    display: block
}

.sf-spinner-loading {
    pointer-events: none;
    position: relative
}

.sf-spinner-loading > :not(.animate-spin) {
    opacity: 0
}

.sf-spinner-loading .animate-spin {
    display: block;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 50%
}

.sf__tooltip-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 9999px;
    cursor: pointer;
    margin-bottom: .5rem;
    padding: 5px;
    position: relative
}

.sf__tooltip-item.sf__tooltip-style-2 {
    background-color: transparent;
    margin-bottom: 0
}

.sf__tooltip-item.sf__tooltip-style-1 {
    align-items: center;
    border-radius: 100%;
    display: flex;
    height: 45px;
    justify-content: center;
    transition: all .3s ease;
    width: 45px
}

.sf__tooltip-item.sf__tooltip-style-1.sf__tooltip-top .sf__tooltip-content {
    bottom: calc(120% + 8px)
}

.sf__tooltip-item.sf__tooltip-style-1.sf__tooltip-left .sf__tooltip-content {
    right: calc(120% + 8px)
}

.sf__tooltip-item.sf__tooltip-style-1.sf__tooltip-bottom .sf__tooltip-content {
    top: calc(120% + 8px)
}

.sf__tooltip-item.sf__tooltip-style-1.sf__tooltip-right .sf__tooltip-content {
    left: calc(120% + 8px)
}

.sf__tooltip-item.sf__tooltip-style-1:hover {
    background: var(--color-btn-bg-hover, var(--color-primary-darker));
    color: var(--color-btn-text-hover, #fff)
}

.sf__tooltip-item.sf__tooltip-top .sf__tooltip-content {
    bottom: 110%;
    left: 50%;
    transform: translate(-50%)
}

.sf__tooltip-item.sf__tooltip-top .sf__tooltip-content:after {
    bottom: -3px;
    left: calc(50% - 5px)
}

.sf__tooltip-item.sf__tooltip-top .sf__tooltip-content:before {
    height: 8px;
    left: 0;
    top: 100%;
    width: 100%
}

.sf__tooltip-item.sf__tooltip-left .sf__tooltip-content {
    right: 110%;
    top: 50%;
    transform: translateY(-50%)
}

.sf__tooltip-item.sf__tooltip-left .sf__tooltip-content:after {
    right: -3px;
    top: calc(50% - 5px)
}

.sf__tooltip-item.sf__tooltip-left .sf__tooltip-content:before {
    height: 100%;
    right: 100%;
    top: 0;
    width: 8px
}

.sf__tooltip-item.sf__tooltip-right .sf__tooltip-content {
    left: 110%;
    top: 50%;
    transform: translateY(-50%)
}

.sf__tooltip-item.sf__tooltip-right .sf__tooltip-content:after {
    left: -3px;
    top: calc(50% - 5px)
}

.sf__tooltip-item.sf__tooltip-right .sf__tooltip-content:before {
    height: 100%;
    left: 100%;
    top: 0;
    width: 8px
}

.sf__tooltip-item.sf__tooltip-bottom .sf__tooltip-content {
    left: 50%;
    top: 110%;
    transform: translate(-50%)
}

.sf__tooltip-item.sf__tooltip-bottom .sf__tooltip-content:after {
    left: calc(50% - 5px);
    top: -3px
}

.sf__tooltip-item.sf__tooltip-bottom .sf__tooltip-content:before {
    bottom: 100%;
    height: 8px;
    left: 0;
    width: 100%
}

.sf__tooltip-item .sf__tooltip-content {
    background: var(--bg-color-tooltip);
    border-radius: .25rem;
    color: var(--text-color-tooltip) !important;
    display: none;
    font-size: .875rem;
    line-height: 1.25rem;
    min-width: max-content;
    opacity: 0;
    padding: .25rem .75rem;
    position: absolute;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    z-index: 20
}

.sf__tooltip-item .sf__tooltip-content:after {
    background: var(--bg-color-tooltip);
    content: "";
    height: 10px;
    position: absolute;
    transform: rotate(45deg);
    width: 10px;
    z-index: -1
}

.sf__tooltip-item .sf__tooltip-content:before {
    background: transparent;
    content: "";
    position: absolute
}

@media screen and (min-width: 1024px) {
    .sf__tooltip-item .sf__tooltip-content {
        display: block
    }
}

.sf__tooltip-item.sf__btn-icon {
    color: #000
}

.sf__tooltip-item:hover .sf__tooltip-content {
    opacity: 1;
    visibility: visible
}

.sf__tooltip-item:hover.sf__tooltip-style-1.sf__tooltip-top .sf__tooltip-content {
    bottom: calc(100% + 8px)
}

.sf__tooltip-item:hover.sf__tooltip-style-1.sf__tooltip-left .sf__tooltip-content {
    right: calc(100% + 8px)
}

.sf__tooltip-item:hover.sf__tooltip-style-1.sf__tooltip-bottom .sf__tooltip-content {
    top: calc(100% + 8px)
}

.sf__tooltip-item:hover.sf__tooltip-style-1.sf__tooltip-right .sf__tooltip-content {
    left: calc(100% + 8px)
}

.sf__tooltip-item:hover.sf__tooltip-bottom .sf__tooltip-content {
    top: calc(100% + 8px)
}

.sf__tooltip-item:hover.sf__tooltip-top .sf__tooltip-content {
    bottom: calc(100% + 8px)
}

.sf__tooltip-item:hover.sf__tooltip-left .sf__tooltip-content {
    right: calc(100% + 8px)
}

.sf__tooltip-item:hover.sf__tooltip-right .sf__tooltip-content {
    left: calc(100% + 8px)
}

.sf__tooltip-item.sf__tooltip-style-2 .sf__tooltip-icon-active {
    display: none
}

.added-to-compare.sf__tooltip-style-2 .sf__tooltip-icon-active, .added-to-wishlist.sf__tooltip-style-2 .sf__tooltip-icon-active {
    display: block
}

.added-to-compare.sf__tooltip-style-2 .sf__tooltip-icon, .added-to-wishlist.sf__tooltip-style-2 .sf__tooltip-icon {
    display: none
}

.added-to-compare:not(.in-prod-page,.sf__tooltip-style-2), .added-to-wishlist:not(.in-prod-page,.sf__tooltip-style-2) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.deferred-media__poster-button.added-to-compare:not(.in-prod-page,.sf__tooltip-style-2), .deferred-media__poster-button.added-to-wishlist:not(.in-prod-page,.sf__tooltip-style-2) {
    color: var(--text-white)
}

.added-to-compare.in-prod-page, .added-to-wishlist.in-prod-page {
    color: var(--color-success)
}

.added-to-compare .icon, .added-to-wishlist .icon {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.deferred-media__poster-button.added-to-compare .icon, .deferred-media__poster-button.added-to-wishlist .icon {
    color: var(--text-white)
}

.sf__ms {
    position: relative
}

@media (max-width: 767px) {
    .sf__ms:not(.sf__ms--slider) {
        margin-left: -1rem;
        margin-right: -1rem;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-left: 1rem
    }

    .sf__ms::-webkit-scrollbar {
        display: none
    }

    .sf__ms-wrapper {
        display: flex
    }

    .sf__ms-wrapper--max {
        width: max-content
    }

    .sf__ms-wrapper:not(.swiper-container-initialized) > * {
        flex: none;
        width: var(--mobile-column-width, 66.66vw)
    }

    .sf__ms-wrapper:not(.swiper-container-initialized):after {
        content: "";
        flex: 0 0 calc(var(--column-gap-mobile, var(--column-gap)) / 2)
    }
}

@media (max-width: 375px) {
    .sf__ms-wrapper:not(.swiper-container-initialized) > * {
        width: 66.66vw !important
    }
}

.select-items, .sf__custom_scroll {
    overflow-y: scroll
}

.select-items::-webkit-scrollbar, .sf__custom_scroll::-webkit-scrollbar {
    width: var(--sf-scroll-bar-width, 3px)
}

.select-items::-webkit-scrollbar-thumb, .sf__custom_scroll::-webkit-scrollbar-thumb {
    background: #ebebeb
}

.select-items::-webkit-scrollbar-thumb:hover, .sf__custom_scroll::-webkit-scrollbar-thumb:hover {
    background: #555
}

.sf__accordion-item .sf__accordion-button {
    cursor: pointer;
    font-weight: 500;
    padding-right: 2rem;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.sf__accordion-item .sf__accordion-button:after {
    background-image: var(--arrow-down-url);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .3s ease;
    width: 14px
}

@media screen and (min-width: 1024px) {
    .sf__accordion-item .sf__accordion-button.sf__no-accordion:after {
        display: none
    }
}

.sf__accordion-item .sf__accordion-content {
    max-height: var(--content-max-height, 0);
    opacity: 0;
    transition: opacity .15s, max-height var(--duration, .3s);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.sf__accordion-item.open .sf__accordion-button:after {
    transform: rotateX(180deg)
}

.sf__accordion-item.open .sf__accordion-content {
    max-height: var(--content-max-height, auto)
}

.sf__accordion-item.open .sf__accordion-content.max-height-set {
    max-height: var(--content-max-height, 0)
}

.sf__accordion-item:not(.order-first):last-child {
    margin-bottom: 0
}

.sf__custom-accordion .sf__accordion-item .sf__accordion-button {
    border-bottom: 1px solid var(--border-color-1);
    padding-bottom: 1rem;
    padding-top: 1rem
}

.sf__custom-accordion .sf__accordion-item .sf__accordion-button, .sf__custom-accordion .sf__accordion-item .sf__accordion-content {
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.sf__custom-accordion .sf__accordion-item.open .sf__accordion-button {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity));
    margin-bottom: 1rem
}

.sf__custom-accordion .sf__accordion-item.open .sf__accordion-content {
    margin-bottom: 1rem
}

.sf-collapsible .sf__accordion-item + .sf__accordion-item {
    margin-top: 20px
}

.notification {
    align-items: center;
    border-radius: .25rem;
    cursor: pointer;
    display: flex;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.prod__countdown--style-2:not(.hidden) > .notification {
    margin: 0
}

.prod__countdown--style-2 > .notification:last-child {
    margin-top: 10px
}

.notification {
    max-height: 0;
    opacity: 0;
    padding: 0 .75rem
}

.notification svg {
    min-width: 24px
}

.notification.show {
    max-height: 96px;
    opacity: 1;
    padding: .5rem .75rem;
    transition: max-height .3s, padding .3s, opacity .3s .2s
}

.notification.hide {
    max-height: 0;
    opacity: 0;
    padding: 0 .75rem;
    transition: max-height .3s .2s, padding .3s .2s, opacity .3s
}

.notification.success {
    background-color: #eaf7e6;
    color: var(--color-success)
}

.notification.warning {
    background-color: #ffefef;
    color: var(--color-warning)
}

.sale-pop {
    bottom: 40px;
    left: 5vw
}

.sale-pop.show {
    opacity: 1;
    transform: translateY(0)
}

@media (max-width: 768px) {
    .sale-pop {
        width: 90vw
    }

    .sale-pop.hide-on-mobile {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .sale-pop {
        left: 40px
    }
}

html.stick-atc-show .sale-pop {
    bottom: 100px
}

.page-header {
    padding: 2rem 1rem;
    text-align: center
}

@media (min-width: 1024px) {
    .page-header {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }
}

.page-header__title {
    font-size: 1.875rem;
    line-height: 2.25rem
}

@media (min-width: 1024px) {
    .page-header__title {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

.page-header .page-header__breadcrumb {
    font-size: 15px
}

.template-page .faqs-section:not(:first-of-type) .page-header {
    display: none
}

.template-page #MainContent {
    padding-bottom: 5rem
}

.sf-customer__nav > a {
    color: var(--color-secondary);
    margin-bottom: .75rem
}

.sf-customer__nav > a:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.sf-customer__nav > a.active {
    color: #000;
    font-weight: 600
}

.sf-customer__forms.show-recover-password-form .sf-customer__login, .sf-customer__forms.show-recover-password-form .sf-customer__tab-login {
    display: none
}

.sf-customer__forms.show-recover-password-form .sf-customer__reset-password, .sf-customer__forms.show-recover-password-form .sf-customer__tab-reset {
    display: block
}

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

.prod__countdown--style-2:not(.hidden) > .sf-pagination {
    margin: 0
}

.prod__countdown--style-2 > .sf-pagination:last-child {
    margin-top: 10px
}

.sf-pagination > span {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-left: .25rem;
    margin-right: .25rem;
    width: 40px
}

.prod__countdown--style-2:not(.hidden) > .sf-pagination > span {
    margin: 0
}

.prod__countdown--style-2 > .sf-pagination > span:last-child {
    margin-top: 10px
}

.sf-pagination > span > a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.prod__countdown--style-2:not(.hidden) > .sf-pagination > span > a {
    margin: 0
}

.prod__countdown--style-2 > .sf-pagination > span > a:last-child {
    margin-top: 10px
}

.sf-pagination > span:not(.deco) {
    border-radius: 9999px
}

.sf-pagination > span:not(.deco).current, .sf-pagination > span:not(.deco):hover {
    background-color: #f3f3f3
}

.sf-pagination > span:not(.deco).current {
    height: 44px;
    width: 44px
}

.collection-list .swiper-pagination, .home-banner__slideshow .swiper-pagination, .sf__banner-with-slider .swiper-pagination {
    bottom: 2rem;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.collection-list .swiper-pagination .sf__dot, .home-banner__slideshow .swiper-pagination .sf__dot, .sf__banner-with-slider .swiper-pagination .sf__dot {
    cursor: pointer;
    height: 36px;
    margin: 0;
    mix-blend-mode: difference;
    opacity: 1;
    padding: 5px;
    pointer-events: all;
    position: relative;
    transition: all .15s cubic-bezier(.25, .25, .1, 1);
    width: 36px
}

.collection-list .swiper-pagination .sf__dot:before, .home-banner__slideshow .swiper-pagination .sf__dot:before, .sf__banner-with-slider .swiper-pagination .sf__dot:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: 14px;
    position: absolute;
    top: 14px;
    transition: all .1s linear;
    width: 8px
}

.collection-list .swiper-pagination .sf__dot svg, .home-banner__slideshow .swiper-pagination .sf__dot svg, .sf__banner-with-slider .swiper-pagination .sf__dot svg {
    height: 26px;
    left: 5px;
    pointer-events: none;
    position: absolute;
    top: 4px;
    width: 28px
}

.collection-list .swiper-pagination .sf__dot svg circle, .home-banner__slideshow .swiper-pagination .sf__dot svg circle, .sf__banner-with-slider .swiper-pagination .sf__dot svg circle {
    stroke-dashoffset: 180;
    stroke-dasharray: 179
}

.collection-list .swiper-pagination .sf__dot.sf__dot-active, .home-banner__slideshow .swiper-pagination .sf__dot.sf__dot-active, .sf__banner-with-slider .swiper-pagination .sf__dot.sf__dot-active {
    border: none
}

.collection-list .swiper-pagination .sf__dot.sf__dot-active svg circle, .home-banner__slideshow .swiper-pagination .sf__dot.sf__dot-active svg circle, .sf__banner-with-slider .swiper-pagination .sf__dot.sf__dot-active svg circle {
    stroke-dashoffset: 8;
    transform: rotate(-81deg);
    transform-origin: center;
    transition: stroke-dashoffset var(--data-autoplay-speed, .7s) cubic-bezier(.25, .25, .1, 1), stroke calc(var(--data-autoplay-speed) * 30 / 100) ease
}

.collection-list .swiper-pagination .sf__dot.sf__dot-active:hover, .collection-list .swiper-pagination .sf__dot.sf__dot-active:hover:before, .home-banner__slideshow .swiper-pagination .sf__dot.sf__dot-active:hover, .home-banner__slideshow .swiper-pagination .sf__dot.sf__dot-active:hover:before, .sf__banner-with-slider .swiper-pagination .sf__dot.sf__dot-active:hover, .sf__banner-with-slider .swiper-pagination .sf__dot.sf__dot-active:hover:before {
    transform: none
}

.collection-list .swiper-pagination .sf__dot:hover:before, .home-banner__slideshow .swiper-pagination .sf__dot:hover:before, .sf__banner-with-slider .swiper-pagination .sf__dot:hover:before {
    transform: scale3d(1.5, 1.5, 1.5)
}

.collection-list .swiper-pagination.sf__dot-light .sf__dot:before, .home-banner__slideshow .swiper-pagination.sf__dot-light .sf__dot:before, .sf__banner-with-slider .swiper-pagination.sf__dot-light .sf__dot:before {
    background-color: #fff
}

.collection-list .swiper-pagination.sf__dot-light .sf__dot svg circle, .home-banner__slideshow .swiper-pagination.sf__dot-light .sf__dot svg circle, .sf__banner-with-slider .swiper-pagination.sf__dot-light .sf__dot svg circle {
    stroke: #fff
}

.collection-list .swiper-pagination.sf__dot-dark .sf__dot:before, .home-banner__slideshow .swiper-pagination.sf__dot-dark .sf__dot:before, .sf__banner-with-slider .swiper-pagination.sf__dot-dark .sf__dot:before {
    background-color: #000
}

.collection-list .swiper-pagination.sf__dot-dark .sf__dot svg circle, .home-banner__slideshow .swiper-pagination.sf__dot-dark .sf__dot svg circle, .sf__banner-with-slider .swiper-pagination.sf__dot-dark .sf__dot svg circle {
    stroke: #000
}

@media screen and (max-width: 767px) {
    .home-banner__slideshow .swiper-pagination .sf__dot:before {
        background-color: #000 !important
    }

    .home-banner__slideshow .swiper-pagination .sf__dot svg circle {
        stroke: #000 !important
    }
}

.sf__hover-scale-down .sf-image--loaded {
    overflow: hidden
}

.sf__hover-scale-down .sf-image, .sf__hover-scale-down .sf-image--loaded, .sf__hover-scale-down svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: transform .64s cubic-bezier(.05, .2, .1, 1)
}

@media screen and (min-width: 1280px) {
    .sf__hover-scale-down:hover .sf-image--loaded {
        transform: scale(.95) translateZ(0)
    }

    .sf__hover-scale-down:hover .sf-image--loaded .sf-image, .sf__hover-scale-down:hover .sf-image--loaded svg {
        transform: scale(1.15) translateZ(0)
    }
}

.sf__hover-scale-up .sf-image, .sf__hover-scale-up svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .64s cubic-bezier(.15, .75, .5, 1) 0s
}

@media screen and (min-width: 1280px) {
    .sf__hover-scale-up:hover .sf-image, .sf__hover-scale-up:hover svg {
        transform: scale(1.08) translateZ(0)
    }
}

.sf__hover-zoom-in .sf-image--loaded .sf-image {
    transform: scale(1.06);
    transform-origin: top right;
    transition: transform .64s ease;
    will-change: transform
}

@media screen and (min-width: 1280px) {
    .sf__hover-zoom-in:hover .sf-image--loaded .sf-image, .sf__hover-zoom-in:hover .sf-image--loaded svg {
        transform: scale(1)
    }
}

.sf__hover-bg-scale-up .sf__hover-bg-effect {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .64s cubic-bezier(.15, .75, .5, 1) 0s
}

@media screen and (min-width: 1280px) {
    .sf__hover-bg-scale-up:hover .sf__hover-bg-effect {
        transform: scale(1.1) translateZ(0)
    }
}

.sf__hover-lookbook-icon .lookbook-product {
    pointer-events: none;
    transform: translate3d(0, 20px, 0);
    transition: all .3s
}

.sf__hover-lookbook-icon:hover .lookbook-product {
    pointer-events: auto;
    transform: translateZ(0)
}

.sf-tab-header {
    opacity: .5;
    position: relative;
    transition: all .3s
}

.sf-tab-header:after {
    background-color: currentColor;
    bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: width .25s ease-in-out;
    width: 0
}

.sf-tab-header.active, .sf-tab-header:hover {
    color: var(--color-heading-text);
    opacity: 1
}

.sf-tab-header.active:after {
    width: 100%
}

.sf-tab-content {
    display: none;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1)
}

.sf-tab-content.active {
    display: block
}

@media (min-width: 768px) {
    .sf-tabs .sf__accordion-button {
        display: none
    }

    .sf-tabs .sf__accordion-item {
        --content-max-height: auto !important
    }
}

@media (max-width: 767px) {
    .sf-tabs--responsive .sf-tab-content {
        display: block;
        transition: none
    }

    .sf-tabs--responsive .sf__accordion-item {
        border-bottom: 1px solid var(--color-border);
        margin-bottom: 1.5rem
    }

    .sf-tabs--responsive .sf__accordion-item[data-block-type=reviews].open {
        --content-max-height: 100% !important
    }

    .sf-tabs--responsive .sf__accordion-button {
        display: block
    }
}

.prod__vendor {
    color: var(--product-type-color)
}

.prod__compare_price {
    color: var(--product-sale-price-color)
}

.prod__description {
    color: var(--product-desc-color)
}

.sf-prod__info .top-block > :first-child {
    margin-top: 0
}

.sf-prod__info .bottom-block :last-child {
    margin-bottom: 0
}

.sf-prod__info strong {
    font-weight: 700
}

.sf-prod__info .sf-wishlist__button {
    border-color: var(--color-border);
    border-width: 1px;
    margin-bottom: 0;
    padding: 12px
}

.sf-prod__info .sf-wishlist__button:hover {
    border-color: var(--color-btn-bg-hover)
}

.sf-prod__info .sf-wishlist__button svg {
    margin-top: -1px
}

.sf-prod__info .shopify-payment-button__button--hidden {
    display: none
}

.sf-prod__info .quantity-input, .sf-prod__info .quantity-input input {
    background-color: var(--color-field-background, #f8f8f8)
}

.shopify-payment-button__button {
    line-height: 1.5 !important
}

.form.product-form .atc-spinner {
    display: none
}

.form.product-form.adding .add-to-cart {
    pointer-events: none
}

.form.product-form.adding .add-to-cart > :not(.atc-spinner) {
    visibility: hidden
}

.form.product-form.adding .add-to-cart .atc-spinner {
    display: flex
}

.prod__countdown--style-2:not(.hidden) > .form.product-form.adding .add-to-cart .atc-spinner {
    margin: 0
}

.prod__countdown--style-2 > .form.product-form.adding .add-to-cart .atc-spinner:last-child {
    margin-top: 10px
}

.form.product-form.adding .sf__tooltip-icon {
    visibility: visible !important
}

.form.product-form.adding .sf__tooltip-icon span:not(.atc-spinner) {
    display: none
}

.form.product-form.disabled {
    pointer-events: none
}

.prod__countdown * {
    color: #ff706b
}

.prod__countdown .time-block {
    align-items: center;
    border-radius: .375rem;
    border-width: 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .5rem 1.25rem
}

.prod__countdown--style-2:not(.hidden) > .prod__countdown .time-block {
    margin: 0
}

.prod__countdown--style-2 > .prod__countdown .time-block:last-child {
    margin-top: 10px
}

.prod__countdown .time-block {
    background-color: #fff5f4;
    border-color: #ffd7d6;
    height: 70px;
    width: 70px
}

.prod__countdown .time-block .time-unit {
    color: var(--product-type-color);
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    text-transform: uppercase
}

.prod__countdown.no-day .day-block {
    display: none
}

.prod__countdown--style-2:not(.hidden) {
    align-items: center;
    background: #fdefee;
    border: 1px solid #f8cccc;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px
}

.prod__countdown--style-2:not(.hidden) > .flex {
    margin: 0
}

.prod__countdown--style-2 .time-unit {
    display: none
}

.prod__countdown--style-2 .time-block {
    background: none !important;
    border: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 8px !important;
    position: relative;
    width: auto !important
}

.prod__countdown--style-2 .time-block:last-child {
    padding-right: 0
}

.prod__countdown--style-2 .time-block:not(:last-child):after {
    content: ":";
    font-size: 22px;
    position: absolute;
    right: -3px;
    top: -4px
}

.prod__countdown--style-2 .time-block span {
    font-size: 20px;
    font-weight: 500;
    min-width: 34px;
    text-align: center
}

.prod__countdown--style-2 .prod__countdown-heading {
    font-size: 18px
}

@media (max-width: 767px) {
    .prod__countdown--style-2 {
        flex-flow: wrap
    }

    .prod__countdown--style-2 > .flex:last-child {
        margin-top: 10px !important
    }
}

.prod__countdown--style-2 + .pcard-sale {
    margin-top: 20px
}

.prod__countdown--style-2 + .pcard-sale .pcard-sale__progress {
    background: #eee
}

.prod__countdown--style-2 + .pcard-sale .pcard-sale__progress span {
    background: #000
}

.pcard-sale + .prod__stock-countdown {
    margin-top: 20px
}

.prod__tag {
    align-items: center;
    border-radius: 11px;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    padding: 2px 10px;
    text-transform: uppercase
}

.prod__tag:not(.hidden) {
    display: inline-flex
}

.prod__tag-hot {
    background-color: #f8796e
}

.prod__tag-sale {
    background-color: #98d8ca
}

.prod__tag-new {
    background-color: #9a84c8
}

.prod__tag-discounted {
    background-color: var(--bg-cart-wishlist-count, #da3f3f);
    color: #fff;
    height: 21px
}

.prod__tag-discounted span {
    margin-left: 5px
}

.prod__tag--soldout {
    align-items: center;
    background: #b1b1b1;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    height: 54px;
    justify-content: center;
    left: 50%;
    line-height: 12px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: normal;
    width: 54px
}

@media (max-width: 767px) {
    .prod__tag {
        font-size: 10px;
        padding: 2px 8px
    }
}

.sf__pcard-tags {
    left: 1.125rem;
    top: 1.125rem
}

@media (max-width: 767px) {
    .sf__pcard-tags {
        left: .8rem;
        top: .8rem
    }
}

.prod__option--button .variant-picker__option input:checked + label {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.prod__option--image .variant-picker__option input:checked + label {
    border-color: #000
}

.sf-po__option-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.prod__countdown--style-2:not(.hidden) > .sf-po__option-button {
    margin: 0
}

.prod__countdown--style-2 > .sf-po__option-button:last-child {
    margin-top: 10px
}

.sf-po__option-button {
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    font-size: 18px;
    height: 45px;
    margin: 5px;
    min-width: 45px;
    padding: 0 10px;
    transition: all .25s
}

.sf-po__option-button[data-selected=true] {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.sf-po__option-button:hover {
    border-color: #000
}

.sf-po__option-button.rest-values {
    border: none;
    color: #888;
    margin-left: 0;
    margin-right: 0;
    min-width: 30px;
    padding-left: 0;
    padding-right: 0
}

.sf-po__option-button.rest-values.default-design, .sf-po__option-button.rest-values.image-design {
    height: 50px
}

.sf-po__option-button.rest-values.image-design {
    margin-bottom: 0;
    margin-top: 0
}

.rest-values.color-design {
    align-items: center;
    display: flex;
    justify-content: center
}

.prod__countdown--style-2:not(.hidden) > .rest-values.color-design {
    margin: 0
}

.prod__countdown--style-2 > .rest-values.color-design:last-child {
    margin-top: 10px
}

.rest-values.color-design {
    color: #888;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 6px
}

.rest-values .sf__tooltip-item {
    margin-bottom: 0;
    padding: 0
}

.product-option-item[data-option-type=image]:hover, .product-option-item[data-option-type=image][data-selected=true] {
    border-color: #000
}

.product-option-item[data-option-type=color], .product-option-item[data-option-type=default].has-bg-img, .product-option-item[data-option-type=image].has-bg-img {
    background-position: 50% !important;
    background-size: cover !important;
    font-size: 0;
    line-height: 0
}

.product-option-item[data-option-type=image] {
    height: calc(75px / var(--option-aspect-ratio, 1));
    width: 75px
}

@media (max-width: 640px) {
    .product-option-item[data-option-type=image] {
        height: calc(60px / var(--option-aspect-ratio, 1));
        width: 60px
    }
}

.product-option-item.soldout-opt {
    color: #bdbdbd;
    opacity: .6;
    overflow: hidden;
    position: relative
}

.product-option-item.soldout-opt:after {
    border-top: 1px solid #bdbdbd;
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    transition: border-color .25s;
    width: 42px
}

.product-option-item.soldout-opt[data-option-type=color] {
    opacity: 1
}

.product-option-item.soldout-opt[data-option-type=color]:after {
    border-color: #fff;
    width: 26px
}

.product-option-item.unavailable-opt {
    display: none
}

.prod__option--button {
    margin: -5px
}

.sf-pqv .sf-pis__nav > button.tns-nav-active {
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(17 24 39/var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 1px
}

.sf-pqv .sf-pis__nav > button.tns-nav-active > span {
    background-color: transparent
}

.sf-pqv .prod__title {
    margin-bottom: 10px
}

.sf-pqv .actions-block {
    border-bottom: none;
    margin-top: 30px;
    padding-bottom: 20px
}

.sf-pqv .prod__option-label {
    line-height: 24px;
    margin-bottom: 12px
}

.sf-pqv .product-options__option:not(:last-child) {
    margin-bottom: 20px
}

.sf-pqv .product-options .option-label {
    font-weight: 400
}

.sf-pqv .product-options .prod__option.prod__option--color {
    margin: -5px
}

.sf-pqv .product-options .prod__option .sf__tooltip-item {
    margin: 5px;
    padding: 0
}

.sf-pqv .product-options + .product-form__actions {
    margin-top: 25px
}

@media (max-width: 767px) {
    .sf-pqv .form__input-wrapper {
        margin: 0 0 15px;
        width: 100%
    }

    .sf-pqv .form__input-wrapper .quantity-input {
        margin-top: 15px
    }
}

.sf__product-reviews form .spr-form-title {
    margin-bottom: 2rem
}

.sf__product-reviews form fieldset label {
    display: block;
    font-size: calc(var(--font-base-size, 16) * 1px);
    margin-bottom: .5rem
}

.sf-cart-count {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    position: absolute;
    text-align: center
}

.prod__countdown--style-2:not(.hidden) > .sf-cart-count {
    margin: 0
}

.prod__countdown--style-2 > .sf-cart-count:last-child {
    margin-top: 10px
}

.sf-cart-count {
    background-color: var(--bg-cart-wishlist-count);
    color: var(--color-cart-wishlist-count);
    display: none;
    font-size: 12px;
    height: 22px;
    min-width: 22px;
    right: -13px;
    top: 5px
}

@media screen and (max-width: 1023px) {
    .sf-cart-count {
        right: -5px
    }
}

.scd__wrapper:not(.sf-cart) .scd__content {
    -webkit-overflow-scrolling: touch;
    height: 100%
}

@media screen and (max-width: 767px) {
    .scd__wrapper:not(.sf-cart) .scd__content {
        width: calc(100% - 40px)
    }
}

.scd__close {
    right: 5px;
    top: 5px
}

.scd-item {
    padding: 12px 0
}

.scd-item__image {
    border: 1px solid var(--color-border);
    flex: 0 0 auto;
    width: 110px
}

.scd-item__image .sf__placeholder-svg {
    background: #d1d1d11a
}

.scd-item__variant {
    font-size: 14px;
    line-height: 18px
}

.scd-item__info {
    padding-left: 16px
}

.scd-item__remove {
    font-size: 14px;
    opacity: .8
}

.scd-item__remove:hover {
    opacity: 1
}

.scd-item__quantity {
    background-color: #f1f1f1
}

.scd-item__quantity input {
    background: none !important
}

.scd-item__prices del {
    margin-right: 8px
}

.scd-item__discounts li {
    align-items: center;
    color: #c74230;
    display: flex;
    font-size: 12px
}

.scd-item__discounts li + li {
    margin-left: 15px
}

.scd-item__discounts svg {
    flex: 0 0 auto;
    margin-right: 5px;
    width: 10px
}

.scd__footer {
    background: #f7f7f7;
    box-shadow: 0 0 10px #82828233;
    padding-top: 0
}

.cart-empty .scd__footer {
    display: none
}

.scd__footer-actions {
    display: flex;
    margin: 0 -1.5rem;
    padding: .85rem 1rem
}

.scd__footer-actions button {
    align-items: center;
    background: none;
    border: none;
    box-shadow: none;
    display: inline-flex;
    flex: 1;
    flex-flow: column;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    max-height: 48px;
    outline: none;
    padding: 0;
    position: relative
}

.scd__footer-actions button svg {
    flex: 1
}

.scd__footer-actions button:not(:last-child):after {
    background: var(--color-border);
    content: "";
    display: block;
    height: 26px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 1px
}

.scd__footer .agree-terms {
    margin: 0 0 15px
}

.scd__subtotal {
    font-size: 18px
}

.scd__overlay {
    background: #ffffffe6;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    visibility: hidden
}

.scd__overlay.open {
    opacity: 1;
    visibility: visible
}

.scd--has-cartgoal .scd__header {
    border-bottom: none
}

.scd__addon {
    background: #fff;
    bottom: 0;
    box-shadow: 20px 0 20px #0000001f;
    left: 0;
    padding: 1.5rem 1rem 4rem;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 100%, 0);
    transition: .25s ease-in-out;
    width: 100%;
    z-index: 1
}

.scd__addon #coupon-messages p {
    color: #444;
    opacity: .8
}

.scd__addon #coupon-messages p span {
    color: #c74230;
    font-weight: 500
}

.scd__addon.open {
    pointer-events: auto;
    transform: translateZ(0)
}

.scd__addon-title {
    align-items: center;
    display: flex;
    font-size: 18px;
    padding-bottom: 10px
}

.scd__addon-title svg {
    margin-right: 10px
}

.scd__addon-actions button + button {
    margin-top: 10px
}

.scd__addon .form-control {
    margin-top: .25rem
}

.scd__addon-message p:first-letter {
    text-transform: uppercase
}

.scd__addon-message.error {
    color: #fd5749
}

.scd-cart__discounts li {
    align-items: center;
    color: #c74230;
    display: flex;
    font-size: 14px;
    justify-content: flex-end;
    list-style: none
}

.scd-cart__discounts li svg {
    margin-right: 5px;
    width: 12px
}

.shipping-calc-spinner .animate-spin {
    display: block
}

.scd__addon-actions .btn-calc .shipping-calc-spinner {
    display: none
}

.scd__addon-actions.shipping-calculating .btn-calc {
    pointer-events: none
}

.scd__addon-actions.shipping-calculating .btn-calc .shipping-calc-spinner {
    display: flex
}

.scd__addon-actions.shipping-calculating .btn-calc .shipping-calc-text {
    visibility: hidden
}

.sf-cart__table {
    flex: 1
}

.sf-cart__table-head {
    font-weight: 500
}

.sf-cart__table-col {
    flex: 0 0 auto;
    padding: .8rem 1rem;
    width: 40%
}

.sf-cart__table-col:first-child {
    padding-left: 0
}

@media (min-width: 768px) {
    .sf-cart__table-col {
        padding: 1rem 1.5rem;
        width: 20%
    }
}

.sf-cart__table-subtotal {
    padding-right: 0;
    width: 12%
}

.sf-cart__table-product {
    flex: 1;
    width: auto
}

.sf-cart__item, .sf-cart__table-head {
    border-bottom: 1px solid var(--color-border)
}

.sf-cart__item {
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem 0
}

.sf-cart__item:not(:last-child)[data-has-upsell=true] {
    border-bottom: none;
    padding-bottom: 0
}

.sf-cart__item:last-child[data-has-upsell=true] {
    padding-bottom: 40px
}

.sf-cart__item-product {
    align-items: flex-start;
    display: flex
}

.sf-cart__item-product-image {
    width: 110px
}

.sf-cart__item-product-title {
    font-weight: 500
}

.sf-cart__item-product-info {
    padding-left: 1.5rem
}

.sf-cart__item .scd-item__qty {
    width: 120px
}

.sf-cart__item .order-discount__item {
    flex-flow: row wrap;
    font-size: 14px
}

@media (max-width: 767px) {
    .sf-cart__item .order-discount__item {
        justify-content: flex-end
    }
}

.sf-cart__item--regular-price {
    opacity: .6
}

.sf-cart__item + .notification.show {
    margin-top: 20px
}

.sf-cart__summary {
    margin: 0 -3rem;
    padding: 3rem 3rem 0;
    width: 400px
}

.sf-cart__summary-row {
    display: flex;
    justify-content: space-between;
    padding: 5px 0
}

.sf-cart__summary-row.text-right {
    justify-content: flex-end
}

.sf-cart__summary .scd-item__discounts-item, .sf-cart__summary .scd-item__discounts li {
    align-items: center;
    color: #c74230;
    display: flex;
    font-size: 15px;
    justify-content: flex-end
}

.sf-cart__summary .scd-item__discounts-item svg, .sf-cart__summary .scd-item__discounts li svg {
    width: 16px
}

.sf-cart__summary .note {
    font-size: 14px;
    opacity: .8
}

.sf-cart__summary .scd__overlay {
    transition: all .2s
}

.sf-cart__shipping {
    padding: 0
}

.sf-cart .f-incart {
    margin: 0 0 10px;
    padding: 20px;
    width: 100%
}

.sf-cart .f-incart__products {
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

.sf-cart .f-incart__product {
    padding: .8rem 1rem
}

.sf-cart .f-incart .f-upsell__discount, .sf-cart .f-incart__title {
    justify-content: flex-start;
    text-align: left !important
}

@media (max-width: 991px) {
    .sf-cart .f-incart {
        overflow-x: auto;
        padding: 15px
    }

    .sf-cart .f-incart__products {
        margin-right: -200px
    }
}

.sf-cart .scd__footer-actions {
    margin-bottom: 20px;
    padding: 0 0 1rem;
    position: relative;
    z-index: 1
}

.sf-cart .scd__footer-actions:after {
    background-color: var(--color-border);
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 1.5rem;
    position: absolute;
    right: 1.5rem
}

.sf-cart .scd__addon {
    box-shadow: none;
    display: none;
    padding: 1rem 0;
    position: relative;
    transform: none
}

.sf-cart .scd__addon.open {
    display: block
}

.template-cart .f-cartgoal {
    margin: 0 auto 40px;
    max-width: 100%;
    width: 500px
}

.template-cart .f-cartgoal__title {
    text-align: center
}

.template-cart .scd__countdown {
    font-size: 22px;
    padding-bottom: 30px;
    text-align: center
}

.template-cart .scd__countdown .timer {
    color: #cf1927
}

.template-cart .f-incart__products {
    padding-bottom: 0
}

section.sf-header.cart-has-items .cart-icon {
    margin-right: 1rem
}

@media (min-width: 1024px) {
    section.sf-header.cart-has-items .cart-icon {
        margin-right: 1.5rem;
        padding-right: 0
    }
}

section.sf-header.cart-has-items .sf-header__mobile .cart-icon {
    margin-right: 0
}

section.sf-header.cart-has-items .sf-cart-count {
    display: flex
}

.prod__countdown--style-2:not(.hidden) > section.sf-header.cart-has-items .sf-cart-count {
    margin: 0
}

.prod__countdown--style-2 > section.sf-header.cart-has-items .sf-cart-count:last-child {
    margin-top: 10px
}

section.sf-header.cart-has-items .scd__countdown {
    display: flex
}

.prod__countdown--style-2:not(.hidden) > section.sf-header.cart-has-items .scd__countdown {
    margin: 0
}

.prod__countdown--style-2 > section.sf-header.cart-has-items .scd__countdown:last-child {
    margin-top: 10px
}

section.sf-header.cart-has-items .scd__countdown svg {
    margin-top: 2px
}

body.cart-empty .scd__wrapper .scd__countdown, body.cart-empty .scd__wrapper .sf-cart__summary, body.cart-empty .scd__wrapper .sf-cart__table-head {
    display: none
}

.scd-item__btn {
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding: .25rem .75rem
}

@media screen and (min-width: 640px) {
    section.sf-header.cart-has-items .scd__items {
        max-height: var(--scd-items-max-height);
        min-height: var(--scd-items-max-height, unset)
    }
}

@media (max-width: 767px) {
    .scd__footer-actions {
        padding: .5rem 1rem
    }

    .scd__footer-actions button {
        font-size: 13px
    }

    .scd__footer-actions button svg {
        margin-bottom: 0;
        max-width: 20px
    }

    .scd__footer-actions button:not(:last-child):after {
        top: 8px
    }

    .sf-cart__table-price {
        padding-right: 0;
        text-align: right
    }
}

@media (max-width: 480px) {
    .scd__footer, .scd__header {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .scd__header {
        margin: 0
    }

    .scd__footer-actions {
        margin: 0 -1rem
    }

    .scd__body {
        overflow-x: hidden
    }

    .scd-item__image {
        width: 65px
    }

    .scd-item__btn {
        padding: 0;
        width: 26px
    }

    .scd-item__info {
        padding-left: 12px
    }

    .sf-cart__item-product-image {
        width: 80px
    }

    .sf-cart__item-product-info {
        padding-left: 1rem
    }

    .sf-cart__summary {
        margin: 0;
        padding: 2rem 0;
        width: 100%
    }
}

@media (max-width: 375px) {
    .scd-item__image, .sf-cart__item-product-image {
        width: 60px
    }
}

.sf-wishlist-count {
    align-items: center;
    border-radius: 9999px;
    display: none;
    display: flex;
    justify-content: center;
    position: absolute;
    text-align: center
}

.prod__countdown--style-2:not(.hidden) > .sf-wishlist-count {
    margin: 0
}

.prod__countdown--style-2 > .sf-wishlist-count:last-child {
    margin-top: 10px
}

.sf-wishlist-count {
    background-color: var(--bg-cart-wishlist-count);
    color: var(--color-cart-wishlist-count);
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    right: -4px;
    top: 11px;
    width: 22px
}

body.wishlist-has-item .sf-wishlist-count {
    display: flex
}

.prod__countdown--style-2:not(.hidden) > body.wishlist-has-item .sf-wishlist-count {
    margin: 0
}

.prod__countdown--style-2 > body.wishlist-has-item .sf-wishlist-count:last-child {
    margin-top: 10px
}

[data-search-popup] .sf-wishlist-count {
    right: -10px;
    top: -6px
}

[data-search-popup] .sf-logo {
    justify-content: start;
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 767px) {
    [data-search-popup] .sf-logo {
        display: none
    }
}

[data-search-popup] .logo-img {
    padding: 0
}

[data-search-popup] .sf-logo-transparent {
    display: none
}

[data-search-popup] .sf-cart-count {
    display: flex;
    right: -4px
}

[data-search-popup] form {
    height: 46px
}

.sf-search-page__no-results a {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.sf-search-page__no-results a:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(31 41 55/var(--tw-border-opacity));
    color: rgb(31 41 55/var(--tw-text-opacity))
}

@media (max-width: 767px) {
    .template-search .page-header__breadcrumb {
        display: none
    }
}

.sf-breadcrumb__product {
    box-shadow: 0 10px 10px #00000017
}

.bread-crumb__item {
    color: inherit;
    font-size: 15px;
    padding: .5rem 1rem;
    white-space: nowrap
}

.bread-crumb__item:hover {
    color: var(--color-text-link-hover)
}

.sf__breabcrumb-page-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 767px) {
    .sf-breadcrumb__nav {
        max-width: 100%
    }
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

html, html.grow-full {
    padding-bottom: 0 !important
}

html.grow-full body {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

html.grow-full #MainContent {
    flex-grow: 1;
    min-height: unset
}

* {
    -webkit-tap-highlight-color: transparent
}

:focus {
    outline: none !important
}

a {
    cursor: pointer
}

body, html {
    overflow-x: hidden
}

#MainContent {
    padding-top: var(--main-content-padding-top, var(--sf-header-height, 0));
    position: relative
}

html.prevent-scroll, html.prevent-scroll body {
    height: auto;
    overflow: hidden
}

.sf-no-scroll-bar::-webkit-scrollbar {
    display: none
}

.icon__fallback-text, .visually-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
}

@media screen and (max-width: 767px) {
    .hidden-br-mobile br {
        display: none
    }
}

.sf-hidden {
    display: none !important
}

.disabled, [disabled] {
    opacity: .5;
    pointer-events: none
}

.sf__placeholder-svg {
    fill: #33323259;
    background-color: #3332321a
}

.sf__placeholder-svg-no-border {
    border: none
}

.sf__placeholder-wrapper {
    border: 1px solid rgba(51, 50, 50, .2)
}

@media (max-width: 767px) {
    .sf__ms .image-card {
        --image-height: 70vw;
        width: auto
    }

    .sf__ms .image-card__img {
        height: var(--image-height)
    }

    .sf__ms .image-card__content {
        align-items: flex-end;
        flex: 1;
        width: calc(var(--image-ratio) * var(--image-height))
    }

    .sf__ms .image-card__content h3 {
        flex: 1
    }

    .sf__ms .banner-w-slider__card {
        --image-height: 45vw;
        width: auto
    }

    .sf__ms .banner-w-slider__img {
        height: var(--image-height)
    }

    .sf__ms .banner-w-slider__img .sf-image {
        width: 100%
    }
}

.section__flush-top .section-my {
    margin-top: 0
}

.section__flush-bottom .section-my {
    margin-bottom: 0
}

.sf-custom__newsletter .sf__btn {
    border-radius: 0 .25rem .25rem 0
}

@media (max-width: 1440px) {
    .sf-icon-box--horizontal .sf-icon-box__icon {
        margin-right: 15px
    }
}

.sf__text-stroke {
    -webkit-text-stroke: .5px #dfdfdf;
    color: transparent;
    font-size: 110px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 10px;
    text-transform: uppercase
}

.sf__text-stroke.text-stroke-1 {
    -webkit-text-stroke: 1px #696969;
    font-style: normal;
    letter-spacing: 0
}

.sf__text-scroll, .sf__text-stroke.text-stroke-1 {
    font-size: 48px;
    line-height: 56px
}

.m-scroll {
    display: flex;
    height: 165px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.m-scroll__title {
    transition: all 1s ease;
    white-space: nowrap
}

.m-scroll__title > div {
    animation: scrollText var(--speed, 22s) infinite linear;
    display: flex;
    position: absolute
}

ul.sf__list-inline {
    align-content: stretch;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -11px
}

ul.sf__list-inline li {
    line-height: 30px;
    margin: 0 6px;
    padding: 0 5px
}

ul.sf__list-inline li a {
    color: var(--text-gray-400);
    padding: 0
}

ul.sf__list-inline li.active a, ul.sf__list-inline li:hover a {
    border-bottom: 1px solid var(--color-primary);
    color: var(--color-primary)
}

ul.sf__list-row li {
    line-height: 34px
}

ul.sf__list-row li a {
    color: var(--color-secondary);
    transition: all .3s
}

ul.sf__list-row li.active a {
    color: var(--color-primary)
}

ul.sf__list-row .sf__option-filter a {
    display: inline-block;
    line-height: 24px;
    position: relative
}

ul.sf__list-row .sf__option-filter a:after {
    background-color: var(--color-primary);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: all .3s ease;
    width: 0
}

ul.sf__list-row .sf__option-filter a:hover {
    color: var(--primary-color)
}

ul.sf__list-row .sf__option-filter.active a:after, ul.sf__list-row .sf__option-filter a:hover:after {
    width: 100%
}

ul.sf__list-row-border li {
    border-bottom: 1px solid var(--border-color-1);
    padding-bottom: .625rem;
    padding-top: .625rem
}

ul.sf__list-row-border li a {
    padding-left: 0;
    padding-right: 0
}

ul.sf__list-row-border li.active a span, ul.sf__list-row-border li:hover a span, ul.sf__list-row-border li:last-child {
    border-bottom: 0
}

@keyframes scrollText {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(-30%, 0, 0)
    }
}

@keyframes sf-scrolling-text-animation {
    0% {
        transform: translate(-20%) translateZ(0)
    }
    to {
        transform: translate(-120%) translateZ(0)
    }
}

@keyframes sf-scrolling-text-animation-reverse {
    0% {
        transform: translate(20%) translateZ(0)
    }
    to {
        transform: translate(120%) translateZ(0)
    }
}

.sf__scrolling-text .sf__scrolling-text-inner {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: flex-start;
    overflow: hidden;
    vertical-align: baseline;
    white-space: nowrap;
    width: 100%
}

.sf__scrolling-text .sf__scrolling-text-inner:hover > * {
    animation-play-state: paused
}

.sf__scrolling-text .sf__scrolling-text-inner > * {
    animation-duration: var(--speed, 15s);
    margin: 0
}

.sf__scrolling-text .sf__scrolling-text-inner a {
    color: inherit;
    text-decoration: none
}

.sf__scrolling-text .sf__scrolling-text-inner a em {
    font-style: normal
}

.sf__scrolling-text .sf__scrolling-text-inner span.custom {
    display: inline-block;
    padding: 0 1em;
    vertical-align: middle
}

.sf__scrolling-text .sf__scrolling-text-inner span.custom[data-scale=medium] {
    padding: 0 1em;
    transform: scale(.5)
}

.sf__scrolling-text .sf__scrolling-text-inner span.custom[data-scale=large] {
    padding: 0 2em
}

.sf__scrolling-text[data-s-dir=ltr] .sf__scrolling-text-inner > * {
    animation: sf-scrolling-text-animation 15s linear infinite;
    transform: translate(-20%) translateZ(0)
}

.sf__scrolling-text[data-s-dir=rtl] {
    direction: rtl
}

.sf__scrolling-text[data-s-dir=rtl] .sf__scrolling-text-inner > * {
    animation: sf-scrolling-text-animation-reverse 15s linear infinite;
    transform: translate(20%) translateZ(0)
}

.sf__scrolling-text[data-s-speed=lowest] .sf__scrolling-text-inner > * {
    animation-duration: 15s
}

.sf__scrolling-text[data-s-speed=medium] .sf__scrolling-text-inner > * {
    animation-duration: 7s
}

.sf__scrolling-text[data-s-speed=fast] .sf__scrolling-text-inner > * {
    animation-duration: 4s
}

.sf__scrolling-text[data-style=text-outline] em {
    -webkit-text-stroke-color: inherit;
    -webkit-text-fill-color: transparent
}

.sf__scrolling-text[data-style=text-outline][data-outline-thickness=thin] em {
    -webkit-text-stroke-width: .015em
}

.sf__scrolling-text[data-style=text-outline][data-outline-thickness=thick] em {
    -webkit-text-stroke-width: .03em
}

.sf__scrolling-text[data-style=text-outline] a:hover em {
    -webkit-text-fill-color: initial;
    -webkit-text-stroke-width: 0
}

.sf__scrolling-text.font_size_11vh * {
    font-size: 11vh;
    line-height: 1.2em
}

.sf__custom-select {
    line-height: 30px;
    position: relative
}

.sf__custom-select select {
    display: none
}

.sf__custom-select .select-selected {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: inherit;
    justify-content: space-between;
    -webkit-user-select: none;
    user-select: none
}

.sf__custom-select .select-selected .select-arrow {
    padding-left: 8px;
    transition: transform .3s ease-in-out
}

.sf__custom-select .select-selected .select-arrow svg {
    height: 8px;
    width: 8px
}

.sf__custom-select .select-selected.select-arrow-active .select-arrow {
    transform: rotateX(180deg)
}

.sf__custom-select.sf__select-plain {
    border-bottom: 2px solid #000
}

.sf__custom-select.sf__select-plain .select-items {
    line-height: inherit;
    padding: 20px 25px
}

.sf__custom-select.sf__select-plain .select-selected .select-arrow {
    padding-left: 20px
}

.sf__custom-select.select__custom-width {
    min-width: 250px
}

@media screen and (max-width: 1535px) {
    .sf__custom-select.select__custom-width {
        min-width: 180px
    }
}

@media screen and (max-width: 1279px) {
    .sf__custom-select.select__custom-width {
        min-width: 130px
    }
}

.sf__custom-select.sf__select-top .select-items {
    bottom: 100%;
    top: auto
}

.sf__custom-select.sf__select-top .select-items.select-hide {
    bottom: calc(100% + 20px);
    top: auto
}

.sf__custom-select.sf__select-medium .select-items {
    padding: 20px 25px
}

.sf__custom-select.sf__select-bordered .select-selected {
    border: 1px solid var(--color-border);
    border-radius: .25rem;
    padding: 9px 16px
}

.sf__custom-select.sf__select-bordered .select-items {
    left: 0
}

@media screen and (max-width: 639px) {
    .sf__custom-select.sf__select-bordered.w-full-mobile {
        width: 100% !important
    }

    .sf__custom-select.sf__select-bordered.w-full-mobile .select-items {
        width: 100%
    }
}

.sf__custom-select .select-items {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 20px 30px #0000001f;
    color: #757575;
    left: 0;
    line-height: 32px;
    max-height: 60vh;
    min-width: 100%;
    opacity: 1;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateZ(0);
    transition: all .2s ease-in-out;
    visibility: visible;
    width: min-content;
    z-index: 80
}

.sf__custom-select .select-items div {
    color: #0000004d;
    cursor: pointer;
    transition: color .25s ease;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap
}

.sf__custom-select .select-items div.same-as-selected, .sf__custom-select .select-items div:hover {
    color: #000
}

.sf__custom-select .select-items.select-hide {
    opacity: 0;
    top: calc(100% + 20px);
    visibility: hidden
}

.sf-country-switcher .select-items > div {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis
}

.sf__page-header {
    margin-top: 40px
}

.sf__page-header .section__heading {
    font-size: 42px;
    line-height: 60px;
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .sf__page-header {
        margin-top: 30px
    }
}

.sf__page-header .sf-breadcrumb .sf__breabcrumb-page-title, .sf__page-header .sf-breadcrumb a.bread-crumb__item {
    padding-bottom: 0;
    padding-top: 0
}

.sf__page-header .sf-breadcrumb span.sf__breadcrumb-separator {
    padding-bottom: 10px;
    padding-top: 10px
}

.sf__breadcrumb-separator svg {
    height: 9px;
    width: 9px
}

.sf__pages-other ul.sf__list-row li a {
    color: #999;
    font-weight: 500
}

.sf__pages-other ul.sf__list-row li.active a, .sf__pages-other ul.sf__list-row li:hover a {
    color: #000
}

.sf__tab-item {
    color: #fff;
    margin-bottom: 40px;
    overflow: hidden;
    width: 100%
}

.sf__tab-item input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.sf__tab-item-label {
    border-bottom: 1px solid #ededed;
    color: #000;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: 1em 0;
    position: relative
}

.sf__tab-item-label:after, .sf__tab-item-label:before {
    background: #000;
    content: "";
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all .35s
}

.sf__tab-item-label:after {
    height: 1px;
    right: 0;
    width: 11px
}

.sf__tab-item-label:before {
    height: 11px;
    right: 4.5px;
    width: 1px
}

.sf__tab-item-content {
    color: #000;
    max-height: 0;
    padding: 0;
    transition: all .35s
}

.sf__tab-item input:checked + .sf__tab-item-label {
    border-bottom-color: #000
}

.sf__tab-item input:checked + .sf__tab-item-label:before {
    display: none
}

.sf__tab-item input:checked ~ .sf__tab-item-content {
    max-height: 100vh;
    padding: 20px 0 0
}

@media screen and (max-width: 767px) {
    .responsive-table thead {
        display: none
    }

    .responsive-table td, .responsive-table th {
        border: 0;
        clear: left;
        color: var(--color-sub-text);
        float: left;
        margin: 0;
        padding: 10px 0;
        text-align: right;
        width: 100%
    }

    .responsive-table td:before, .responsive-table th:before {
        color: var(--color-body-text);
        content: attr(data-label);
        float: left;
        font-size: 16px;
        font-weight: 500;
        padding-right: 10px;
        text-align: center
    }

    .responsive-table__row + .responsive-table__row, tfoot > .responsive-table__row:first-child {
        margin-top: 10px;
        padding-top: 55px;
        position: relative
    }

    .responsive-table__row + .responsive-table__row:after, tfoot > .responsive-table__row:first-child:after {
        border-bottom: 1px solid var(--color-border);
        content: "";
        display: block;
        left: 27.5px;
        position: absolute;
        right: 27.5px;
        top: 0
    }

    tfoot .small-hide {
        display: none
    }
}

@media (max-width: 767px) {
    #shopify-chat-dummy, #shopify-chat > iframe:not([style*="width: 100vw"]) {
        bottom: 70px !important
    }
}

.template-product #shopify-chat-dummy, .template-product #shopify-chat > iframe:not([style*="width: 100vw"]) {
    bottom: 70px !important
}

[data-image-loading] {
    position: relative
}

responsive-image {
    display: inline-block
}

[data-image-loading]:after {
    animation: placeholder-background-loading 1.5s linear infinite;
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

responsive-image img {
    opacity: 0
}

.no-js responsive-image img {
    opacity: 1
}

.sf-image .f-img-loaded {
    animation: .5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
    animation-name: image-fade-in
}

.f-image--no-zoom .f-image {
    animation: unset;
    transform: scale(1) !important
}

.no-js [data-image-loading]:after {
    animation-name: none;
    display: none
}

.sf-image {
    vertical-align: middle;
    width: var(--image-width, 100%)
}

@keyframes image-fade-in {
    0% {
        opacity: 0;
        transform: scale(1.1)
    }
    10% {
        opacity: .1
    }
    20% {
        opacity: .2
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.deferred-media > :not(.zoom):not(.deferred-media__poster-button), .deferred-media model-viewer {
    display: block;
    height: 100%;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

deferred-media {
    display: block
}

.deferred-media__poster {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.deferred-media__poster-button {
    align-items: center;
    background-color: #f5f5f5;
    border: .1rem solid #ddd;
    border-radius: 50%;
    color: #000;
    display: flex;
    height: 4.4rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: all .3s ease;
    width: 4.4rem;
    z-index: 1
}

.deferred-media__poster-button.text-white {
    color: var(--text-white)
}

.deferred-media__poster-button svg {
    height: 22px;
    width: 22px
}

.deferred-media[loaded] > .deferred-media__poster {
    display: none !important
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button.shopify-model-viewer-ui__button--poster {
    align-items: center;
    background-color: #f5f5f5;
    border: .1rem solid #ddd;
    border-radius: 50%;
    color: #000;
    display: flex;
    height: 64px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: all .3s ease;
    width: 64px;
    z-index: 1
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button.shopify-model-viewer-ui__button--poster svg {
    height: 46px;
    margin: 0;
    width: 46px
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button.shopify-model-viewer-ui__button--poster[hidden] {
    display: none
}

.variant-picker__option--unavailable {
    display: none !important
}

.variant-picker__option--soldout .variant-picker__option-button:before {
    background: linear-gradient(to bottom right, transparent calc(50% - 1px), var(--color-border) 50%, transparent calc(50% + 1px)) no-repeat;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.variant-picker__option--soldout label.product-option-item {
    opacity: .6
}

.variant-picker__option label.product-option-item {
    position: relative
}

.sf__variant-swatch .product-option-item {
    border-radius: 50%;
    box-shadow: 0 0 0 1px #0000001a;
    height: 26px;
    position: relative;
    transition: box-shadow .25s ease, transform .25s ease;
    width: 26px
}

.sf__variant-swatch .product-option-item[data-option-type=color] {
    font-size: 0
}

@media screen and (max-width: 767px) {
    .sf__variant-swatch .product-option-item {
        height: 24px;
        width: 24px
    }

    .sf__variant-swatch .product-option-item:before {
        height: 36px;
        width: 36px
    }
}

.sf__variant-swatch.sf_variant-selected .product-option-item, .sf__variant-swatch input:checked + .product-option-item {
    box-shadow: 0 0 0 1px #000, inset 0 0 0 4px #fff
}

@media screen and (min-width: 1280px) {
    .sf__variant-swatch:hover .product-option-item {
        box-shadow: 0 0 0 1px #000, 0 8px 20px #0003, inset 0 0 0 4px #fff;
        transform: scale(1.1)
    }
}

.f-product__media-viewer {
    position: relative
}

.f-product__media-viewer [data-media-viewer]:before {
    content: "";
    display: block;
    height: 0;
    padding-top: calc(100% / var(--media-aspect-ratio, 1));
    width: 100%
}

@keyframes placeholder-background-loading {
    0% {
        opacity: .03
    }
    50% {
        opacity: .07
    }
    to {
        opacity: .03
    }
}

[data-media-loading] {
    position: relative
}

[data-media-loading]:after {
    animation: placeholder-background-loading 1.5s linear infinite;
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .sf__ms--mb-grid:not(.sf__ms--slider) {
        --mobile-column-width: 100%;
        margin: 0 calc(var(--column-gap-mobile, var(--column-gap)) / -2) calc(var(--row-gap-mobile, var(--column-gap)) / -1) !important;
        overflow: hidden;
        padding-left: 0
    }

    .sf__ms--mb-grid:not(.sf__ms--slider) .sf-grid {
        display: grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        margin: 0 !important;
        width: 100%
    }

    .sf__ms--mb-grid:not(.sf__ms--slider) .sf-grid .sf-column {
        width: 100% !important
    }

    .sf__ms--mb-grid:not(.sf__ms--slider) .collection-card {
        padding-bottom: 12px
    }
}

.collapsible__button {
    display: flex;
    font-weight: 500;
    padding-right: 2rem;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.collapsible__button:after {
    background-image: var(--arrow-down-url);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .3s ease;
    width: 14px
}

.collapsible__button span {
    text-transform: none
}

.collapsible__content-inner {
    padding: 16px 0
}

.collapsible__item + noscript + h3 {
    margin: 2.25rem 0 1rem
}

.collapsible__item [data-trigger] {
    cursor: pointer;
    position: relative
}

.collapsible__item [data-content] {
    height: auto;
    overflow: hidden;
    transition: height .35s;
    will-change: height
}

.collapsible__item[data-destroy=true] [data-content] {
    display: block
}

.collapsible__item[data-destroy=true] .f-facets__block-header {
    pointer-events: none
}

.collapsible__item[open=true] .collapsible__button {
    border-color: #000
}

.collapsible__item[open=true] .collapsible__button:after {
    transform: rotateX(180deg)
}

body .sf-currency-switcher, body .sf-language-switcher {
    display: block
}

/*# sourceMappingURL=/cdn/shop/t/4/assets/chunk.css.map?v=91983825693252634041673526991 */