.resale-toggle {
  min-height: 52px;
  padding: 11px 14px;
  border: 2px solid #d6aa3c;
  background: linear-gradient(135deg, #fff8df 0%, #fffdf4 100%);
  color: #0b1f4d;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.01em;
  box-shadow: 0 6px 16px rgba(168, 121, 24, 0.18);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.resale-toggle svg {
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  padding: 5px;
  border-radius: 999px;
  background: #ffffff;
  color: #a87918;
  box-shadow: 0 2px 8px rgba(11, 31, 77, 0.14);
}

.resale-toggle:hover {
  transform: translateY(-1px);
  box-shadow: 0 9px 20px rgba(168, 121, 24, 0.24);
}

.resale-toggle:focus-visible {
  outline: 3px solid rgba(29, 78, 216, 0.3);
  outline-offset: 3px;
}

.resale-toggle.active {
  border-color: #d6aa3c;
  background: linear-gradient(135deg, #1d4ed8 0%, #0b1f4d 100%);
  color: #ffffff;
  box-shadow: 0 9px 22px rgba(29, 78, 216, 0.32);
}

.resale-toggle.active svg {
  background: #d6aa3c;
  color: #0b1f4d;
}

@media (prefers-reduced-motion: reduce) {
  .resale-toggle {
    transition: none;
  }
}