/* Use the existing mobile ceramic artwork in the desktop header and lower links. */
@media (min-width: 769px) {
  body > header:not(.mobile-header) .header-actions > a.msg-image-button .msg-btn-visual,
  body .may-glazed-social[data-lower-social] .msg-btn-visual {
    height: var(--msg-btn-size, 44px);
    overflow: hidden;
    border-radius: 50%;
    background-position: center;
    background-size: 170% 170%;
    background-repeat: no-repeat;
  }

  body > header:not(.mobile-header) .header-actions > a[data-header-button="msg-vk"] .msg-btn-visual,
  body .may-glazed-social[data-lower-social="vk"] .msg-btn-visual { background-image: url("header-vk.webp"); }
  body > header:not(.mobile-header) .header-actions > a[data-header-button="msg-tg"] .msg-btn-visual,
  body .may-glazed-social[data-lower-social="tg"] .msg-btn-visual { background-image: url("header-tg.webp"); }
  body > header:not(.mobile-header) .header-actions > a[data-header-button="msg-max"] .msg-btn-visual,
  body .may-glazed-social[data-lower-social="max"] .msg-btn-visual { background-image: url("header-max.webp"); }

  body > header:not(.mobile-header) .header-actions > a.msg-image-button .msg-btn-visual :is(img, canvas),
  body .may-glazed-social[data-lower-social] .msg-btn-visual :is(img, canvas) {
    visibility: hidden !important;
  }
  body > header:not(.mobile-header) .header-actions > a.msg-image-button .msg-btn-visual::after,
  body .may-glazed-social[data-lower-social] .msg-btn-visual::after,
  body .may-glazed-social[data-lower-social]::before {
    content: none !important;
  }
}

@media (max-width: 768px) {
  body .may-glazed-social[data-lower-social] .msg-btn-visual {
    height: var(--msg-btn-size, 44px);
    overflow: hidden;
    border-radius: 50%;
    background-position: center;
    background-size: 170% 170%;
    background-repeat: no-repeat;
  }
  body .may-glazed-social[data-lower-social="vk"] .msg-btn-visual { background-image: url("header-vk.webp"); }
  body .may-glazed-social[data-lower-social="tg"] .msg-btn-visual { background-image: url("header-tg.webp"); }
  body .may-glazed-social[data-lower-social="max"] .msg-btn-visual { background-image: url("header-max.webp"); }
  body .may-glazed-social[data-lower-social] .msg-btn-visual :is(img, canvas) { visibility: hidden !important; }
  body .may-glazed-social[data-lower-social] .msg-btn-visual::after,
  body .may-glazed-social[data-lower-social]::before { content: none !important; }
}

#benefits .benefit-medallion {
  display: block;
  width: 116% !important;
  height: 116% !important;
  max-width: none;
  flex: none;
  object-fit: contain;
}