:root {
    --yp-green: #A8CE3A;
    --yp-green-deep: #8FB22A;
    --yp-green-soft: #EAF3D0;
    --yp-magenta: #E91E63;
    --yp-magenta-soft: #FCE4EC;
    --yp-red: #f52928;
    --yp-red-light: #f528286b;
    --yp-charcoal: #2A2A2A;
    --yp-text: #1F1F1F;
    --yp-text-soft: #6B6B6B;
    --yp-text-mute: #9A9A9A;
    --yp-bg: #F7F6F2;
    --yp-card: #FFFFFF;
    --yp-border: #E8E6E0;
    --yp-border-strong: #D4D2CC;
    --yp-radius: 10px;
    --yp-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

#page-cart .cart-container .cart-table td {
    padding: var(--padding-md) 0 var(--padding-sm) 0 !important
}

.cart-item-image {
    position: relative;
}

.cart-remove-btn {
    position: absolute !important;
    top: -8px !important;
    left: -8px !important;
    z-index: 2 !important;
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--yp-card) !important;
    border: 1.5px solid var(--yp-border-strong) !important;
    border-radius: 50% !important;
    color: var(--yp-text-mute) !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.15s var(--yp-ease) !important;
}

.cart-remove-btn:hover {
    background-color: var(--yp-red-light) !important;
    border: none !important;
    color: var(--yp-card) !important;
}

.cart-remove-icon {
    width: 13px;
    height: 13px;
    pointer-events: none;
}

@media (max-width: 992px) {
    #page-cart .cart-container .cart-table .cart-items .sm-item-subtotal {
        display: block !important;
        width: max-content !important;
    }
}