/* v0.4.7 — preserve compact navigation and restore full-size LINE artwork */
@media (min-width: 1251px) {
  .header-shell {
    grid-template-columns: minmax(250px, 285px) minmax(600px, 720px) 180px !important;
    justify-content: space-between !important;
    column-gap: 24px !important;
  }

  .desktop-nav {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 720px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 120px 180px 180px 170px !important;
    justify-content: space-between !important;
    justify-self: center !important;
    overflow: hidden !important;
  }

  .desktop-nav button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    overflow: hidden !important;
  }

  .desktop-nav-image {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 31px !important;
    object-fit: contain !important;
  }

  .nav-home-image { width: 108px !important; }
  .nav-search-image { width: 148px !important; }
  .nav-sell-image { width: 148px !important; }
  .nav-member-image { width: 142px !important; }

  #loginBtn.line-login-card {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 180px !important;
    max-width: 180px !important;
    height: 57px !important;
    min-height: 57px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    align-self: center !important;
    justify-self: end !important;
    overflow: visible !important;
  }

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

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

  #loginBtn.line-login-card:hover,
  #loginBtn.line-login-card:focus {
    transform: none !important;
  }
}

@media (min-width: 761px) and (max-width: 1250px) {
  .desktop-nav { overflow: hidden !important; }
  .desktop-nav button {
    padding: 0 6px !important;
    overflow: hidden !important;
  }

  .desktop-nav-image {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 25px !important;
  }

  .nav-home-image { width: 84px !important; max-height: 27px !important; }
  .nav-search-image { width: 112px !important; }
  .nav-sell-image { width: 112px !important; }
  .nav-member-image { width: 108px !important; }

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

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

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