.off-canvas-cart {
    height: 100vh; width: 450px; position: fixed; right: 0; top: 0; z-index: 999;
    background: white; transition: all 0.3s ease; transform: translate(100%, 0);
}

.cart-active { transform: none; }
.overflow-hidden { overflow: hidden; }

.off-canvas-cart-overlay {
    position: fixed; inset: 0; z-index: 998; background: rgba(0, 0, 0, 0.5);
    opacity: 0; visibility: hidden;
}

.overlay-active { opacity: 1; visibility: visible; }

.off-canvas-cart-header {
    display: flex; justify-content: space-between; align-items: center !important;
    width: 100%; height: 10vh; border-bottom: 1px solid #e2e2e2; flex-direction: row !important;
}

.off-canvas-cart-text { padding-inline: 20px; }
.off-canvas-cart-close { margin: 10px; width: 25px; }
.off-canvas-cart-widget { height: 90vh; }

.widget.woocommerce.widget_shopping_cart,
.widget .widget_shopping_cart_content {
    height: 100%; width: 100%; display: flex; flex-direction: column;
}

.woocommerce .widget_shopping_cart_content ul.product_list_widget {
    flex-grow: 1; overflow-y: auto; scroll-snap-type: y mandatory;
}

.off-canvas-cart-widget li.mini_cart_item { margin-top: 5px; }

.woocommerce .widget_shopping_cart_content ul.product_list_widget li a {
    color: #272728; font-size: 1em; font-weight: 400; line-height: 1.7;
    text-transform: uppercase; overflow-wrap: break-word; margin-right: 2em;
}

.off-canvas-cart-widget .woocommerce-mini-cart .quantity,
.off-canvas-cart-widget .woocommerce-Price-amount.amount {
    font-size: 1em; color: var(--Dark-Charcoal);
}

.off-canvas-cart-widget .widget_shopping_cart_content .cart_list li a.remove {
    background: #EFEFEF; width: 15px; height: 15px; line-height: 15px;
    font-size: 1em; color: var(--Bright-Orange) !important; margin: 4px 10px 0 0;
}

.off-canvas-cart-widget .woocommerce-mini-cart__buttons {
    flex-direction: unset; margin: 0;
}

.off-canvas-cart-widget .woocommerce.widget_shopping_cart .buttons a {
    border: none; border-radius: 0; background: #666; color: white; margin: 0;
}

.off-canvas-cart-widget .woocommerce.widget_shopping_cart .total {
    background: #f2f2f2; margin: 0; padding: 15px; border-top: 1px solid #dedcdc;
}

.off-canvas-cart-widget .widget_shopping_cart_content .buttons a.checkout {
    background: var(--Bright-Green);
}

.off-canvas-cart-widget ul.product_list_widget li a img {
    width: 80px; margin: 5px 15px 5px 10px; border: unset;
}

.woocommerce-mini-cart__empty-message { text-align: center; }

@media only screen and (max-width: 991px) { .off-canvas-cart { width: 90%; } }