.sf__pcard {
    position: relative
}

.sf__pcard .background-color-expand {
    background-color: #fff;
    border-radius: 5px;
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(1) translateY(0) translateZ(0);
    transition: transform .55s cubic-bezier(.2, .75, .5, 1);
    width: 100%;
    z-index: -1
}

.sf__pcard .background-color-expand:before {
    background-color: transparent;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .07);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform-origin: center;
    transition: opacity .55s cubic-bezier(.2, .75, .5, 1);
    width: 100%;
    z-index: -2
}

.sf__pcard .sf-pqv__button.quick-add {
    border: none;
    flex-basis: auto;
    font-size: 15px
}

@media (max-width: 767px) {
    .sf__pcard .sf-pqv__button.quick-add {
        font-size: 14px;
        padding-left: .85rem;
        padding-right: .85rem;
        text-align: center
    }
}

.sf__pcard .product-option-item[data-option-type=default], .sf__pcard .product-option-item[data-option-type=image] {
    height: 50px;
    padding: 0 10px
}

.sf__pcard .product-option-item[data-option-type=default]:not(.has-bg-img), .sf__pcard .product-option-item[data-option-type=image]:not(.has-bg-img) {
    min-width: 50px;
    width: auto
}

.sf__pcard .product-option-item[data-option-type=default].has-bg-img, .sf__pcard .product-option-item[data-option-type=image].has-bg-img {
    width: 50px
}

.sf__pcard .sf__pcard-vendor {
    color: var(--product-type-color)
}

.sf__pcard .sf__pcard-image {
    position: relative
}

.sf__pcard .sf__pcard-image.spc__img-only .spc__hover-img {
    display: none
}

.sf__pcard .sf__pcard-image .prod__countdown {
    bottom: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    transform: translateZ(0);
    transition: all .3s ease
}

.sf__pcard .sf__pcard-image .spc__main-img {
    opacity: 1;
    transition: opacity .8s ease;
    z-index: 10
}

.sf__pcard .sf__pcard-image .spc__hover-img {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .8s ease, transform 1.1s cubic-bezier(.15, .75, .5, 1) 0s
}

.sf__pcard .sf__pcard-image .spc__hover-img, .sf__pcard .sf__pcard-image .spc__hover-img img, .sf__pcard .sf__pcard-image .spc__hover-img svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

@media (max-width: 767px) {
    .sf__pcard .sf__pcard-image .spc__hover-img {
        display: none
    }
}

@media (min-width: 1025px) {
    .sf__pcard .sf__pcard-image:hover .sf__pcard-action {
        opacity: 1;
        transform: translateZ(0)
    }

    .sf__pcard .sf__pcard-image:hover .prod__countdown {
        opacity: 0;
        transform: translate3d(0, 150%, 0)
    }

    .sf__pcard .sf__pcard-image:hover .sf__pcard-quick-add {
        opacity: 1;
        transform: translateZ(0)
    }

    .sf__pcard .sf__pcard-image:hover .spc__main-img {
        opacity: 0
    }

    .sf__pcard .sf__pcard-image:hover .spc__main-img.spc__img-only {
        opacity: 1
    }

    .sf__pcard .sf__pcard-image:hover .spc__hover-img {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1) translateZ(0)
    }

    .sf__pcard .sf__pcard-image:hover .spc__hover-img img, .sf__pcard .sf__pcard-image:hover .spc__hover-img svg {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0)
    }

    .sf__pcard .sf__pcard-image:hover.spc__img-only .spc__main-img {
        opacity: 1
    }
}

.sf__pcard-action .sf__btn-icon {
    height: 42px;
    margin-bottom: 10px !important;
    width: 42px
}

.sf__pcard-action .sf__btn-icon svg {
    height: 15px !important;
    width: 15px !important
}

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

.sf__pcard-style-1 .sf__pcard-image .sf__pcard-action {
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    transform: translate3d(150%, 0, 0);
    transition: all .3s ease
}

.sf__pcard-style-1 .sf__pcard-image .sf__pcard-quick-add {
    /*display: none*/
}

@media (min-width: 768px) {
    .sf__pcard-style-1 .sf__pcard-image .sf__pcard-quick-add {
        display: flex
    }
}

.sf__pcard-style-1 .sf__pcard-image .sf__pcard-quick-add {
    bottom: 20px;
    left: 20px;
    opacity: 1;
    position: absolute;
    right: 20px;
    transform: translateZ(0);
    transition: all .3s ease
}

.sf__pcard-style-2 {
    height: 100%;
    position: relative
}

.sf__pcard-style-2 > form {
    position: relative
}

.sf__pcard-style-2 .sf__pcard-content {
    margin-top: 0;
    position: relative;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.sf__pcard-style-2 .sf__pcard-action {
    display: none;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: center;
    width: 100%
}

@media (min-width: 768px) {
    .sf__pcard-style-2 .sf__pcard-action {
        display: grid
    }
}

.sf__pcard-style-2 .sf__pcard-action {
    bottom: -10px;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translate3d(0, 150%, 0);
    transition: all .3s ease
}

.sf__pcard-style-2 .sf__pcard-action .sf__pcard-group-action {
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    display: flex
}

.sf__pcard-style-2 .sf__pcard-action .sf__pcard-group-action button.add-to-cart {
    border: none;
    padding: 0
}

.sf__pcard-style-2 .sf__pcard-action .sf__pcard-group-action .f-product-form:not(:last-child) .sf__btn-icon {
    border-radius: 0;
    border-right: 1px solid #eee
}

.sf__pcard-style-2 .sf__pcard-action .sf__btn-icon {
    border-radius: 0;
    border-right: 1px solid #eee;
    height: 45px;
    margin-bottom: 0 !important;
    width: 45px
}

.sf__pcard-style-2 .sf__pcard-action .sf__btn-icon:last-child {
    border-radius: 0 5px 5px 0;
    border-right: 0
}

.sf__pcard-style-2 .sf__pcard-action .sf__btn-icon:first-child {
    border-radius: 5px 0 0 5px
}

.sf__pcard-style-2 .sf__pcard-action .sf__btn-icon:hover {
    box-shadow: none
}

@media (min-width: 1025px) {
    .sf__pcard-style-2:hover .content-view-list {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        opacity: 1;
        z-index: 20
    }

    .sf__pcard-style-2:hover .sf__pcard-options-color {
        opacity: 1
    }

    .sf__pcard-style-2:hover .sf__pcard-action {
        bottom: 1rem
    }

    .sf__pcard-style-2:hover .background-color-expand {
        transform: scale(1.1) translateY(0) translateZ(0)
    }

    .sf__pcard-style-2:hover .background-color-expand:before {
        opacity: 1;
        pointer-events: all
    }

    .sf__pcard-style-2:hover .sf__pcard-action {
        opacity: 1;
        transform: translateZ(0)
    }
}

.sf__pcard-style-3 .sf__pcard-content {
    margin-top: 0;
    position: relative;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.sf__pcard-style-3 .sf__pcard-action {
    display: none;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: center;
    width: 100%
}

@media (min-width: 768px) {
    .sf__pcard-style-3 .sf__pcard-action {
        display: grid
    }
}

.sf__pcard-style-3 .sf__pcard-action {
    bottom: -10px;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translate3d(0, 150%, 0);
    transition: all .3s ease
}

.sf__pcard-style-3 .sf__pcard-action .sf__pcard-group-action {
    display: flex
}

.sf__pcard-style-3 .sf__pcard-action .sf__pcard-group-action button.add-to-cart {
    border: none;
    padding: 0
}

.sf__pcard-style-3 .sf__pcard-action .sf__btn-icon {
    border-radius: 50%;
    height: 45px;
    margin-bottom: 0 !important;
    margin-right: 10px;
    width: 45px
}

.sf__pcard-style-3 .sf__pcard-action .sf__btn-icon button.add-to-cart {
    transition: none
}

.sf__pcard-style-3 .sf__pcard-action .sf__btn-icon:hover {
    box-shadow: none
}

.sf__pcard-style-3 .sf__pcard-action-top {
    right: 10px;
    top: 10px
}

.sf__pcard-style-3 .sf__pcard-action-top .sf-wishlist__button {
    background: transparent;
    color: var(--color-body-text, #000)
}

.sf__pcard-style-3 .sf__pcard-action-top .sf-wishlist__button:hover {
    background-color: var(--color-primary, #000);
    box-shadow: none;
    color: #fff
}

.sf__pcard-style-3 .sf__pcard-action-top .sf-wishlist__button:hover.sf__tooltip-style-2 .sf__tooltip-icon-active {
    display: block !important
}

.sf__pcard-style-3 .sf__pcard-action-top .sf-wishlist__button:hover.sf__tooltip-style-2 .sf__tooltip-icon {
    display: none !important
}

.sf__pcard-style-3 .sf__pcard-action-top .added-to-wishlist {
    background-color: var(--color-primary, #000);
    color: #fff
}

@media (min-width: 1025px) {
    .sf__pcard-style-3:hover .content-view-list {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        opacity: 1;
        z-index: 20
    }

    .sf__pcard-style-3:hover .sf__pcard-options-color {
        opacity: 1
    }

    .sf__pcard-style-3:hover .sf__pcard-action {
        bottom: 1rem
    }

    .sf__pcard-style-3:hover .background-color-expand {
        transform: scale(1.1) translateY(0) translateZ(0)
    }

    .sf__pcard-style-3:hover .background-color-expand:before {
        opacity: 1;
        pointer-events: all
    }

    .sf__pcard-style-3:hover .sf__pcard-action {
        opacity: 1;
        transform: translateZ(0)
    }
}

.sf__pcard-style-4 .sf__pcard-content {
    position: relative
}

.sf__pcard-style-4 .sf__pcard-content .sf__pcard-action {
    transition: all .5s ease
}

.sf__pcard-style-4 .sf__pcard-content .sf__pcard-action .sf__pcard-group-action select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: none;
    border-bottom: 1px solid;
    cursor: pointer;
    height: 23px;
    margin-right: 25px;
    padding: 0
}

.sf__pcard-style-4 .sf__pcard-content .sf__pcard-action .sf__pcard-group-action select::-ms-expand {
    display: none
}

.sf__pcard-style-4 .sf__pcard-content .sf-pcard__reviews {
    margin-bottom: .625rem;
    padding: 0
}

.sf__pcard-style-4 .sf__pcard-content .sf-pcard__reviews .spr-badge .spr-starrating {
    color: var(--star-color, #feba2c)
}

.sf__pcard-style-4 .sf__pcard-content .sf__pcard-price .prod__price {
    font-weight: 700
}

.sf__pcard-style-4 .sf__pcard-content .sf__pcard-quick-add {
    width: 85%
}

@media (max-width: 767px) {
    .sf__pcard-style-4 .sf__pcard-content .sf__pcard-quick-add {
        width: 100%
    }
}

.sf__pcard-style-4 .sf__pcard-content .sf__pcard-quick-add .sf__btn {
    margin-top: 20px;
    width: 100%
}

.sf__pcard-style-4 .sf__pcard-action {
    display: none;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: center;
    width: 100%;
    z-index: 10
}

@media (min-width: 768px) {
    .sf__pcard-style-4 .sf__pcard-action {
        display: grid
    }
}

.sf__pcard-style-4 .sf__pcard-action {
    bottom: -10px;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translate3d(0, 150%, 0);
    transition: all .3s ease
}

.sf__pcard-style-4 .sf__pcard-action .sf__pcard-group-action {
    display: flex
}

.sf__pcard-style-4 .sf__pcard-action .sf__btn-icon {
    border-radius: 50%;
    height: 45px;
    margin-bottom: 0 !important;
    margin-right: 10px;
    width: 45px
}

.sf__pcard-style-4 .sf__pcard-action .sf__btn-icon:hover {
    box-shadow: none
}

.sf__pcard-style-4 .sf__pcard-action-top {
    right: 0;
    top: 4px
}

.sf__pcard-style-4 .sf__pcard-action-top .sf-wishlist__button {
    background: transparent;
    color: var(--color-body-text, #000)
}

.sf__pcard-style-4 .sf__pcard-action-top .sf-wishlist__button:hover {
    box-shadow: none
}

.sf__pcard-style-4 .sf__pcard-action-top .sf-wishlist__button:hover svg {
    fill: var(--color-body-text);
    stroke: var(--color-body-text)
}

.sf__pcard-style-4 .sf__pcard-action-top .sf-wishlist__button:hover.sf__tooltip-style-2 .sf__tooltip-icon-active {
    display: block !important
}

.sf__pcard-style-4 .sf__pcard-action-top .sf-wishlist__button:hover.sf__tooltip-style-2 .sf__tooltip-icon {
    display: none !important
}

@media (min-width: 1025px) {
    .sf__pcard-style-4:hover .content-view-list {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        opacity: 1;
        z-index: 20
    }

    .sf__pcard-style-4:hover .sf__pcard-options-color {
        opacity: 1
    }

    .sf__pcard-style-4:hover .sf__pcard-action {
        bottom: 1rem
    }

    .sf__pcard-style-4:hover .background-color-expand {
        transform: scale(1.1) translateY(0) translateZ(0)
    }

    .sf__pcard-style-4:hover .background-color-expand:before {
        opacity: 1;
        pointer-events: all
    }

    .sf__pcard-style-4:hover .sf__pcard-action {
        opacity: 1;
        transform: translateZ(0)
    }
}

@media (min-width: 1024px) {
    .sf__pcard .prod__countdown > .grid {
        gap: .5rem
    }
}

.sf__pcard .prod__countdown .pcc__item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: .25rem;
    text-align: center
}

@media (min-width: 1024px) {
    .sf__pcard .prod__countdown .pcc__item {
        border-radius: .375rem
    }
}

@media (min-width: 1280px) {
    .sf__pcard .prod__countdown .pcc__item {
        padding: .5rem
    }

    .sf__pcard .prod__countdown .pcc__item > span:first-child {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media (max-width: 1024px) {
    .sf__pcard .prod__countdown .pcc__item:first-child {
        border-bottom-left-radius: .375rem;
        border-top-left-radius: .375rem
    }

    .sf__pcard .prod__countdown .pcc__item:last-child {
        border-bottom-right-radius: .375rem;
        border-top-right-radius: .375rem
    }
}

.sf__pcard .sf__variant-swatch .product-option-item {
    font-size: 0
}

.sf__pcard swatch-color .sf__tooltip-item {
    background: transparent
}

@media (min-width: 576px) {
    .sf__col-1 .sf__pcard form {
        display: flex
    }

    .sf__col-1 .sf__pcard form .sf__pcard-image {
        flex-shrink: 0;
        margin-right: 3rem;
        width: 270px
    }
}

.sf__col-1 .sf__pcard form .sf__pcard-image .sf__pcard-action, .sf__col-1 .sf__pcard form .sf__pcard-image .sf__pcard-quick-add {
    display: none
}

.sf__col-1 .sf__pcard form .sf__pcard-content {
    flex: 1 1 0%;
    margin-top: 0
}

@media (min-width: 640px) {
    .sf__col-1 .sf__pcard form .sf__pcard-content {
        margin-top: 1.25rem
    }
}

.sf__col-1 .sf__pcard form .sf__pcard-content {
    text-align: left
}

.sf__col-1 .sf__pcard form .sf__pcard-content .content-view-list {
    display: block
}

.sf__col-1 .sf__pcard-style-2 form .sf__pcard-content .content-view-list {
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    opacity: 1;
    padding: 0;
    position: static;
    visibility: visible
}

.sf__col-1 .sf__pcard-style-2 form .sf__pcard-image .sf__pcard-wishlist, .sf__col-1 .sf__pcard-style-2:after {
    display: none
}

.sf__col-1 .sf__pcard-style-2:hover .sf__pcard-options-color {
    bottom: 0
}

.sf__col-1 .sf__pcard-style-2:hover .background-color-expand {
    display: none
}

.sf__col-4 .sf__pcard .prod__countdown > .grid, .sf__col-5 .sf__pcard .prod__countdown > .grid {
    gap: 0
}

.sf__col-4 .sf__pcard .prod__countdown .pcc__item, .sf__col-5 .sf__pcard .prod__countdown .pcc__item {
    border-radius: 0
}

.sf__col-4 .sf__pcard .prod__countdown .pcc__item > span:first-child, .sf__col-5 .sf__pcard .prod__countdown .pcc__item > span:first-child {
    font-size: calc(var(--font-base-size, 16) * 1px)
}

.sf__col-4 .sf__pcard .prod__countdown .pcc__item:first-child, .sf__col-5 .sf__pcard .prod__countdown .pcc__item:first-child {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.sf__col-4 .sf__pcard .prod__countdown .pcc__item:last-child, .sf__col-5 .sf__pcard .prod__countdown .pcc__item:last-child {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.sf-pqv__button:not(.rest-values) .animate-spin {
    margin-left: -8px !important;
    margin-top: -8px !important
}

.sf-pcard__reviews {
    padding-bottom: 10px
}

.sf-pcard__reviews:empty, .sf-pcard__reviews > div:empty {
    display: none
}

.sf-pcard__reviews .spr-badge {
    font-size: 14px
}

.sf-pcard__reviews .spr-starrating {
    align-items: center;
    justify-content: unset;
    margin-bottom: 0;
    margin-top: 0
}

.sf__col-one .sf__pcard-options-color {
    justify-content: flex-start
}

.sf__col-one .sf__pcard-style-3 .sf__pcard-action-top, .sf__col-one .sf__pcard-style-4 .sf__pcard-action-atc {
    display: none
}

.content-view-list .sf__btn {
    flex: 0;
    min-width: 180px
}

.sf__pcard-name {
    color: var(--product-title-color, #000)
}

.sf__pcard-style-1 .sf__pcard-quick-add .sf__btn {
    border: none
}

.pcard-sale {
    margin-bottom: 15px;
    margin-top: 15px
}

.pcard-sale__progress {
    background: rgba(192, 44, 48, .12);
    border-radius: 2px;
    height: 8px;
    position: relative;
    width: 100%
}

.pcard-sale__progress > span {
    background: #ef2d2d;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .5s;
    width: 0
}

.pcard-sale__text {
    color: #999
}

.pcard-sale__text strong {
    color: #000
}

.bg-light .pcard-sale .pcard-sale__text, .bg-light .pcard-sale strong {
    color: #fff
}

.bg-light .pcard-sale .pcard-sale__progress {
    background: #ff8282
}

.bg-light .pcard-sale .pcard-sale__progress span {
    background: #fff
}

.pcard-sale + .product-form__actions {
    margin-top: 30px
}

[data-enable-flashsale=true] .pcard-variant-option, [data-enable-flashsale=true] .sf__pcard-style-4 .sf__pcard-quick-add {
    display: none
}

.sf__tooltip-wishlist i {
    color: #000
}

.sf__tooltip-wishlist:hover i {
    color: #fff !important
}

.sf__tooltip-wishlist .faves-count {
    display: none
}

.sf__pcard .price-unit-price {
    font-size: 90%
}

/*# sourceMappingURL=component-product-card.css.map */