/* v0.5.6 — mobile header LINE login sizing */
@media (max-width: 760px) {
  .header-shell {
    grid-template-columns: minmax(0, 1fr) 96px !important;
  }

  #loginBtn.line-login-card {
    width: 96px !important;
    max-width: 96px !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    justify-self: end !important;
    align-self: center !important;
    overflow: visible !important;
  }

  #loginBtn.line-login-card > img.line-login-image {
    display: block !important;
    width: 96px !important;
    max-width: 96px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 31px !important;
    object-fit: contain !important;
    border-radius: 0 !important;
  }

  #loginBtn.line-login-card > span {
    display: none !important;
  }
}

@media (max-width: 360px) {
  .header-shell {
    grid-template-columns: minmax(0, 1fr) 88px !important;
  }

  #loginBtn.line-login-card,
  #loginBtn.line-login-card > img.line-login-image {
    width: 88px !important;
    max-width: 88px !important;
  }
}