/* ==========================================================
   Got Hot Wheels Auctions - Home Button Text + Category Labels v63
   Scope: homepage hero buttons + category labels only
   ========================================================== */

html body.ghw63-home .ghw-hero-copy .ghw-hero-buttons,
html body.ghw63-home .ghw-hero-copy .ghw63-hero-buttons {
  display: grid !important;
  grid-template-columns: 218px 218px !important;
  gap: 12px !important;
  width: 448px !important;
  min-width: 448px !important;
  max-width: 448px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  align-items: center !important;
  justify-content: start !important;
}

/* Force real visible button text. */
html body.ghw63-home .ghw-hero-copy .ghw63-hero-btn,
html body.ghw63-home .ghw-hero-copy .ghw-hero-buttons > a.ghw63-hero-btn {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 218px !important;
  min-width: 218px !important;
  max-width: 218px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-indent: 0 !important;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.78), 0 0 8px rgba(0,0,0,.85) !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  transform: none !important;
  translate: none !important;
}

/* Keep old arrow/icon overlays gone, but do NOT hide the real text node. */
html body.ghw63-home .ghw-hero-copy .ghw63-hero-btn::before,
html body.ghw63-home .ghw-hero-copy .ghw63-hero-btn::after,
html body.ghw63-home .ghw-hero-copy .ghw63-hero-btn span {
  content: none !important;
  display: none !important;
}

html body.ghw63-home .ghw-hero-copy .ghw63-hero-btn-primary {
  border: 1px solid rgba(255,48,52,.98) !important;
  background: linear-gradient(180deg, #ff3438 0%, #ec101b 56%, #b50008 100%) !important;
  box-shadow: 0 0 20px rgba(237,17,28,.34), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

html body.ghw63-home .ghw-hero-copy .ghw63-hero-btn-secondary {
  border: 2px solid rgba(255,157,0,.98) !important;
  background: linear-gradient(180deg, rgba(18,20,26,.98), rgba(4,6,10,.98)) !important;
  box-shadow: 0 0 18px rgba(255,157,0,.20), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Stronger category labels. */
html body.ghw63-home #categories .ghw-category-list {
  gap: 10px 18px !important;
}

html body.ghw63-home #categories a.ghw-category {
  min-height: 124px !important;
  gap: 8px !important;
}

html body.ghw63-home #categories .ghw-category strong,
html body.ghw63-home #categories a.ghw-category strong {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 104px !important;
  min-height: 26px !important;
  margin-top: 0 !important;
  padding: 4px 5px 5px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(0,0,0,.78) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  letter-spacing: .025em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow:
    0 2px 0 #000,
    0 0 5px #000,
    0 0 10px rgba(0,0,0,1) !important;
  box-shadow: 0 0 12px rgba(0,0,0,.70) !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

html body.ghw63-home #categories a.ghw-category:hover strong {
  border-color: rgba(255,157,0,.55) !important;
  background: rgba(0,0,0,.88) !important;
  color: #ffd45a !important;
  -webkit-text-fill-color: #ffd45a !important;
}

@media (max-width: 900px) {
  html body.ghw63-home .ghw-hero-copy .ghw-hero-buttons,
  html body.ghw63-home .ghw-hero-copy .ghw63-hero-buttons {
    grid-template-columns: 1fr !important;
    width: min(320px, 100%) !important;
    min-width: 0 !important;
    max-width: 320px !important;
    gap: 10px !important;
  }

  html body.ghw63-home .ghw-hero-copy .ghw63-hero-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}