/* Auction page — match the Magento store's flat aesthetic.
   Store uses border-radius 0-3px and box-shadow: none.
   Updated 2026-07-23: nuke everything.

   Scoped via ` * ` because this stylesheet is only linked from the
   auction page — no other page includes it. */

*, *::before, *::after {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Kill the auction page's own radius scale so any inline dynamic
   uses of these variables also render square. */
:root {
  --radius-sm: 0 !important;
  --radius-md: 0 !important;
  --radius-lg: 0 !important;
  --radius-xl: 0 !important;
}

/* Modal close buttons — the original markup is <button></button> with no
   glyph inside; it relied on decoration that the flat treatment washed out.
   Draw a visible × via ::before and give the button a strong outline. */
.quickview-close,
.sms-modal-close {
  background: #fff !important;
  border: 1px solid #2c3e50 !important;
  color: #2c3e50 !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.quickview-close::before,
.sms-modal-close::before {
  content: "\00D7";
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: inherit;
}
.quickview-close:hover,
.sms-modal-close:hover {
  background: #2c3e50 !important;
  color: #fff !important;
}