/* // CSS TAW MAILBOX // */
.taw-mb-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.taw-mb-box { background: #fff; border: 1px solid #E3ECEF; border-top: 4px solid #00ADBC; border-radius: 14px; padding: 22px; margin-bottom: 20px; }
.taw-mb-box h2 { font-size: 21px; margin: 0 0 12px; }
.taw-mb-address { background: #E8F7F8; border-left: 4px solid #00ADBC; padding: 14px 18px; border-radius: 8px; font-size: 16px; line-height: 1.6; }
.taw-mb-small { font-size: 14px !important; color: #5b6b73; }
.taw-mb-expired { color: #FF775E; font-weight: 700; }
.taw-mb-ok { background: #E8F7F8; border-radius: 10px; padding: 12px 16px; margin-bottom: 16px; color: #123B4A; }
.taw-mb-toggle { display: flex; gap: 10px; align-items: flex-start; font-weight: 700; }
.taw-mb-toggle input { margin-top: 5px; }
.taw-mb-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 10px 0 20px; }
.taw-mb-plan { position: relative; border: 1px solid #E3ECEF; border-radius: 14px; padding: 20px; background: #fff; }
.taw-mb-plan-best { border: 2px solid #1b8a9f; }
.taw-mb-badge { position: absolute; top: -12px; left: 18px; background: #1b8a9f; color: #fff; font-size: 12px; font-weight: 800; padding: 3px 10px; border-radius: 999px; }
.taw-mb-plan h3 { margin: 0 0 4px; }
.taw-mb-price { font-size: 30px !important; font-weight: 800; color: #123B4A; margin: 0 0 10px; }
.taw-mb-plan ul { margin: 0 0 14px 18px; }
.taw-mb-table td, .taw-mb-table th { font-size: 14px !important; }
.taw-mb-box textarea { width: 100%; border-radius: 10px; }
@media (max-width: 767px) { .taw-mb-grid { grid-template-columns: 1fr; } }