.shopping-cart-holder ::-webkit-scrollbar {
    width: 0.2em;
}

.shopping-cart-holder {
    max-height: 0rem;
    opacity: 0;
    left: 0;
    top: 3.5714rem;
    z-index: 50;
    width: 32rem;
    max-width: 91vw;
    border-radius: var(--radius);
    overflow: hidden;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    background: var(--text-light-3);
    border: solid 1px var(--text-light-2);
}

body:has(.shopping-cart-holder) .dng-main:after {
    content: '';
    transition: all ease-in-out 0.4s;
    opacity: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    /* bottom: 0; */
}

body:has(.shopping-cart-holder.active) .dng-main:after {
    opacity: 1;
    z-index: 49;
}

.shopping-cart-holder.active {
    max-height: 30rem;
    opacity: 1;

}

.shopping-cart-header {
    font-weight: 700;
    padding-bottom: 0.5rem;
}

.shopping-cart-holder hr {
    margin: 0;
}

.shopping-cart-items {
    max-height: 20rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 50%;

    li {
        padding: 0.8rem 0;
        border-bottom: solid 1px var(--text-light-1);

        &:last-child {
            border: none;
        }
    }
}

.delete-product-hover-cart {
    cursor: pointer;
}

.shopping-cart-recyclebin {
    -webkit-mask: url(icon/RecycleBin.svg) no-repeat 100% 100%;
    mask: url(icon/RecycleBin.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #f00;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.shopping-cart-list-item-image {
    a {
        display: block;
        aspect-ratio: 1 / 1;
        border: solid 1px var(--text-light-2);
        border-radius: var(--radius);
        overflow: hidden;
    }
}

.shopping-cart-list-item-content {
    height: 100%;
}

span.counterCardMenu {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    top: -0.3rem;
    right: 0.1rem;
    background: var(--text-dark-0);
    font-size: 0.91rem;
    color: var(--White);
    z-index: 2;
}

.shopping-cart-list-item-title a {
    overflow: hidden;
    /* height: 4.2rem; */
    display: block;
}

@media(max-width: 768px) {
    .shopping-cart-list-item-title a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 4.2rem;
        display: block;
    }
}

.cartMenuBargh {
    text-decoration: none;
    background-color: var(--text-light-4);
    width: auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 0.4rem;
    color: #000;
    padding: 0.8rem;
    border-radius: 10rem;
    aspect-ratio: 1;
}