#shopify-cart {
    position: relative;
    width: 100%;
    max-width: unset;
    top: 0;
    right: 0;
    overflow-y: auto !important;
    overflow-x: hidden;
    background: black;
    padding: var(--size);
    transform: translate(0) !important;
    visibility: hidden;
}

.shopify-buy-frame--cart.is-active {visibility: visible !important;}

.shopify-buy__btn--close {
    position: absolute;
    top: var(--size);
    right: var(--size);
}




#shopify-cart .shopify-buy__cart-items {
    display: flex;
    flex-direction: column;
    row-gap: var(--size);
}

/* LIST ITEM */
#shopify-cart .shopify-buy__cart-item__image-wrap {
    grid-column: 1/2;
    aspect-ratio: 1/1;
    background: var(--c_black);
}

#shopify-cart .shopify-buy__cart-item__image {
    width: 100%;
    height: 100%;
    background-size: contain;
    mix-blend-mode: screen;
}


#shopify-cart .shopify-buy__cart-info {
    display: flex;
    flex-direction: column;
    grid-column: 2/-1;
    height: 100%;
}

#shopify-cart .shopify-buy__cart-item__title {order: 1;}
#shopify-cart .shopify-buy__cart-item__variant-title {order: 2;}
#shopify-cart .shopify-buy__cart-item__price-and-discounts {order: 3;}
#shopify-cart .shopify-buy__quantity-container {order: 4; margin-top: auto;}

#shopify-cart .shopify-buy__quantity-container svg {display: none !important;}

#shopify-cart .shopify-buy__quantity-container {
    display: flex;
    column-gap: var(--size_s);
}

#shopify-cart .shopify-buy__quantity-container input[type="number"] {
    background: transparent !important;
    border-radius: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    max-width: 2rem;
    text-align: center;
}




/* CHECKOUT */
#shopify-cart .shopify-buy__cart-bottom {margin-top: var(--size_m);}

#shopify-cart .shopify-buy__btn--cart-checkout {grid-column: 1/2; grid-row: 1;}
#shopify-cart .shopify-buy__cart__subtotal__price {grid-column: 2/-1; grid-row: 1;}
#shopify-cart .shopify-buy__cart__note {grid-column: 2/-1; grid-row: 2;}

#shopify-cart .shopify-buy__cart__note__text-area {
    width: 100% !important;
    margin-top: 2px !important;
    padding-bottom: 2px !important;
    background: transparent !important;
    border-radius: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-bottom: 1px solid var(--c_white) !important;
}
#shopify-cart .shopify-buy__cart__note__text-area::placeholder {color: var(--c_white); opacity: .35;}