.cart-table thead th {
            background: #f1f1f1;
            font-weight: 600;
            text-align: center;

        }
        .cart-table td {
            vertical-align: middle;

        }
        .cart-table {
            box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);

        }
        .cart-image {
            width: 80px;
            height: 80px;
            object-fit: cover;
            border-radius: 5px;
        }

        .quantity-control {
            display: inline-flex;
            border: 1px solid #ccc;
            border-radius: 5px;
            overflow: hidden;
        }

        .quantity-control button {
            background: #fff;
            border: none;
            width: 30px;
            font-weight: bold;
            cursor: pointer;
        }

        .quantity-control input {
            width: 40px;
            text-align: center;
            border: none;
        }

        /* Kiçildilmiş ödəniş xülasəsi */
        .summary-box {
            background: #ffffff;
            border-radius: 12px;
            padding: 15px;
            font-size: 0.9rem;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
        }


        .summary-box h5 {
            font-weight: 700;
            margin-bottom: 15px;
            color: #333;
            border-bottom: 2px solid #f1f1f1;
            padding-bottom: 8px;
            font-size: 1rem;
        }

        .summary-box .line-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
            font-size: 0.9rem;
            color: #555;
        }

        .summary-box .total-line {
            font-size: 1rem;
            font-weight: 700;
            color: #000;
            border-top: 2px solid #f1f1f1;
            padding-top: 10px;
            margin-top: 10px;
        }

        .summary-box .btn {
            width: 100%;
            margin-bottom: 10px;
            font-weight: 600;
            padding: 10px;
            border: none;
            border-radius: 6px;
            transition: background-color 0.3s ease, transform 0.1s ease;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            font-size: 0.9rem;
        }

        .summary-box .btn-success {
            background: #28a745;
            color: #fff;
        }

        .summary-box .btn-success:hover {
            background: #218838;
        }

        .summary-box .btn-success:active {
            transform: scale(0.98);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .summary-box .btn-warning {
            background: #ffc107;
            color: #212529;
        }

        .summary-box .btn-warning:hover {
            background: #e0a800;
        }

        .summary-box .btn-warning:active {
            transform: scale(0.98);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .empty-cart-card {
            border: none;
            border-radius: 15px;
            background: #fff;
            box-shadow: 0 0 15px rgba(0,0,0,0.05);
        }

        .empty-cart-card .card-body {
            padding: 40px 20px;
        }

        .empty-cart-card .card-title {
            font-weight: 700; 
            color: #333;
        }

        .empty-cart-card .card-text {
            color: #777; 
            font-size: 1.1rem;
        }

        .empty-cart-button {
            background: #28a745;
            color: #fff; 
            font-weight: 600; 
            padding: 10px 20px; 
            border-radius: 5px;
            text-decoration: none;
        }

        .row {
            align-items: start; 
        }

        @media(max-width: 576px) {
            .summary-box {
                padding: 10px;
                font-size: 0.85rem;
            }
            .summary-box h5 {
                font-size: 0.95rem;
                margin-bottom: 10px;
                padding-bottom: 5px;
            }
            .summary-box .line-item,
            .summary-box .total-line {
                font-size: 0.85rem;
            }
            .summary-box .btn {
                padding: 8px;
                font-size: 0.85rem;
            }
        }

        /* SweetAlert2 Popup Özelleştirme */
        .swal2-popup {
            width: auto !important;
            padding: 20px;
            background-color: #fff !important;
            border-radius: 8px !important;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;
            font-size: 14px;
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 9999;
            max-width: 350px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            flex-direction: column;
        }

        .swal2-title {
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            font-size: 13px;
            color: #333;
            margin-bottom: 5px;
        }

        .swal2-html-container {
            font-family: 'Arial', sans-serif;
            font-size: 13px !important;
            color: #555;
            margin-bottom: 10px !important;
        }

        .swal2-icon {
            font-size: 13px !important;
            margin-bottom: 10px;
            margin-right: 0;
        }

        .swal2-success {
            color: #28a745;
        }

        .swal2-error {
            color: #dc3545;
        }

        .swal2-confirm {
            background-color: #28a745 !important;
            color: #fff !important;
            border-radius: 8px !important;
            font-weight: bold;
        }

        .swal2-cancel {
            background-color: #dc3545 !important;
            color: #fff !important;
            border-radius: 8px !important;
            font-weight: bold;
        }

        /* Özəl Sahələr üçün əlavə stil */
        .custom-field-badge {
            background-color: #e9ecef;
            color: #495057;
            padding: 5px 10px;
            border-radius: 15px;
            font-size: 0.875rem;
        }

        .custom-field-icon {
            margin-right: 5px;
            color: #17a2b8;
        }

        /* Hover effektləri */
        .custom-field-badge:hover {
            background-color: #ced4da;
        }
@media (max-width: 1024px) {
            /* Səbət boş olduqda ödəniş xülasəsi qutusunun yuxarıdan boşluğu artsın */
            .summary-box {
                margin-top: 20px;
            }
        }