#shopify-cart {
    top: var(--size-xl);
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 100vw;
    width: 100vw;
    max-width: 100vw;
    height: unset;
    display: flex;
    flex-direction: column;
    transform: translateY(calc(var(--vh) * -100));
    -webkit-transform: translateY(calc(var(--vh) * -100));
    z-index: 180;
}
#shopify-cart.is-initialized {
    transition: transform 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
    -webkit-transition: transform 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
}

#shopify-cart.is-active {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

@media only screen and (min-width: 1096px) {
    #shopify-cart {
        top: 0;
        left: var(--header_d-width);
        min-width: calc(100vw - var(--header_d-width));
        width: calc(100vw - var(--header_d-width));
        max-width: calc(100vw - var(--header_d-width));
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }

    #shopify-cart.is-active {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}




/* 
WRAPPER
*/
#shopify-cart .shopify-buy__cart {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: var(--size);
}

#shopify-cart .shopify-buy__cart__title,
#shopify-cart .shopify-buy__btn--close {display: none;}
@media only screen and (min-width: 768px) {
    #shopify-cart .shopify-buy__cart {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: var(--size);
    }
    
    #shopify-cart .shopify-buy__btn--close {display: block;}
}


/*
ITEM
*/
#shopify-cart .shopify-buy__cart-scroll {
    flex: 1;
    height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

#shopify-cart .shopify-buy__cart-item {
    display: flex;
    padding-bottom: var(--size);
}
#shopify-cart .shopify-buy__cart-item:not(:first-child) {margin-top: var(--size);}
#shopify-cart .shopify-buy__cart-item:not(:last-child) {border-bottom: 1px solid var(--color);}

#shopify-cart .shopify-buy__cart-item__image-wrap {
    min-width: 12rem;
    height: 100%;
    aspect-ratio: 1/1;
    margin-right: var(--size);
    padding: var(--size);
    background: var(--colorAlpha);
    border-radius: var(--size-xs);
}
#shopify-cart .shopify-buy__cart-item__image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#shopify-cart .shopify-buy__cart-info {
    display: flex;
    flex-direction: column;
}

#shopify-cart .shopify-buy__cart-item__title {order: 1;}
#shopify-cart .shopify-buy__cart-item__title:not(.--no_autor) {margin-bottom: var(--size);}

#shopify-cart .shopify-buy__cart-price {
    order: 2;
    display: flex;
}
    #shopify-cart .shopify-buy__cart-item__price-and-discounts {
        order: 1;
        margin-right: var(--size-m);
    }
    #shopify-cart .shopify-buy__cart-item__variant-title {order: 2;}

#shopify-cart .shopify-buy__quantity-container {
    order: 3;
    display: flex;
    margin-top: auto;
}
    #shopify-cart .shopify-buy__quantity {
        text-align: center;
        width: var(--size-m);
        margin: 0 var(--size-s);
    }
    #shopify-cart .shopify-buy__quantity:focus,
    #shopify-cart .shopify-buy__quantity:focus-visible,
    #shopify-cart .shopify-buy__quantity:focus-within {
        background: var(--colorAlpha);
    }
    #shopify-cart .shopify-buy__quantity-container .shopify-buy__btn--seamless svg {display: none;}

@media only screen and (min-width: 768px) {
    #shopify-cart .shopify-buy__cart-scroll {height: unset;}
}


/* 
BOTTOM
*/
#shopify-cart .shopify-buy__cart-bottom {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    padding-top: var(--size-s);
}

#shopify-cart .shopify-buy__cart-bottom-nif_discount {margin-bottom: var(--size);}
#shopify-cart .shopify-buy__cart-bottom-nif_discount .--disocunt-notice {margin-top: 4px;}

#shopify-cart .shopify-buy__cart__note {
    display: flex;
    column-gap: var(--size);
}

#shopify-cart .shopify-buy__cart__note label {min-width: max-content;}
#shopify-cart .shopify-buy__cart__note textarea {
    width: 100%;
    border-bottom: 1px solid var(--color);
    padding-bottom: 2px;
}
#shopify-cart .shopify-buy__cart__note textarea::placeholder {color: var(--colorAlphaText);}
#shopify-cart .shopify-buy__cart__note textarea:focus,
#shopify-cart .shopify-buy__cart__note textarea:focus-visible,
#shopify-cart .shopify-buy__cart__note textarea:focus-within {
    background: var(--colorAlpha);
}

#shopify-cart .shopify-buy__cart__discount {
    display: flex;
    text-align: left;
    margin-top: var(--size-xs);
}
#shopify-cart .shopify-buy__cart__discount svg {display: none !important;}
#shopify-cart .shopify-buy__cart__discount span[data-element="cart.discountAmount"] {margin-left: auto;}

#shopify-cart .shopify-buy__cart__subtotal__text {order: 1;}
#shopify-cart .shopify-buy__cart__notice {
    order: 2;
    margin-bottom: var(--size);
}
#shopify-cart .shopify-buy__cart__subtotal__price {order: 3;}
#shopify-cart .shopify-buy__btn--cart-checkout {order: 4;}
#shopify-cart .shopify-buy__btn--cart-checkout:before {content: '( ';}
#shopify-cart .shopify-buy__btn--cart-checkout:after {content: ' )';}

@media only screen and (min-width: 768px) {
    #shopify-cart .shopify-buy__cart-bottom {
        grid-column: 1/-1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: var(--size);
    }

    #shopify-cart .shopify-buy__cart-bottom-nif_discount {grid-column: 2/-1; grid-row: 1; text-align: right; align-self: flex-end;}
    #shopify-cart .shopify-buy__btn--cart-checkout {grid-column: 1/2; grid-row: 1/4; align-self: flex-end;}
    #shopify-cart .shopify-buy__cart__subtotal__text {grid-column: 2/-1; grid-row: 2; padding-right: 12rem; height: fit-content;}
    #shopify-cart .shopify-buy__cart__notice {grid-column: 2/-1; grid-row: 3; margin-bottom: 0; padding-right: 12rem; height: fit-content;}
    #shopify-cart .shopify-buy__cart__subtotal__price {grid-column: 2/-1; grid-row: 1/4; text-align: right; align-self: flex-end;}
}

@media only screen and (min-width: 1096px) {
        #shopify-cart .shopify-buy__cart-bottom-nif_discount {margin-bottom: var(--size-l);}
}