/* لینک سبد خرید */
        .basket-link {
            background: #fff;
            border: 2px solid #1e90ff;
            color: #333;
            transition: all 0.4s ease;
            z-index: 1;
        }

        .basket-link:hover {
            background: #1e90ff;
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
        }

        /* آیکون سبد خرید */
        .basket-icon img {
            width: 40px;
            height: 40px;
            transition: transform 0.4s ease;
        }

        .basket-link:hover .basket-icon img {
            transform: scale(1.3) rotate(-15deg);
        }

        /* شمارنده */
        .basket-count {
            background-color: #ff4d4f !important;
            color: #fff;
            font-size: 0.75rem;
            width: 22px;
            height: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        }

        /* متن */
        .basket-text .basket-title {
            font-size: 1rem;
        }

        .basket-text .basket-subtitle {
            font-size: 0.85rem;
        }

        /* خطوط hover متحرک */
        .hover-line {
            position: absolute;
            background: #fff;
            transition: all 0.4s ease;
            z-index: 2;
        }

        .top-line,
        .bottom-line {
            height: 2px;
            width: 0%;
        }

        .left-line,
        .right-line {
            width: 2px;
            height: 0%;
        }

        .top-line {
            top: 0;
            left: 0;
        }

        .bottom-line {
            bottom: 0;
            right: 0;
        }

        .left-line {
            top: 0;
            left: 0;
        }

        .right-line {
            bottom: 0;
            right: 0;
        }

        .basket-link:hover .top-line,
        .basket-link:hover .bottom-line {
            width: 100%;
        }

        .basket-link:hover .left-line,
        .basket-link:hover .right-line {
            height: 100%;
        }

        /* ریسپانسیو */
        @media (max-width: 576px) {
            .basket-link {
                gap: 1rem;
                padding: 6px 12px;
            }

            .basket-icon img {
                width: 32px;
                height: 32px;
            }

            .basket-text .basket-title {
                font-size: 0.9rem;
            }

            .basket-text .basket-subtitle {
                font-size: 0.75rem;
            }
        }