
.tbm4-wrapper{max-width:720px;margin:auto}
.tbm4-date-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.tbm4-date-item{display:flex;align-items:center;justify-content:space-between;background:#f6f6f6;border:2px solid #ccc;border-radius:25px;padding:10px 16px;cursor:pointer}
.tbm4-date-item.active{background:#0073aa;color:#fff;border-color:#0073aa}
.tbm4-slot-box{display:flex;flex-direction:column;align-items:center;justify-content:center}
.tbm4-slot-label{font-size:10px;color:#777}
.tbm4-slot-number{background:#e02424;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;animation:pulse 1.5s infinite}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}
.tbm4-box{background:#f6f6f6;border:2px solid #ccc;border-radius:25px;padding:12px 16px;margin-bottom:12px}
.tbm4-field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f6f6f6;border:none;border-radius:25px;padding:14px 48px 14px 16px;font-size:16px;line-height:1.3;width:100%;
background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 16px center}
.tbm4-qty-block{display:flex;align-items:center;justify-content:space-between}
.tbm4-qty-control{display:flex;align-items:center;gap:10px;width:220px}
.tbm4-btn{width:34px;height:34px;border-radius:50%;border:1px solid #333;background:#333;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}
.tbm4-btn:hover{background:#111;border-color:#111}
.tbm4-qty-control input{text-align:center;width:56px;border:1px solid #ddd;border-radius:6px;font-weight:600}
#tbm4-submit{margin-top:16px;padding:12px 20px;background:#0073aa;color:#fff;border:none;border-radius:8px;cursor:pointer}
.tbm4-addons{display:flex;flex-direction:column;gap:8px}
.tbm4-addon-item{background:#f6f6f6;border:none;border-radius:25px;padding:10px 16px;display:flex;align-items:center;gap:8px}
.tbm4-addon-price{margin-left:auto;font-weight:600}
.tbm4-pickup-desc{font-size:12px;color:#555;margin-top:6px}
.tbm4-capacity-error{display:none;margin:10px 0;padding:10px 12px;border-radius:12px;background:#fff3f3;border:1px solid #f5c2c2;color:#8a1f1f;font-weight:600}

/* Force bright red for Slots Left badge */
.tbm4-slot-number {
    background: #e02424 !important;
    color: #fff !important;
    border-color: #e02424 !important;
}
.tbm4-date-row .tbm4-slot-wrapper .tbm4-slot-number {
    background: #e02424 !important;
    color: #fff !important;
    border-color: #e02424 !important;
}
.tbm4-slot-number:hover,
.tbm4-slot-number:active,
.tbm4-slot-number:focus {
    background: #c81e1e !important;
    color: #fff !important;
}
