.mhp-calendar{margin-top:35px}
.mhp-calendar .filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:42px;overflow:visible}
.mhp-calendar .filter{appearance:none;-webkit-appearance:none;font-family:inherit;font-weight:400;font-size:18px;line-height:1;color:var(--tp-common-black,#000);background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:30px;padding:16px 38px;cursor:pointer;transition:all .4s ease}
.mhp-calendar .filter:hover,.mhp-calendar .filter.active{background:var(--tp-common-black,#000);color:var(--tp-common-white,#fff);border-color:var(--tp-common-black,#000)}
.mhp-calendar .schedule{display:grid;gap:16px}
.mhp-calendar .event{background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:24px 28px;display:flex;align-items:center;gap:28px;box-shadow:none;transition:border-color .3s ease}
.mhp-calendar .event:hover{border-color:rgba(0,0,0,.22)}
.mhp-calendar .datebox{width:82px;height:82px;border-radius:50%;background:#f56f9f;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 82px}
.mhp-calendar .datebox strong{color:#fff;font-size:25px;line-height:1;font-weight:600;letter-spacing:-.03em}
.mhp-calendar .datebox span{color:#fff;font-size:11px;line-height:1;margin-top:5px;font-weight:600}
.mhp-calendar .event-main{min-width:0}
.mhp-calendar .time{font-size:13px;line-height:1.3;color:#777;margin-bottom:5px}
.mhp-calendar .event h2{margin:0 0 7px;font-size:21px;line-height:1.2;font-weight:500;letter-spacing:-.02em;color:var(--tp-common-black,#000)}
.mhp-calendar .meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;line-height:1.4;color:#595959}
.mhp-calendar .event p{margin:7px 0 0;color:#595959;font-size:16px;line-height:1.5}
.mhp-calendar .empty{background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:30px}
@media(max-width:767px){.mhp-calendar .filters{gap:8px;margin-bottom:28px}.mhp-calendar .filter{font-size:15px;padding:12px 24px}.mhp-calendar .event{padding:18px;gap:16px;align-items:flex-start}.mhp-calendar .datebox{width:66px;height:66px;flex-basis:66px}.mhp-calendar .datebox strong{font-size:21px}.mhp-calendar .event h2{font-size:19px}}
@media(max-width:480px){.mhp-calendar .event{padding:16px 14px;gap:12px}.mhp-calendar .datebox{width:58px;height:58px;flex-basis:58px}.mhp-calendar .datebox strong{font-size:19px}.mhp-calendar .meta{gap:8px 12px}}