/* Keep the cart page's empty state clean and consistent with MUSK. */
.woocommerce-cart .musk-ecp-message {
    display: block;
    margin: 0 auto;
    color: #77624f;
    font-size: 20px;
    line-height: 1.55;
    text-align: center;
}

.woocommerce-cart .musk-ecp-premium-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    margin: 0 auto 24px;
    border: 1px solid rgba(177, 132, 77, .38);
    border-radius: 50%;
    background: linear-gradient(145deg, #fffdf8, #f5efe4);
    color: #a47a43;
    box-shadow: 0 8px 24px rgba(74, 55, 34, .08);
}

.woocommerce-cart .musk-ecp-premium-state {
    padding: 28px 16px 34px;
    text-align: center;
}

.woocommerce-cart .musk-ecp-premium-icon svg {
    display: block;
    width: 40px;
    height: 40px;
}

.woocommerce-cart .musk-ecp-shop-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin: 24px auto 0;
    padding: 12px 24px;
    border: 0;
    border-radius: 8px;
    background: #6c876e;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-cart .musk-ecp-shop-button:hover,
.woocommerce-cart .musk-ecp-shop-button:focus {
    background: #58725a;
    color: #fff;
}

/* Common theme variants for empty-cart icons and pseudo-icons. */
.woocommerce-cart .cart-empty::before,
.woocommerce-cart .cart-empty::after,
.woocommerce-cart .cart-empty-icon,
.woocommerce-cart .empty-cart-icon,
.woocommerce-cart .woocommerce-cart-empty-icon,
.woocommerce-cart .wd-empty-cart-icon,
.woocommerce-cart .wd-cart-empty-icon,
.woocommerce-cart .cart-empty-illustration,
.woocommerce-cart .empty-cart-illustration,
.woocommerce-cart .empty-cart-image,
.woocommerce-cart .cart-empty-image,
.woocommerce-cart .empty-cart-content > svg,
.woocommerce-cart .cart-empty-content > svg {
    display: none !important;
}

@media (max-width: 600px) {
    .woocommerce-cart .musk-ecp-message {
        max-width: 92%;
        font-size: 17px;
    }
}