.date-ticket-card {
    background: #fff; border-radius: 18px;
    box-shadow: 0 3px 20px rgba(13,27,110,.08);
    overflow: hidden; transition: transform .2s, box-shadow .2s;
    border: 2px solid transparent;
}
.date-ticket-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(13,27,110,.14);
    border-color: rgba(13,27,110,.1);
}
.dtc-head {
    background: linear-gradient(135deg, #050b2e, #1e40af);
    padding: 1rem 1.4rem;
    display: flex; align-items: center; justify-content: space-between;
}
.dtc-body { padding: 1.2rem 1.4rem 1.4rem; }
.dtc-row {
    display: flex; justify-content: space-between;
    font-size: .82rem; padding: .4rem 0;
    border-bottom: 1px solid #f5f5f5;
}
.dtc-row:last-child { border: none; }
.dtc-label { color: #999; font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; }
.dtc-val { font-weight: 600; color: #1a1a2e; }
.btn-select-date {
    background: linear-gradient(135deg, #0f1f6e, #2563eb);
    color: #fff; border: none; border-radius: 12px;
    padding: .75rem 1rem; font-weight: 700; font-size: .88rem;
    width: 100%; transition: .2s; letter-spacing: .02em;
}
.btn-select-date:hover { opacity: .9; color: #fff; box-shadow: 0 8px 20px rgba(13,27,110,.3); }
.sold-btn {
    background: #f1f1f1; color: #aaa; border-radius: 12px;
    padding: .75rem; font-size: .88rem; width: 100%;
    font-weight: 600; cursor: not-allowed; border: none;
}

@media (max-width: 768px) {
    .dtc-head { padding: .85rem 1.1rem; }
    .dtc-body { padding: 1rem 1.1rem 1.2rem; }
}

@media (max-width: 480px) {
    .date-ticket-card { border-radius: 14px; }
    .dtc-head { flex-direction: column; align-items: flex-start; gap: .5rem; }
    .btn-select-date { font-size: .85rem; padding: .7rem; }
    .sold-btn { font-size: .85rem; padding: .7rem; }
}