[contenteditable="true"] {
            outline: 2px dashed red;
            padding: 3px;
        }

        .edit-image-btn {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background: #000;
            color: #fff;
            z-index: 999999;
            padding: 6px 8px;
            font-size: 14px;
            cursor: pointer;
            border-radius: 4px;
        }

        .edit-image-btn:hover {
            background: #f53f85;
        }

        .contact-area {
            background: #f8f9fb;
        }

        /* Top user info */
        .dashboard-upper-info {
            background: #fff;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            margin-bottom: 30px;
        }

        .d-single-info p {
            margin: 0;
            font-size: 14px;
            color: #777;
        }

        .d-single-info .font-weight-600 {
            font-weight: 600;
            color: #222;
        }

        /* Sidebar */
        .dashboard-list {
            background: #fff;
            border-radius: 10px;
            padding: 15px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }

        .dashboard-list .nav-link {
            color: #444;
            padding: 10px 15px;
            border-radius: 6px;
            margin-bottom: 5px;
            transition: 0.3s;
        }

        .dashboard-list .nav-link:hover,
        .dashboard-list .nav-link.active {
            background: #f53f85;
            color: #fff;
        }

        /* Content area */
        .dashboard-content {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }

        /* Profile section */
        .profile-img {
            display: flex;
            align-items: center;
        }

        .profile-img img {
            border-radius: 50%;
            border: 2px solid #eee;
        }

        .profile-img .detail h5 {
            font-size: 18px;
            font-weight: 600;
        }

        /* Stats */
        .profile-order {
            display: flex;
            justify-content: space-between;
            list-style: none;
            padding: 0;
        }

        .profile-order li {
            text-align: center;
            flex: 1;
        }

        .profile-order h3 {
            font-size: 20px;
            color: #f53f85;
        }

        /* Tables */
        .table {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
        }

        .table thead {
            background: #f1f1f1;
        }

        .table th {
            font-weight: 600;
            font-size: 14px;
        }

        .table td {
            font-size: 14px;
            vertical-align: middle;
        }

        /* Buttons */
        .btn-primary {
            background: #f53f85;
            border: none;
        }

        .btn-primary:hover {
            background: #f53f85;
        }

        /* Address cards */
        .list-address .col-12 {
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }

        /* Forms */
        .form-control,
        input[type="text"],
        input[type="email"],
        input[type="tel"],
        select {
            border-radius: 6px;
            border: 1px solid #ddd;
            padding: 10px;
            font-size: 14px;
        }

        .form-control:focus {
            border-color: #f53f85;
            box-shadow: none;
        }

        /* Section headings */
        h3 {
            font-weight: 600;
            margin-bottom: 15px;
        }

        /* Responsive fix */
        @media (max-width: 768px) {
            .profile-order {
                flex-direction: column;
                gap: 10px;
            }
        }

        /* Page background */
        .checkout-success-content {
            background: #f8f9fb;
        }

        /* Card container */
        .checkout-item-ordered {
            background: #fff;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
        }

        /* Header (order info) */
        .delivery-date {
            background: #f5f5f5;
            padding: 12px 15px;
            border-radius: 8px;
            font-size: 14px;
            margin-bottom: 20px;
        }

        /* Table */
        .checkout-review table {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
        }

        .checkout-review th {
            background: #f1f1f1;
            font-weight: 600;
            font-size: 14px;
        }

        .checkout-review td {
            vertical-align: middle;
            font-size: 14px;
        }

        /* Product image */
        .pro-img img {
            border-radius: 6px;
            border: 1px solid #eee;
        }

        /* Totals section */
        tfoot td {
            font-size: 14px;
            padding: 10px;
        }

        tfoot .total {
            font-size: 16px;
            color: #f53f85;
        }

        /* Address & payment cards */
        .shipping-details,
        .billing-details {
            /* background: #fff; */
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }

        .shipping-details h3,
        .billing-details h3 {
            font-size: 16px;
            margin-bottom: 10px;
            font-weight: 600;
        }

        /* Status colors (pill style) */
        .text-success,
        .text-danger,
        .text-warning,
        .text-primary,
        .text-info {
            font-weight: 600;
        }

        /* Button */
        .cart-continue {
            margin-top: 15px;
            display: inline-block;
            color: #f53f85;
            font-weight: 500;
        }

        .cart-continue:hover {
            text-decoration: underline;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .delivery-date {
                flex-direction: column;
                gap: 10px;
            }
        }