.card {
    background: rgba(255, 248, 235, 0.95);
    border-radius: 12px;
    padding: 2px;
    height: 100%;
    box-shadow: 0 6px 18px rgba(0,0,0,0.2);
    transition: 0.25s;
    border: 1px solid #e6d3b3;

    border: 2px solid #caa36b;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);

    background: linear-gradient(145deg, #fffaf2, #f3e1c7);
}

.card::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 2px dashed rgba(139,90,43,0.35);
    border-radius: 10px;
    pointer-events: none;
}


.card:hover {
    transform: translateY(-5px);
    transition: all 0.2s ease-in-out;
}

.card-title {
    font-weight: 600;
    color: #5a2d0c;
}

.card-desc {
    color: #666;
    font-size: 0.95rem;
}

table td {
    font-size: 0.95rem;
}

.table {
    --bs-table-bg: transparent;
}

.card-table td{
    /* background: rgba(255, 248, 235, 0.95); */
    color: #8b5e3c;
}


.table td.card-price {
    color: #5a2d0c;
    font-weight: 700;
    font-size: 1.1rem;
}