/* نافذة «تمت الإضافة للسلة» — منسوخ من متجر محمد بكري (2026-10-23) */


    /* Cart Modal Styles */
    .cart-modal-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.85);
        backdrop-filter: blur(8px);
        z-index: 5000;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .cart-modal-overlay.active {
        opacity: 1;
        visibility: visible;
    }
    
    .cart-modal {
        background: linear-gradient(145deg, #1a1a2e, #0f0f23);
        border-radius: 24px;
        padding: 40px;
        max-width: 420px;
        width: 90%;
        text-align: center;
        transform: scale(0.8) translateY(50px);
        transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
        border: 2px solid rgba(0, 212, 255, 0.4);
        box-shadow: 0 0 60px rgba(0, 212, 255, 0.15), 
                    0 25px 80px rgba(0, 0, 0, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }
    
    .cart-modal-overlay.active .cart-modal {
        transform: scale(1) translateY(0);
    }
    
    .cart-modal-icon {
        width: 110px;
        height: 110px;
        margin: 0 auto 25px;
        background: linear-gradient(135deg, #00d4ff 0%, #0099cc 50%, #007acc 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3rem;
        color: #fff;
        animation: cartBounce 0.6s ease;
        box-shadow: 0 15px 50px rgba(0, 212, 255, 0.4),
                    0 0 30px rgba(0, 212, 255, 0.2);
    }
    
    @keyframes cartBounce {
        0% { transform: scale(0); }
        50% { transform: scale(1.2); }
        70% { transform: scale(0.9); }
        100% { transform: scale(1); }
    }
    
    .cart-modal h3 {
        font-size: 1.6rem;
        margin-bottom: 10px;
        color: var(--text-primary);
    }
    
    .cart-modal p {
        color: var(--text-secondary);
        margin-bottom: 30px;
        font-size: 1rem;
    }
    
    .cart-modal-product {
        display: flex;
        align-items: center;
        gap: 15px;
        background: rgba(0, 0, 0, 0.4);
        padding: 15px 20px;
        border-radius: 16px;
        margin-bottom: 25px;
        text-align: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.05);
    }
    
    .cart-modal-product img {
        width: 75px;
        height: 75px;
        border-radius: 12px;
        object-fit: cover;
    }
    
    .cart-modal-product-info {
        text-align: center;
    }
    
    .cart-modal-product-info h4 {
        font-size: 1rem;
        margin-bottom: 8px;
        color: var(--text-primary);
        font-weight: 600;
    }
    
    .cart-modal-product-info span {
        color: #00d4ff;
        font-weight: 700;
        font-size: 1.1rem;
    }
    
    /* SAR Symbol in modal */
    .cart-modal-product-info .sar-symbol {
        display: inline-block;
        width: 1em;
        height: 1.1em;
        vertical-align: -0.15em;
        margin-right: 2px;
        background-color: #00d4ff;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1124.14 1256.39'%3E%3Cpath d='M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z'/%3E%3Cpath d='M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1124.14 1256.39'%3E%3Cpath d='M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z'/%3E%3Cpath d='M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z'/%3E%3C/svg%3E");
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
    }
    
    .cart-modal-actions {
        display: flex;
        gap: 12px;
    }
    
    .cart-modal-btn {
        flex: 1;
        padding: 14px 20px;
        border-radius: 12px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: none;
        font-family: inherit;
    }
    
    .cart-modal-btn.primary {
        background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
        color: #000;
    }
    
    .cart-modal-btn.primary:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 30px rgba(0, 212, 255, 0.4);
    }
    
    .cart-modal-btn.secondary {
        background: transparent;
        color: var(--text-primary);
        border: 2px solid rgba(255, 255, 255, 0.2);
    }
    
    .cart-modal-btn.secondary:hover {
        border-color: var(--primary);
        color: var(--primary);
    }
    
    @media (max-width: 480px) {
        .cart-modal { padding: 30px 20px; }
        .cart-modal-actions { flex-direction: column; }
        .cart-modal-icon { width: 80px; height: 80px; font-size: 2.5rem; }
    }