.site-footer__zalo-label, .site-footer__zalo-follow {
  display: none;
}

@media (max-width: 760px) {
  html:has(.site-footer--mobile-design) {
    scrollbar-width: none;
  }
  html:has(.site-footer--mobile-design)::-webkit-scrollbar {
    display: none;
  }
  .site-footer.site-footer--mobile-design .site-footer__masthead {
    display: block;
    width: 100%;
    height: 67px;
    margin: 0;
    font: 700 48px/64px var(--font);
    letter-spacing: -0.05em;
    color: #1d1d1d;
    background: #fff;
  }
  .site-footer.site-footer--mobile-design .site-footer__ribbon {
    height: 30px;
    background: #fffbef;
  }
  .site-footer.site-footer--mobile-design .site-footer__ribbon-track {
    width: max-content;
    gap: 12px;
    padding-inline: 8px;
  }
  .site-footer.site-footer--mobile-design .site-footer__ribbon-track > img {
    flex: 0 0 132px;
    width: 132px;
    height: 10px;
  }
  .site-footer.site-footer--mobile-design .site-footer__ribbon-mark {
    transform: scale(0.8);
    margin-inline: -3.6px;
  }
  .site-footer.site-footer--mobile-design .site-footer__body {
    padding: 40px 24px 64px;
    color: #fff;
    background: #f62837;
  }
  .site-footer.site-footer--mobile-design .site-footer__grid {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    min-height: 0;
    gap: 32px;
    margin: 0;
  }
  .site-footer.site-footer--mobile-design .site-footer__center {
    order: 0;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .site-footer.site-footer--mobile-design .site-footer__logo {
    height: 83px;
  }
  .site-footer.site-footer--mobile-design .site-footer__logo-mark {
    width: 120px;
    height: 83px;
  }
  .site-footer.site-footer--mobile-design .site-footer__slogan {
    width: 100%;
    height: auto;
    margin: 24px 0;
  }
  .site-footer.site-footer--mobile-design .newsletter {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
  .site-footer.site-footer--mobile-design .newsletter input, .site-footer.site-footer--mobile-design .newsletter button {
    flex: none;
    width: 100%;
    height: 54px;
    margin: 0;
    padding: 16px 24px;
    font: 400 16px/22px var(--font);
    border-radius: 3px;
  }
  .site-footer.site-footer--mobile-design .newsletter input {
    border: 1px solid #d9d9d9;
    color: #f8ffe4;
  }
  .site-footer.site-footer--mobile-design .newsletter input::placeholder {
    color: #f8ffe4;
  }
  .site-footer.site-footer--mobile-design .newsletter button {
    background: #fff;
    color: #1d1d1d;
  }
  .site-footer.site-footer--mobile-design .newsletter__status:empty {
    display: none;
  }
  .site-footer.site-footer--mobile-design .newsletter__status:not(:empty) {
    margin: 8px 0 0;
  }
  .site-footer.site-footer--mobile-design .site-footer__products {
    order: 1;
  }
  .site-footer.site-footer--mobile-design h2 {
    margin: 0 0 16px;
    color: #f8ffe4;
    font: 900 24px/28px var(--font);
  }
  .site-footer.site-footer--mobile-design .site-footer__products > a, .site-footer.site-footer--mobile-design .site-footer__products > span {
    display: block;
    max-width: 100%;
    margin: 0 0 16px;
    font: 400 16px/22px var(--font);
  }
  .site-footer.site-footer--mobile-design .site-footer__about {
    margin: 32px 0 0;
  }
  .site-footer.site-footer--mobile-design .site-footer__contact {
    display: flex;
    flex-direction: column;
    order: 2;
    text-align: left;
  }
  .site-footer.site-footer--mobile-design .site-footer__contact > h2:not(.site-footer__news), .site-footer.site-footer--mobile-design .site-footer__contact-block {
    order: initial;
  }
  .site-footer.site-footer--mobile-design .site-footer__news {
    order: -1;
    margin: 0 0 32px;
  }
  .site-footer.site-footer--mobile-design .site-footer__news a {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.25em;
  }
  .site-footer.site-footer--mobile-design .site-footer__news br {
    display: none;
  }
  .site-footer.site-footer--mobile-design .site-footer__contact-block {
    margin: 0 0 16px;
    color: #fff;
    font: 400 16px/22px var(--font);
  }
  .site-footer.site-footer--mobile-design .site-footer__contact-block:last-of-type {
    margin-bottom: 0;
  }
  .site-footer.site-footer--mobile-design .site-footer__bottom {
    width: 100%;
    max-width: none;
    margin: 32px 0 0;
    align-items: flex-start;
    gap: 4px;
    color: #fff;
    text-align: left;
  }
  .site-footer.site-footer--mobile-design .site-footer__channels {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
    margin: 0 0 28px;
  }
  .site-footer.site-footer--mobile-design .site-footer__channel-group {
    width: 100%;
    align-items: flex-start;
  }
  .site-footer.site-footer--mobile-design .site-footer__channel-group[data-footer-group="1"], .site-footer.site-footer--mobile-design .site-footer__channel-label {
    display: none;
  }
  .site-footer.site-footer--mobile-design .site-footer__channel-icons {
    display: grid;
    grid-template-columns: 40px 46px 40px minmax(0, 1fr);
    gap: 24px;
    width: 100%;
  }
  .site-footer.site-footer--mobile-design .site-footer__channel[data-footer-channel=facebook] {
    grid-area: 1/1;
  }
  .site-footer.site-footer--mobile-design .site-footer__channel[data-footer-channel=youtube] {
    grid-area: 1/2;
  }
  .site-footer.site-footer--mobile-design .site-footer__channel[data-footer-channel=tiktok] {
    grid-area: 1/3;
  }
  .site-footer.site-footer--mobile-design .site-footer__channel:not(.site-footer__channel--zalo) {
    height: 40px;
  }
  .site-footer.site-footer--mobile-design .site-footer__channel--zalo {
    grid-area: 2/1/3/-1;
    display: flex;
    justify-content: flex-start;
    width: max-content;
    max-width: 100%;
    height: 38.4px;
    gap: 9.6px;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
  }
  .site-footer.site-footer--mobile-design .site-footer__channel--zalo img {
    flex: none;
    width: 25.6px;
    height: 25.6px;
    margin-left: 6.4px;
    border-radius: 6px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1333333333);
  }
  .site-footer.site-footer--mobile-design .site-footer__zalo-label {
    display: block;
    flex: 0 0 155px;
    margin-right: 2.4px;
    font: 700 16px/23px var(--font);
    white-space: nowrap;
  }
  .site-footer.site-footer--mobile-design .site-footer__zalo-follow {
    display: block;
    flex: 0 0 76.8px;
    margin-right: 6.4px;
    font: 900 12.8px/19px var(--font);
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .site-footer.site-footer--mobile-design .site-footer__channel--zalo:not(a) .site-footer__zalo-follow {
    opacity: 0.5;
  }
  .site-footer.site-footer--mobile-design .site-footer__bottom strong {
    font: 700 16px/24px var(--font);
  }
  .site-footer.site-footer--mobile-design .site-footer__bottom small {
    width: 100%;
    margin: 0;
    font: 400 12px/17px var(--font);
  }
}
@media (max-width: 360px) {
  .site-footer.site-footer--mobile-design .site-footer__zalo-label, .site-footer.site-footer--mobile-design .site-footer__zalo-follow {
    flex-basis: auto;
  }
  .site-footer.site-footer--mobile-design .site-footer__channel--zalo img {
    margin-left: 0;
  }
  .site-footer.site-footer--mobile-design .site-footer__zalo-follow {
    margin-right: 0;
  }
}