.wishlist-icon {
    align-items: center;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    min-width: auto;
    padding: 0;
    width: 30px
}

.wishlist-icon svg {
    height: 16px;
    opacity: .5;
    width: 16px
}

.wishlist-icon.active,
.wishlist-icon:hover {
    background-color: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .05)
}

.wishlist-icon.active svg,
.wishlist-icon:hover svg {
    opacity: 1
}

.wishlist-icon.active {
    background-color: #000
}

.wishlist-icon.active svg path {
    fill: #fff
}

@media(min-width:1024px) {
    .wishlist-icon {
        height: 38px;
        width: 38px
    }

    .wishlist-icon svg {
        height: 22px;
        width: 22px
    }
}

.product-badges {
    align-items: center;
    background-color: #4d4d4d;
    border-radius: 0 5px 5px 0;
    color: #fff;
    cursor: default;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    height: 27px;
    justify-content: center;
    left: 0;
    line-height: 130%;
    padding: 0 6px;
    position: absolute;
    top: 27px;
    z-index: 1
}

.tag-wrapper .preowned-label {
    background-color: #d3edee
}

.tag-wrapper .discount-label {
    background-color: #eee
}

.tag-wrapper .stock-label {
    background-color: #dcf0d7
}

.tag-wrapper .lab-grown-label {
    background-color: #41895a;
    color: #fff
}

.tag-wrapper .out-stock-label {
    background-color: #4d4d4d;
    color: #fff
}

.tag-wrapper .tester-label {
    background-color: #4a3a96;
    color: #fff;
    cursor: pointer
}

.tag-wrapper .trade-label {
    background-color: #f0ecd7
}

.tag-item {
    align-items: center;
    background-color: #eee;
    border-radius: 3px;
    color: #000;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    padding: 3px 5px;
    text-transform: uppercase;
    white-space: nowrap
}

@media(max-width:768px) {
    .tag-item {
        font-size: 11px;
        line-height: 120%
    }
}

.tag-item.tag-cursor {
    cursor: pointer
}

.tag-item svg {
    margin-right: 2px;
    width: 14px
}

.tab-pane {
    display: none
}

.tab-pane.active,
.tab-pane.show {
    display: block
}

.modal-guarantee .modal-dialog {
    max-width: 800px
}

.modal-guarantee .modal-content {
    padding: 40px;
    text-align: left
}

.modal-guarantee .modal-content h2 {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    line-height: 130%
}

.modal-guarantee .modal-content .tab-pane p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 10px;
    padding: 0;
    text-align: left
}

.modal-guarantee .modal-content .tab-pane a {
    color: #000
}

.modal-guarantee .modal-content .tab-pane iframe {
    min-height: 400px;
    width: 100%
}

@media(max-width:768px) {
    .modal-guarantee .modal-dialog {
        margin: 0;
        max-width: 100%
    }

    .modal-guarantee .modal-dialog .modal-content {
        padding: 20px
    }
}

.multi-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.one-line-full {
    display: flex
}

.one-line-full .simple-slider-slide {
    min-width: 310px;
    width: 310px
}

@media(max-width:1023px) {
    .multi-row {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media(max-width:480px) {
    .multi-row {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .one-line-full {
        display: flex;
        margin-left: 15px
    }

    .one-line-full .simple-slider-slide {
        min-width: calc(50% - 18px);
        width: calc(50% - 18px)
    }
}

.trending-wrapper {
    background-color: #fff;
    min-height: 800px;
    padding: 0 0 60px
}

.trending-wrapper .trending-row-first .homepage-general-h2-style {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
    text-align: left
}

@media(max-width:768px) {
    .trending-wrapper .trending-row-first .homepage-general-h2-style {
        font-size: 20px;
        line-height: 120%
    }
}

.trending-wrapper .productItem {
    min-height: auto;
    padding: 0;
    position: relative;
    text-align: left
}

.trending-wrapper .productItem .wishlist-icon {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1
}

.trending-wrapper .productItem .productImageBlock {
    background-color: transparent;
    margin-bottom: 0
}

.trending-wrapper .productItem .product-image,
.trending-wrapper .productItem .productImg-link {
    align-items: center;
    background: #f7f7f7;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 3%
}

.trending-wrapper .productItem .product-image img,
.trending-wrapper .productItem .productImg-link img {
    filter: brightness(.97);
    object-fit: contain
}

.trending-wrapper .productItem .product-img {
    height: 100%;
    width: 100%
}

.trending-wrapper .productItem .product-name,
.trending-wrapper .productItem .productName {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    max-height: 100px;
    max-width: 100%;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    word-break: break-word
}

.trending-wrapper .productItem .product-name .brand-name,
.trending-wrapper .productItem .productName .brand-name {
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 6px;
    margin-top: 6px;
    text-transform: uppercase
}

.trending-wrapper .productItem .product-name .name-out-brand,
.trending-wrapper .productItem .product-name .productName-link,
.trending-wrapper .productItem .productName .name-out-brand,
.trending-wrapper .productItem .productName .productName-link {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    min-height: 36px;
    text-decoration: none
}

.trending-wrapper .productItem .product-badges {
    align-items: center;
    background-color: #4d4d4d;
    border-radius: 0 5px 5px 0;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    height: 27px;
    justify-content: center;
    line-height: 130%;
    padding: 0 6px;
    top: 27px
}

.trending-wrapper .productItem .product-image:has(img[src*=_full-bleed]),
.trending-wrapper .productItem .productImg-link:has(img[src*=_full-bleed]) {
    padding: 0
}

.trending-wrapper .productItem .product-image:has(img[src*=_full-bleed]) img,
.trending-wrapper .productItem .productImg-link:has(img[src*=_full-bleed]) img {
    border-radius: 10px
}

.trending-wrapper .productItem .tag-wrapper {
    align-items: center;
    column-gap: 5px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    row-gap: 5px
}

.trending-wrapper .productItem .coupon-tag {
    align-items: center;
    display: flex;
    margin-top: 5px;
    order: 2;
    width: 100%
}

.trending-wrapper .productItem .coupon-tag svg {
    max-width: 0
}

.trending-wrapper .productItem .coupon-tag span {
    background: #e03400;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 130%;
    padding: 2px 4px
}

@media(max-width:768px) {
    .trending-wrapper .productItem .coupon-tag span {
        font-size: 12px
    }
}

.trending-wrapper .productItem .price-wrapper {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 600;
    line-height: 130%;
    margin-top: 12px;
    padding-bottom: 0
}

.trending-wrapper .productItem .price-wrapper:has(.coupon-tag) .now-price {
    color: #767676
}

@media(max-width:768px) {
    .trending-wrapper .productItem .price-wrapper {
        font-size: 12px
    }
}

.trending-wrapper .productItem .price-wrapper .discount-value,
.trending-wrapper .productItem .price-wrapper .now-label,
.trending-wrapper .productItem .price-wrapper .was-label {
    display: none
}

.trending-wrapper .productItem .price-wrapper .now-price {
    color: #000;
    margin-right: 6px;
    order: 1;
    width: auto
}

.trending-wrapper .productItem .price-wrapper .was-price-wrapper {
    float: unset;
    order: 2;
    width: auto
}

.trending-wrapper .productItem .price-wrapper .was-price-wrapper .was-wrapper {
    color: #666;
    font-weight: 400;
    text-decoration: line-through
}

.trending-wrapper .productItem .price-wrapper .after-price {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 0;
    margin-top: 5px;
    order: 3;
    width: 100%
}

@media(max-width:768px) {
    .trending-wrapper .productItem .price-wrapper .after-price {
        font-size: 12px
    }

    .trending-wrapper .productItem .product-name .brand-name,
    .trending-wrapper .productItem .productName .brand-name {
        font-size: 11px
    }

    .trending-wrapper .productItem .product-name .productName-link,
    .trending-wrapper .productItem .productName .productName-link {
        font-size: 12px;
        margin-top: 4px
    }

    .trending-wrapper .productItem .price-wrapper,
    .trending-wrapper .productItem .tag-wrapper {
        margin-top: 8px
    }

    .trending-wrapper .productItem .coupon-tag {
        margin-top: 2px
    }

    .trending-wrapper .productItem .discount-label {
        font-size: 11px
    }

    .trending-wrapper .productItem .price-wrapper .now-price {
        top: 0
    }

    .trending-wrapper .productItem .price-wrapper .was-price-wrapper {
        margin-bottom: 0
    }

    .trending-wrapper .productItem .price-wrapper .after-price {
        margin-top: 2px
    }
}

.trending-wrapper .load-more {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    margin-bottom: 10px
}

.trending-wrapper .load-more:hover {
    color: #000
}

.trending-wrapper .trending-row {
    display: none
}

.trending-wrapper .trending-row.active {
    display: block
}

.trending-wrapper .trending-row .trending-now-block {
    gap: 10px
}

.trending-wrapper .trending-tabs {
    display: flex;
    flex-wrap: nowrap;
    margin: 25px 0;
    overflow-x: auto
}

.trending-wrapper .trending-tabs::-webkit-scrollbar {
    height: 0;
    width: 0
}

.trending-wrapper .trending-tabs::-webkit-scrollbar-thumb,
.trending-wrapper .trending-tabs::-webkit-scrollbar-track {
    background: 0 0
}

.trending-wrapper .trending-tabs .tab-item {
    cursor: pointer;
    flex: 1;
    margin-right: 6px;
    white-space: nowrap
}

.trending-wrapper .trending-tabs .tab-item:last-child {
    margin-right: 0
}

@media(min-width:1280px) {
    .trending-wrapper .trending-now-block {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

@media(min-width:1024px) {
    .trending-wrapper {
        background-color: #fff;
        position: relative
    }

    .trending-wrapper .trending-row.active .shop-all {
        margin-top: 60px
    }

    .trending-wrapper .trending-row .trending-now-block {
        gap: 50px 10px
    }

    .trending-wrapper .trending-row .trending-now-block .trending-item {
        padding-bottom: 0
    }

    .trending-wrapper .trending-action .load-more {
        display: none
    }
}

@media(max-width:1023px) {

    .trending-wrapper .load-more,
    .trending-wrapper .shop-all {
        display: block;
        text-align: center;
        width: 100%
    }

    .trending-wrapper .load-more {
        margin-top: 30px
    }

    .trending-wrapper .trending-row .trending-now-block {
        gap: 30px 10px
    }
}

@media(max-width:1024px) {
    .trending-wrapper .trending-tabs {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media(max-width:480px) {
    .trending-wrapper {
        padding-bottom: 35px
    }

    .trending-wrapper .trending-tabs {
        margin-bottom: 30px;
        margin-top: 25px
    }

    .trending-wrapper .trending-now-wrapper .trending-now-block {
        gap: 30px 6px
    }

    .trending-wrapper .btn.primary,
    .trending-wrapper .btn.secondary,
    .trending-wrapper .btn.tag {
        font-size: 14px;
        font-weight: 600;
        line-height: 130%;
        white-space: nowrap
    }
}

.btn.btn-link-as-btn {
    display: inline-block
}

.btn.primary {
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    min-width: auto;
    padding: 14px 18px 15px;
    text-decoration: none
}

@media(max-width:768px) {
    .btn.primary {
        font-size: 14px
    }
}

.btn.primary:hover {
    background-color: #000;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
    color: #fff
}

.btn.secondary {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    min-width: auto;
    padding: 14px 18px 15px;
    text-decoration: none
}

@media(max-width:768px) {
    .btn.secondary {
        font-size: 14px
    }
}

.btn.image-tag {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    height: 68px;
    line-height: 130%;
    min-width: auto;
    padding: 22px 20px 18px 15px;
    text-decoration: none
}

@media(max-width:768px) {
    .btn.image-tag {
        font-size: 14px
    }
}

.btn.image-tag img {
    filter: brightness(.97);
    margin-right: 14px
}

.btn.image-tag:hover {
    background-color: #fff;
    border: 1px solid #000
}

.btn.image-tag:hover img {
    filter: inherit
}

.btn.tab {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 130%;
    padding: 10px 13px 11px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

@media(max-width:768px) {
    .btn.tab {
        font-size: 11px
    }
}

.btn.tab.active {
    background-color: transparent;
    border: 1px solid #000;
    color: #000
}

.btn.tab-arrow {
    padding: 12px 11px 13px 15px
}

/* .btn.tab-arrow:after {
    border: solid #000;
    border-width: 2px 0 0 2px;
    content: "";
    display: inline-block;
    margin-left: 4px;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
} */

.btn.circle-icon {
    align-items: center;
    background-color: #f5f5f5;
    border: 1px solid transparent;
    border-radius: 100%;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    min-width: auto;
    padding: 10px;
    width: 38px
}

.btn.circle-icon svg {
    opacity: .5
}

.btn.circle-icon:hover {
    background-color: transparent;
    border: 1px solid #ccc
}

.btn.circle-icon:hover svg {
    opacity: 1
}

.btn.checkout {
    align-items: center;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    min-width: auto;
    padding: 15px 13px 16px
}

.btn.checkout img {
    width: 70px
}

.btn.checkout:hover {
    border: 1px solid #000
}

.btn.link {
    color: #000;
    font-weight: 600
}

.btn.link,
.btn.text-link {
    background-color: transparent;
    border: none;
    font-size: 14px;
    line-height: 130%;
    min-width: auto;
    outline: none;
    padding: 0
}

.btn.text-link {
    color: #2154d8;
    font-weight: 400;
    text-decoration: underline
}

.btn:disabled {
    cursor: not-allowed
}

@media(hover:hover) {
    .btn.tab:hover {
        border: 1px solid #000
    }

    .btn.secondary:hover {
        background-color: #000;
        color: #fff
    }
}