/* SHOP-1.0.16 FIX4 - CART MOBILE HORIZONTAL SCROLL HINT
   QA audit: the cart product table on mobile requires a right-swipe to
   reach quantity/price/remove, but nothing visually signals that it's
   scrollable — .table-responsive's native scrollbar is styled down to
   a 2px sliver (see style.css) that most touch browsers auto-hide
   entirely. CSS-only fade on the right edge, matching the same
   fade-to-white pattern already used for the "block-expand" read-more
   overlay elsewhere in this theme. Decorative and not scroll-aware (it
   doesn't disappear once fully scrolled) by design, per the simple
   CSS-only approach asked for. */

@media (max-width: 767px) {
    .cart-table .table-responsive {
        position: relative;
    }

    .cart-table .table-responsive::after {
        content: "";
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        width: 28px;
        background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.9));
        pointer-events: none;
    }
}