@media(max-width:767px){
 .mh-acts-carousel{display:flex;overflow-x:auto;overflow-y:hidden;gap:0;scrollbar-width:none;margin:0 -16px;padding:4px 0 10px;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
 .mh-acts-carousel::-webkit-scrollbar{display:none}
 .mh-acts-group{display:flex;flex:0 0 auto;gap:12px;padding-right:12px}
 html body .mh-act-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;flex:0 0 128px;width:128px;min-height:144px;padding:18px 10px;box-sizing:border-box;border:1px solid #365675;border-radius:13px;background:#102e4d!important;text-align:center;font:13px/1.35 Arial,sans-serif;color:#edf2f8!important}
 html body .mh-act-card .nphk-act-icon{background:transparent!important;width:34px;height:34px;color:#d5ae67!important}
 html body .mh-act-card svg{width:32px;height:32px;fill:none;stroke:#d5ae67!important}
 .mh-register-list{display:grid;gap:10px}
 html body .mh-register-card{display:flex;align-items:center;gap:13px;padding:16px 13px;border:1px solid #365675;border-radius:12px;background:#102e4d!important;color:#edf2f8!important;font:15px/1.4 Arial,sans-serif}
 html body .mh-register-card i{color:#d5ae67!important;flex:0 0 26px;text-align:center;font-size:23px}
 .mh-register-card span:nth-of-type(1){flex:1}
 html body .mh-register-card span[aria-hidden]{color:#d5ae67!important}
 .mh-acts-carousel:focus-visible{outline:2px solid #d5ae67;outline-offset:3px}
}

@media(max-width:767px){.mh-acts-group{padding-left:16px;padding-right:16px}.mh-acts-carousel{scroll-padding-inline:16px}}