#vue-product-list {
    position: relative;
}

.cross-sell {
    padding: 10px 0;
}

.cross-sell-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px 10px 5px 5px;
    padding: 25px 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cross-sell-title {
    color: #000;
    font-weight: 500;
    font-size: 25px;
    line-height: 29px;
}

.cross-sell-link {
    display: block;
    border-radius: 3px;
    padding: 15px 30px;
    color: #972A66;
    font-size: 15px;
    padding: 7px 15px;
}

.list-no-results {
    display: flex;
    align-items: center;
    gap: 20px;
}

.list-no-results > img {
    max-height: 200px;
}

.list-no-results-text {
    padding: 10px 0;
    line-height: 25px;
}

.list-no-results-text > span {
    color: #222;
    font-size: 15px;
    font-weight: 700;
}

.list-no-results-text > p {
    color: #938A8A;
    font-size: 15px;
}

.product-card {
    height: 100%;
    border-radius: 5px;
    transition-duration: 0.2s;
    padding: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    max-width: 470px;
}

.product-card a:active, .product-card a:focus {
    outline: none;
}

.vue-carousel {
    width: 100%;
}

.product-list-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 65px;
    padding: 10px 15px 0;
}

.product-list-top.mobile {
    z-index: 4;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: sticky;
    background-color: #fff;
    top: 0;
    height: auto;
    margin: 0 -15px;
    padding: 10px 15px;
}

.btn-filter-mobile {
    background-color: white;
    border: 1px solid #CCC;
    border-radius: 3px;
    color: #000;
}

.sorting-select {
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 0px 5px 5px 0px;
    padding: 10px 5px;
    border-left: none;
}

.sort-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sort-text {
    font-size: 11.4px;
    color: #999;
    background-color: #fff;
    border: 1px solid #CCC;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-right: none;
    border-radius: 5px 0px 0px 5px;
    padding: 11px 0px 11px 11px;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 15px;
    gap: 15px;
}

.btn-pagination, .pagination-elipsis {
    border-radius: 3px;
    width: 40px;
    height: 40px;
    color: #999;
    padding-left: 0;
    padding-right: 0;
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
}

.pagination-elipsis {
    background-color: transparent;
    border: 1px solid transparent;
}

.btn-pagination.active {
    color: #000;
    border: 1px solid #000;
    background-color: #FFF;
    font-weight: 700;
}

.btn-pagination:not(.active):active,
.btn-pagination:not(.active):focus {
    color: #999;
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
}

.btn-pagination:not(.active):hover {
    background-color: #e4e4e4;
    border: 1px solid #e4e4e4;
}

.btn-pagination:not(.active):disabled,
.btn-pagination:not(.active):disabled:active,
.btn-pagination:not(.active):disabled:focus {
    background-color: transparent;
    border: 1px solid transparent;
}

.btn-pagination-mobile {
    background-color: transparent;
    border: 1px solid transparent;
    color: #999;
    font-size: 40px;
    padding: 0 10px;
}

.page-input {
    border-radius: 3px;
    width: 40px;
    height: 40px;
    margin: 0px 10px;
    border: 1px #ccc solid;
    text-align: center;
}

.product-list-results {
    display: flex;
    flex-wrap: wrap;
}

.product-list-results>div {
    padding: 10px;
}

.product-link {
    height: 100%;
    display: block;
    text-decoration: none;
    outline: none;
}

.product-link:active,
.product-link:focus {
    outline: none;
    text-decoration: none;
}


.vue-product-top {
    display: flex;
}

.vue-product-left {
    width: 40%;
}

.vue-product-right {
    width: 60%;
    margin-left: 10px;
}

.wasted .vue-product-top {
    opacity: 0.8;
}

.wasted:hover .vue-product-top {
    opacity: 1;
}

.search-product-left {
    display: flex;
    height: 100%;
    width: 80%;
}

.search-product-right {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-label {
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
}

.product-label:hover {
    color: #fff;
}

.product-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 5px;
}

.product-image {
    width: 100%;
    text-align: right;
}

.product-image > img {
    max-width: 150px;
    max-width: 100%;
}

.product-title {
    display: flex;
    justify-content: space-between;
}

.product-title h2 {
    display: inline;
    font-weight: 700;
    line-height: 21px;
    font-size: 17px;
    color: #000;
}

.product_name_default {
    font-size: 16px;
}

.product-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.product-alert-error {
    color: #ac001e;
    font-size: 13px;
    margin-bottom: 10px;
}

.product-contenance {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    white-space: pre;
}

.wasted, .exhausted, .inactive {
    filter: grayscale(1);
    border: 1px solid #f5f5f5;
}

.wasted:hover {
    filter: none;
}

.inactive div > a{
    pointer-events: none;
    cursor: initial;
}

.product-note {
    box-sizing: border-box;
    border-radius: 5px;
    padding: 2px 5px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    cursor: default;
    align-items: baseline;
    z-index: 1;
    background-color: #fff;
}

.product-note > i {
    align-self: center;
}

.product-avis-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
    position: relative;
}

.product-avis-container .product-avis {
    border-radius: 10px;
    position: absolute;
    background: #fff;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 10px 10px 10px;
    z-index: 1;
    top: 60%;
}

.slide-fade-enter-active,
.slide-fade-leave-active {
    opacity: 1;
    height: auto;
    transition: all 0.3s ease-in;
    overflow: hidden;
}
.slide-fade-enter-from,
.slide-fade-leave-to {
    height: 0;
    opacity: 0;
    transition: all 0.3s ease-out;
}

dialog {
    animation: slideBottomLeave 0.3s ease-out forwards;
}

dialog[open] {
    animation: slideBottomEnter 0.3s ease-in forwards;
}

@keyframes slideBottomEnter {
    0% {
        transform: translateY(80vh);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes slideBottomLeave {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(80vh);
    }
}

.slide-bottom-enter-active {
    animation: slideBottomEnter 0.3s ease-in forwards;
    overflow: hidden;
}

.slide-bottom-leave-active {
    animation: slideBottomLeave 0.3s ease-in forwards;
    overflow: hidden;
}

.slide-bottom-enter-active,
.slide-bottom-leave-active {
    transition: all 0.3s ease-in;
    overflow: hidden;
}
.slide-bottom-enter-from,
.slide-bottom-leave-to {
    transform: translateY(80vh);
    transition: all 0.3s ease-out;
}


.product-avis-container:hover .product-note {
    animation: slideRight 0.3s ease-out forwards;
}

.product-avis-container:not(:hover) .product-note {
    animation: slideLeft 0.3s ease-out forwards;
}

#product-quantity-modal .modal-content {
    width: 600px;
    gap: 0;
    margin: auto;
}

#product-quantity-modal .header {
    display: flex;
    align-items: center;
    gap: 10px;
}

#product-quantity-modal .image-container {
    width: 60px;
    height: 60px;
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 3px;
    display: block;
    text-align: center;
    align-self: baseline;
}

#product-quantity-modal .image-container > img {
    height: 100%;
}

#product-quantity-modal .btn-add-to-cart {
    height: 60px;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}

#product-quantity-modal::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

#product-quantity-modal .price-display-container {
    width: 100%;
}

@media screen and (max-width: 641px){
    #product-quantity-modal .modal-content {
        position: absolute;
        top: auto;
        bottom: 0;
        width: 100%;
    }
}

.slide-down-enter-active,
.slide-down-leave-active {
    transform: translateY(0);
    transition: transform 0.5s ease-out;
}
.slide-down-enter-from,
.slide-down-leave-to {
    transform: translateY(-20px);
}

@keyframes slideRight {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(10px);
    }
}

@keyframes slideLeft {
    from {
        transform: translateX(10px);
    }
    to {
        transform: translateX(0);
    }
}

.product-rating {
    font-size: 18px;
}

.verified-label {
    font-size: 11px;
    line-height: 17px;
    height: max-content;
    width: max-content;
    border: 1px solid #999;
    color: #999;
    border-radius: 3px;
    padding: 0 5px;
}

.search-product-right .product-favorite {
    align-self: start;
}

.product-favorite {
    font-size: 20px;
}

.product-favorite > i {
    padding: 0 2px;
}

.product-favorite > i:hover {
    cursor: pointer;
}

.favorite-list {
    min-height: 100px;
}

.product-favorite > .vin-picto-favoris:hover::before {
    content: "\e00e";
}

.product-favorite > .vin-picto-favoris-plein2:hover::before {
    content: "\e005";
}

.favorite-input-block {
    display: flex;
    justify-content: center;
}

.product-comment-content {
    font-size: 11px;
    color: #222;
    line-height: 17px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
    margin: 10px 0;
    font-style: italic;
}

.pack-quantity {
    color: #000;
    position: absolute;
    right: 0;
    padding: 4px 8px;
    border: 1px solid #CCC;
    font-weight: bold;
    border-radius: 3px;
    font-size: 18px;
    background-color: #ffffffb5;
}

.comment-header {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.comment-footer {
    border-top: 1px solid #999;
    margin: 0 -10px;
    padding: 7px 10px;
}

.small-link {
    font-size: 13px;
    font-weight: lighter;
    color: #666;
    text-decoration-line: underline;
}

.comment-date {
    color: #999;
    font-size: 13px;
}

.comment-flag {
    width:20px;
    padding-bottom:5px;
}

.product-rate-count {
    font-size: 11px;
    line-height: 13px;
    color: #999;
    font-weight: lighter;
}

.product-rewards {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.product-reward {
    object-fit: contain;
}

.product-subtitle {
    font-size: 13px;
    line-height: 19px;
    color: #999;
    font-weight: 400;
}

.product-price-container {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    align-self: baseline;
    min-width: fit-content;
    cursor: pointer;
}

.product-prices-container {
    margin-bottom: 15px;
}

.product-prices-container .vue-page-product-prices {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.product-price {
    font-weight: 700;
    font-size: 24px;
}

.product-tax-free {
    color: #999;
    font-weight: 700;
    font-size: 15px;
}

.price-decimals {
    font-size: 80%;
}

.product-discount-detail:not(:first-child) {
    padding-left: 10px;
}

.product-discount-amount {
    background: #972A66;
    border-radius: 2px;
    padding: 3px 5px;
    color: #fff;
    margin-right: 5px;
    font-size: 17px;
    font-weight: bold;
}

.product-discount-detail {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    height: 100%;
    justify-content: center;
}

.product-discount-condition {
    color: #999;
    font-size: 15px;
}

.price-old {
    color: #999;
    font-size: 15px;
    text-decoration-line: line-through;
}

.vue-price {
    font-weight: bold;
    font-size: 21px;
}

.product-price-text {
    font-size: 13px;
    font-weight: 400;
    color: #999;
    margin-bottom: 5px;
}

.product-discount-container {
    display: flex;
    align-items: baseline;
    flex-direction: row;
    gap: 5px;
}

.product-discount-text {
    color: #FF6350;
    font-size: 11px;
}

.product-discount-quantity {
    background-color: #fff;
    color: #999;
    font-size: 11px;
    padding: 2px 4px;
    border-radius: 2px;
}

.product-discount {
    background-color: #FF6350;
    color: #fff;
    padding: 2px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 14px;
    width: fit-content;
    display: flex;
    gap: 2px;
}

.product-base-price {
    font-size: 15px;
    font-weight: 400;
    position: relative;
}

.product-base-price:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    height: 1px;
    background-color: #FF6350;
    transform: translateY(50%);
}

#vue-product-list .product-limitation > span {
    background: #fff;
    color: #999 !important;
    font-size: 13px;
    font-weight: 400;
    padding: 0 !important;
}

.product-stocks {
    height: 100%;
    color: #999;
    font-size: 11px;
    font-weight: lighter;
    line-height: 17px;
    width: 100%;
}

.product-stocks > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    gap: 10px;
    align-items: end;
}

.product-bottom {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin: 5px;
    gap: 10px;
    position: relative;
}

.product-accroche {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    color: #222;
    font-size: 15px;
    line-height: 21px;
}

.product-desc {
    font-size: 15px;
    line-height: 17px;
    color: #222;
}

.product-bottom button {
    border-radius: 3px;
    font-weight: bold;
}

.product-discount-info {
    color: #999;
    grid-column: span 2;
    font-size: 11px;
    line-height: 13px;
}

.product-flash-sale {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2px;
}

.product-flash-sale .desc {
    font-weight: 500;
}

.product-flash-sale.exhausted {
    background: #a4a3a3;
}

.btn-corner {
    border-color: #ccc;
    border-style: solid;
    border-width: .2rem .2rem 0 0;
    transform: rotate(135deg);
    height: 8px;
    width: 8px;
}

.product-add-cart {
    display: flex;
    height: 44px;
}

.product-add-cart .btn-qty {
    border: 1px solid #26B48D;
    border-right: none;
    border-radius: 3px 0 0 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    width: 55px;
    font-size: 18px;
    color: #000;
}

.product-add-cart .addToCart {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px 20px;
    font-size: 15px;
}

.product-bottom .product-qty {
    /* height: 150px; */
    width: 100%;
    position: absolute;
    padding: 5px 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1;
    border-radius: 5px;
    bottom: 110%;
    left: 0;
    color: #000;
    box-shadow: 0px 6px 15px 0px #00000010;
}

.product-bottom .product-qty .product-price {
    font-size: 19px;
}

.product-bottom .product-qty .price {
    display: flex;
    flex-direction: column;
    width: 40%;
}

.product-bottom .product-qty > div {
    display: flex;
    padding: 10px 0;
}

.product-bottom .product-qty > div:not(:first-child) {
    border-top: 1px solid #eee;
}

.product-bottom .product-qty .quantities {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 5px;
    width: 60%;
}

.product-bottom .customQty {
    grid-column: span 2;
}

.qty-input {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #999;
    font-weight: initial !important;
    height: 45px;
}

.qty-input.selected {
    border-color: #26B48D;
    color: #000;
    font-weight: 700 !important;
    outline: 0;
}

.btn-empty {
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 13px;
}

.icon-coche {
    border-style: solid;
    border-width: .3rem .3rem 0 0;
    transform: rotate(135deg);
    height: 6px;
    width: 12px;
}

.btn-display {
    border-radius: 5px;
    background-color: #fff;
}

.btn-display i {
    height: 15px;
    width: 15px;
}

.display-options {
    display: flex;
    gap: 20px;
    height: 41px;
}

.col-sm-3.col-sm-2-5 {
    width: 20%;
}

.col-sm-9.col-sm-9-5 {
    width: 80%;
}

@media (max-width:1500px) {
    .search-product-left {
        width: 70%;
    }
    .search-product-right {
        width: 30%;
    }
}

@media (max-width:768px) {
    .col-sm-3.col-sm-2-5 {
        width: 30%;
    }
    .col-sm-9.col-sm-9-5 {
        width: 70%;
    }
}

@media (max-width:1000px) {
    .col-sm-3.col-sm-2-5 {
        width: 30%;
    }
    .col-sm-9.col-sm-9-5 {
        width: 70%;
    }
}

@media screen and (max-width: 641px) {
    .product-list-top {
        padding: 15px 0;
    }
    .col-sm-3.col-sm-2-5 {
        width: 100%;
    }
    .col-sm-9.col-sm-9-5 {
        width: 100%;
    }
    .product-list-results>div {
        padding: 10px 0;
    }
    .list-no-results {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .list-no-results > img {
        max-height: 150px;
    }
    .cross-sell-title {
        padding-right: 80px;
    }
    .cross-sell-link {
        margin-top: 25px;
        width: 100%;
        padding: 13px;
        text-align: center;
        border: 1px solid #972A66;
    }
    .sort-block {
        border-bottom: 1px solid #D8D8D8;
        padding: 10px;
    }
}

/* LOADING PLACEHOLDER */

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }
    100% {
        background-position: 468px 0
    }
}

.product-card-loading {
    height: 390px;
}

.animated-background {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: darkgray;
    background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
    background-size: auto;
    border-radius: 10px;
    opacity: 0.4;
    background-size: 1000px 400px;
}


/* SELECT */

fieldset[disabled] .multiselect {
    pointer-events: none
}

.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    height: 35px;
    background: #fff;
    display: block
}

.multiselect__spinner:after,
.multiselect__spinner:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border-color: #972A66 transparent transparent;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 0 0 1px transparent
}

.multiselect__spinner:before {
    -webkit-animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
    animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.multiselect__spinner:after {
    -webkit-animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
    animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
    transition: opacity .4s ease-in-out;
    opacity: 1
}

.multiselect__loading-enter,
.multiselect__loading-leave-active {
    opacity: 0
}

.multiselect,
.multiselect__input,
.multiselect__single {
    font-family: inherit;
    font-size: 16px;
    touch-action: manipulation
}

.multiselect {
    box-sizing: content-box;
    display: block;
    position: relative;
    min-width: 170px;
    min-height: 40px;
    text-align: left;
    color: #35495e
}

.multiselect * {
    box-sizing: border-box
}

.multiselect:focus {
    outline: none
}

.multiselect--disabled {
    background: #ededed;
    pointer-events: none;
    opacity: .6
}

.multiselect--active {
    z-index: 50
}

.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.multiselect--active .multiselect__select {
    transform: rotate(180deg)
}

.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.multiselect__input,
.multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: #fff;
    padding: 0 0 0 5px;
    width: 100%;
    transition: border .1s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top
}

.multiselect__input::-moz-placeholder {
    color: #35495e
}

.vue-input {
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    border: none;
    outline: none;
    max-width: 100%;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

.vue-input input {
    border: none;
    outline: none;
    width: 100%;
    min-width: 0;
    font-size: 14px;
    padding: 0;
}

.vue-input input[disabled] {
    background-color: rgba(239, 239, 239);
}

.vue-input input[readonly] {
    background-color: unset;
}

.multiselect__input:-ms-input-placeholder {
    color: #35495e
}

.multiselect__input::placeholder {
    color: #35495e
}

.multiselect__tag~.multiselect__input,
.multiselect__tag~.multiselect__single {
    width: auto
}

.multiselect__input:hover,
.multiselect__single:hover {
    border-color: #cfcfcf
}

.multiselect__input:focus,
.multiselect__single:focus {
    border-color: #a8a8a8;
    outline: none
}

.multiselect__single {
    padding-left: 5px;
    margin-bottom: 8px
}

.multiselect__tags-wrap {
    display: inline
}

.multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px
}

.multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    line-height: 1;
    background: #972A66;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

.multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: normal;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all .2s ease;
    border-radius: 5px
}

.multiselect__tag-icon:after {
    content: "×";
    color: #266d4d;
    font-size: 14px
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
    color: #fff
}

.multiselect__current {
    min-height: 40px;
    overflow: hidden;
    padding: 8px 12px 0;
    padding-right: 30px;
    white-space: nowrap;
    border-radius: 5px;
    border: 1px solid #e8e8e8
}

.multiselect__current,
.multiselect__select {
    line-height: 16px;
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer
}

.multiselect__select {
    position: absolute;
    width: 40px;
    height: 100%;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    text-align: center;
    transition: transform .2s ease
}

.multiselect__select:before {
    position: relative;
    right: 0;
    top: 65%;
    color: #999;
    margin-top: 4px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #999 transparent transparent transparent;
    content: ""
}

.multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 2px
}

.multiselect--active .multiselect__placeholder {
    display: none
}

.multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 50;
    -webkit-overflow-scrolling: touch
}

.multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%;
    vertical-align: top
}

.multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    border-top: 1px solid #e8e8e8
}

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

.multiselect__element {
    display: block
}

.multiselect__option {
    display: block;
    padding: 12px;
    min-height: 40px;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

.multiselect__option:after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 13px
}

.multiselect__option--highlight {
    background: #972A66b0;
    outline: none;
    color: #fff;
    font-weight: bold;
}

.multiselect__option--highlight:after {
    content: attr(data-select);
    background: #972A66;
    color: #fff
}

.multiselect__option--selected {
    background: #972A66;
    color: #fff
}

.multiselect__option--selected:after {
    content: attr(data-selected);
    color: silver
}

.multiselect__option--selected.multiselect__option--highlight {
    color: #fff
}

.multiselect__option--selected.multiselect__option--highlight:after {
    content: attr(data-deselect);
    color: #fff
}

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
    background: #ededed;
    color: #a6a6a6
}

.multiselect__option--disabled {
    background: #ededed!important;
    color: #a6a6a6!important;
    cursor: text;
    pointer-events: none
}

.multiselect__option--group {
    background: #ededed;
    color: #35495e
}

.multiselect__option--group.multiselect__option--highlight {
    background: #35495e;
    color: #fff
}

.multiselect__option--group.multiselect__option--highlight:after {
    background: #35495e
}

.multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede
}

.multiselect__option--group-selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff
}

.multiselect-enter-active,
.multiselect-leave-active {
    transition: all .15s ease
}

.multiselect-enter,
.multiselect-leave-active {
    opacity: 0
}

.multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}

[dir=rtl] .multiselect {
    text-align: right
}

[dir=rtl] .multiselect__select {
    right: auto;
    left: 1px
}

[dir=rtl] .multiselect__tags {
    padding: 8px 8px 0 40px
}

[dir=rtl] .multiselect__content {
    text-align: right
}

[dir=rtl] .multiselect__option:after {
    right: auto;
    left: 0
}

[dir=rtl] .multiselect__clear {
    right: auto;
    left: 12px
}

[dir=rtl] .multiselect__spinner {
    right: auto;
    left: 1px
}

@-webkit-keyframes spinning {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(2turn)
    }
}

@keyframes spinning {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(2turn)
    }
}

.border-label-primary {
    border: 2px solid #972A66;
    color: #972A66;
    opacity: 0.7;
    border-radius: 30px;
    padding: 6px 12px;
}

.vue-modal-header, .vue-modal-buttons  {
    display: flex;
    justify-content: space-between;
}

.vue-modal-title {
    font-size: 2rem;
    font-weight: 700;
}

.vue-modal-content {
    gap: 10px;
    display: flex;
    flex-direction: column;
    color: #999;
    font-size: 13px;
}

.vue-modal-close {
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
}

.vue-modal-close:hover {
    opacity: 0.7;
}

/* Revive ad zone products listings */
#vue-product-list ins {
    padding: 0;
}

#vue-product-list ins img {
    display:block;
    border-radius: 5px;
    overflow:hidden;
    width: 100%;
    height: auto;
}

#vue-product-list ins img {
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    #vue-product-list ins {
        margin: 0;
    }

    #vue-product-list ins img {
        height: 100%;
        object-fit: cover;
    }
}