.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;
        }

        .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;
            }
        }

        .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;
        }

        .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;
        }

        .custom-field-badge:hover {
            background-color: #ced4da;
        }
@media (max-width: 1024px) {
            .summary-box {
                margin-top: 20px;
            }
        }

.quantity-control button:hover{background:#ffeddc;color:#ff6500}.quantity-control input{background:#fff;color:#1f2937}.cart-image{background:#eef2f6;border:1px solid #e5e7eb}.summary-box .btn-warning{background:#ff8a00;color:#fff}.summary-box .btn-warning:hover{background:#ff6f00}.summary-box .btn-success{background:#ff6500}.summary-box .btn-success:hover{background:#e45a00}html[data-theme="dark"] .cart-table{background:#111b2e!important;color:#eef3fb!important;border-color:#2b3a52!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}html[data-theme="dark"] .cart-table thead th{background:#162238!important;color:#fff!important;border-color:#2b3a52!important}html[data-theme="dark"] .cart-table td{color:#e8eef9!important;border-color:#2b3a52!important;background:#111b2e!important}html[data-theme="dark"] .text-muted{color:#b7c3d5!important}html[data-theme="dark"] .custom-field-badge{background:#162238!important;color:#eef3fb!important;border:1px solid #33445f}html[data-theme="dark"] .custom-field-icon{color:#ff8a2a!important}html[data-theme="dark"] .quantity-control{border-color:#33445f!important;background:#162238!important}html[data-theme="dark"] .quantity-control button,html[data-theme="dark"] .quantity-control input{background:#162238!important;color:#fff!important}html[data-theme="dark"] .quantity-control button:hover{background:#1d2d47!important;color:#ff9a55!important}html[data-theme="dark"] .cart-image{background:#162238!important;border-color:#33445f!important}html[data-theme="dark"] .summary-box,html[data-theme="dark"] .empty-cart-card{background:#111b2e!important;color:#eef3fb!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;border:1px solid #2b3a52!important}html[data-theme="dark"] .summary-box h5,html[data-theme="dark"] .summary-box .total-line,html[data-theme="dark"] .empty-cart-card .card-title{color:#fff!important;border-color:#2b3a52!important}html[data-theme="dark"] .summary-box .line-item,html[data-theme="dark"] .empty-cart-card .card-text,html[data-theme="dark"] #grand-total,html[data-theme="dark"] #summary-subtotal,html[data-theme="dark"] #summary-total{color:#d8e0ee!important}html[data-theme="dark"] .form-check-label,html[data-theme="dark"] .form-check-label a{color:#e8eef9!important}