/* ========================================
   Auctionafy — Dark Navy Theme Overrides
   Space blue palette (Figma redesign)
   All rules scoped to [data-afy-theme="dark"]
   ======================================== */

/* SF Pro Variable — full variable font with wght + wdth axes */
@font-face {
  font-family: 'SF Pro Variable';
  src: url('/auction-assets/SF-Pro-Variable.wasm') format('woff2');
  font-weight: 1 1000;
  font-display: swap;
}

/* --- Design Token Overrides --- */
.afy2[data-afy-theme="dark"],
.afy2-card-inject[data-afy-theme="dark"] {
  --afy-background: #0d1117;
  --afy-foreground: #e8e8e8;
  --afy-card: #0d1117;
  --afy-card-foreground: #e8e8e8;
  --afy-muted: #1a1f2e;
  --afy-muted-foreground: #a0a0a0;
  --afy-border: #232736;
  --afy-input: #232736;
  --afy-ring: #414564;
  --afy-primary: #e87dcc;
  --afy-primary-foreground: #ffffff;
  --afy-secondary: #1a1f2e;
  --afy-secondary-foreground: #e8e8e8;
  --afy-accent: #1a1f2e;
  --afy-accent-foreground: #e8e8e8;
  --afy-destructive: #f87171;
  --afy-destructive-foreground: #ffffff;
  --afy-success: #74b48b;
  --afy-success-foreground: #ffffff;
  --afy-warning: #fbbf24;
  --afy-warning-foreground: #ffffff;

  /* 3D Button tokens — pink gradient (matching Figma bid button) */
  --afy-btn-gradient-start: #e87dcc;
  --afy-btn-gradient-end: #e259be;
  --afy-btn-shadow: #9b1b69;
  --afy-btn-inset: rgba(255,255,255,0.15);
  --afy-btn-confirm-gradient-start: #e87dcc;
  --afy-btn-confirm-gradient-end: #e259be;
  --afy-btn-confirm-shadow: #9b1b69;
  --afy-btn-text: #ffffff;
  --afy-btn-text-shadow: rgba(0,0,0,0.35);
  --afy-btn-disabled-gradient-start: #1a1f2e;
  --afy-btn-disabled-gradient-end: #232736;
  --afy-btn-disabled-shadow: #0d1117;

  color: #e8e8e8;
}

/* --- Base Widget — transparent, no background box --- */
.afy2[data-afy-theme="dark"] {
  color: #e8e8e8;
  background: transparent;
  border-radius: 0;
  padding: 0;
}

/* Override base 110% width for dark theme — match Figma 446px proportions */
#auctionafy-widget.afy2[data-afy-theme="dark"] {
  width: 100%;
  max-width: 446px;
}

/* Tighten section spacing */
.afy2[data-afy-theme="dark"] .afy2-stats {
  margin-bottom: 13px;
  margin-top: -27px;
}

.afy2[data-afy-theme="dark"] .afy2-bid-section {
  margin-bottom: 12px;
  margin-top: -5px;
}

.afy2[data-afy-theme="dark"] .afy2-chat-outer {
  position: relative;
  margin-bottom: 12px;
  overflow: visible;
}

.afy2[data-afy-theme="dark"] .afy2-chat {
  margin-bottom: 0;
}

/* Override base bid-area gap (16px → 12px) for consistent spacing */
.afy2[data-afy-theme="dark"] .afy2-bid-area {
  gap: 15px;
}

/* --- Product Title — hidden in dark theme (page heading already shows it) --- */
.afy2[data-afy-theme="dark"] .afy2-product-title {
  display: none;
}

/* --- Product Caption — custom.caption metafield below title-line --- */
.afy2[data-afy-theme="dark"] .afy2-product-caption {
  font-family: 'Founders Grotesk', var(--main-font-stack), sans-serif !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 25px !important;
  color: #a4a5a9 !important;
  width: calc(100% + 166px);
  margin-top: -3px;
  margin-left: -2px;
  margin-bottom: 8px;
}

/* Thin separator line below title area */
.afy2[data-afy-theme="dark"] .afy2-title-line {
  width: calc(100% + 166px);
  height: 1px;
  background: #232736;
  margin-bottom: 14px;
}

/* ==========================
   BANNERS — Hidden in Dark Theme
   (bid status communicated via button color/state)
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-banner {
  display: none !important;
}

.afy2[data-afy-theme="dark"] .afy2-banner--winning {
  background: rgba(116,180,139,0.15);
  border-color: rgba(116,180,139,0.3);
  color: #74b48b;
}

.afy2[data-afy-theme="dark"] .afy2-banner--outbid {
  background: rgba(248,113,113,0.15);
  border-color: rgba(248,113,113,0.3);
  color: #f87171;
}

.afy2[data-afy-theme="dark"] .afy2-banner--won {
  background: rgba(116,180,139,0.18);
  border-color: rgba(116,180,139,0.35);
  color: #74b48b;
}

.afy2[data-afy-theme="dark"] .afy2-banner--lost,
.afy2[data-afy-theme="dark"] .afy2-banner--lost_sold {
  background: rgba(248,113,113,0.15);
  border-color: rgba(248,113,113,0.3);
  color: #f87171;
}

.afy2[data-afy-theme="dark"] .afy2-banner--proxy_active {
  background: rgba(232,125,204,0.15);
  border-color: rgba(232,125,204,0.3);
  color: #e87dcc;
}

.afy2[data-afy-theme="dark"] .afy2-banner--info {
  background: rgba(65,69,100,0.15);
  border-color: #232736;
  color: #a0a0a0;
}

.afy2[data-afy-theme="dark"] .afy2-banner--neutral {
  background: #1a1f2e;
  border-color: #232736;
  color: #a0a0a0;
}

/* ==========================
   STATS PANEL — Two-Panel Squircle Layout
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-stats {
  background: transparent;
  border: none;
  gap: 20px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding-bottom: 0;
  overflow: visible;
  animation: none;
}

.afy2[data-afy-theme="dark"] .afy2-stat:first-child {
  border-bottom: none;
}

.afy2[data-afy-theme="dark"] .afy2-stat {
  position: relative;
  overflow: visible;
  flex: 1;
  min-width: 0;
  aspect-ratio: 213 / 143;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  box-sizing: border-box;
}

.afy2[data-afy-theme="dark"] .afy2-stat-label {
  color: #a0a0a0;
  font-family: 'SF Pro Variable', -apple-system, 'SF Pro Display', system-ui, sans-serif;
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-variation-settings: 'wdth' 84, 'opsz' 17;
  margin-bottom: 2px;
  text-align: center;
}

.afy2[data-afy-theme="dark"] .afy2-stat-value {
  color: #e8e8e8;
}

.afy2[data-afy-theme="dark"] .afy2-stat-value--bid {
  color: #e8e8e8 !important;
  background: transparent !important;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

/* Winning state — green price glow pulse (color set via JS inline !important) */
.afy2[data-afy-theme="dark"] .afy2-stat-value--bid.afy2-win-price-glow {
  animation: afy2-win-price-glow 2.5s ease-out forwards;
}

@keyframes afy2-win-price-glow {
  0%   { text-shadow: 0 0 12px rgba(74,222,128,0.8), 0 0 24px rgba(74,222,128,0.4); }
  20%  { text-shadow: 0 0 4px rgba(74,222,128,0.2), 0 0 8px rgba(74,222,128,0.1); }
  36%  { text-shadow: 0 0 10px rgba(74,222,128,0.6), 0 0 20px rgba(74,222,128,0.3); }
  52%  { text-shadow: 0 0 3px rgba(74,222,128,0.15), 0 0 6px rgba(74,222,128,0.08); }
  68%  { text-shadow: 0 0 6px rgba(74,222,128,0.35), 0 0 12px rgba(74,222,128,0.15); }
  85%  { text-shadow: 0 0 2px rgba(74,222,128,0.1); }
  100% { text-shadow: none; }
}

@media (prefers-reduced-motion: reduce) {
  .afy2[data-afy-theme="dark"] .afy2-stat-value--bid.afy2-win-price-glow {
    animation: none;
  }
}

.afy2[data-afy-theme="dark"] .afy2-stat-sub {
  color: #c4b07a;
  font-family: 'SF Pro Variable', -apple-system, 'SF Pro Display', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-variation-settings: 'wdth' 106;
  font-variant-numeric: tabular-nums;
  margin-top: 4px;
  text-align: center;
}

/* Squircle background for stat panels — leaf child carries mask + blur */
.afy2[data-afy-theme="dark"] .afy2-stat .afy2-squircle-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: rgba(12,15,28,0.16);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath d='M0.00465 0.33432C0.00465 0.06508 0.04389 0.0069 0.22547 0.0069H0.77453C0.95611 0.0069 0.99535 0.06508 0.99535 0.33432V0.66568C0.99535 0.93492 0.95611 0.9931 0.77453 0.9931H0.22547C0.04389 0.9931 0.00465 0.93492 0.00465 0.66568V0.33432Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath d='M0.00465 0.33432C0.00465 0.06508 0.04389 0.0069 0.22547 0.0069H0.77453C0.95611 0.0069 0.99535 0.06508 0.99535 0.33432V0.66568C0.99535 0.93492 0.95611 0.9931 0.77453 0.9931H0.22547C0.04389 0.9931 0.00465 0.93492 0.00465 0.66568V0.33432Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: inset 0 1px 4px rgba(255,255,255,0.10),
              inset 0 -1px 4px rgba(0,0,0,0.23);
  will-change: transform;
}

.afy2[data-afy-theme="dark"] .afy2-stat .afy2-squircle-bg svg {
  width: 100%;
  height: 100%;
}

.afy2[data-afy-theme="dark"] .afy2-stat > *:not(.afy2-squircle-bg):not(.afy2-glow-effect) {
  position: relative;
  z-index: 1;
}

/* Outside squircle stroke — sits above the masked blur layer, not clipped */
.afy2[data-afy-theme="dark"] .afy2-stat::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 215 145' fill='none'%3E%3Cpath d='M166.524 0.5L168.331 0.505859C186.776 0.635388 198.326 2.81628 205.255 9.74512C212.407 16.8975 214.5 28.9742 214.5 48.4756V96.5244C214.5 116.026 212.407 128.103 205.255 135.255C198.103 142.407 186.026 144.5 166.524 144.5H48.4756C28.9742 144.5 16.8975 142.407 9.74512 135.255C2.59276 128.103 0.500029 116.026 0.5 96.5244V48.4756C0.50003 28.9742 2.59276 16.8975 9.74512 9.74512C16.8975 2.59276 28.9742 0.50003 48.4756 0.5H166.524Z' stroke='%23252835'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}

/* ==========================
   COUNTDOWN — Dark Navy Boxes
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}

.afy2[data-afy-theme="dark"] .afy2-countdown-box {
  background: transparent;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  padding: 0;
}

.afy2[data-afy-theme="dark"] .afy2-countdown-value {
  color: #e8e8e8;
  font-family: 'SF Pro Variable', -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, sans-serif;
  font-weight: 510;
  font-synthesis: none;
  font-size: 40px;
  font-variation-settings: 'wght' 510, 'wdth' 47;
  font-variant-numeric: tabular-nums;
  line-height: 0.66;
  letter-spacing: 2px;
}

.afy2[data-afy-theme="dark"] .afy2-countdown-label {
  color: #a0a0a0;
  font-family: 'SF Pro Variable', -apple-system, 'SF Pro Display', system-ui, sans-serif;
  font-weight: 760;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-variation-settings: 'wdth' 83, 'opsz' 17;
  line-height: 1.4;
}

.afy2[data-afy-theme="dark"] .afy2-countdown--ended .afy2-countdown-box {
  background: rgba(248,113,113,0.1);
  border-color: rgba(248,113,113,0.2);
}

/* ==========================
   BID SECTION
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-bid-status {
  display: none;
}

.afy2[data-afy-theme="dark"] .afy2-bid-status::before,
.afy2[data-afy-theme="dark"] .afy2-bid-status::after {
  background: #232736;
}

.afy2[data-afy-theme="dark"] .afy2-bid-status--winning {
  color: #74b48b;
}

.afy2[data-afy-theme="dark"] .afy2-bid-status--outbid {
  color: #f87171;
}

.afy2[data-afy-theme="dark"] .afy2-bid-status--won {
  color: #74b48b;
}

.afy2[data-afy-theme="dark"] .afy2-bid-status--lost {
  color: #f87171;
}

/* Social proof line — hidden by default, shown via .afy2-watching-line--visible */
.afy2[data-afy-theme="dark"] .afy2-watching-line {
  color: #a0a0a0;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  display: none;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  gap: 4px;
}
.afy2[data-afy-theme="dark"] .afy2-watching-line.afy2-watching-line--visible {
  display: flex;
  margin-top: -15px;
  padding-top: 0;
  font-family: 'Outfit', sans-serif;
  font-weight: 400;
}

/* Hover presence — people hovering the bid button */
.afy2[data-afy-theme="dark"] .afy2-hover-presence {
  display: none;
  color: #8a8a8a;
  font-size: 12px;
  font-family: 'Outfit', sans-serif;
  font-weight: 400;
  text-align: right;
  margin-top: 6px;
  font-variant-numeric: tabular-nums;
}
.afy2[data-afy-theme="dark"] .afy2-hover-presence.afy2-hover-presence--visible {
  display: block;
}
.afy2[data-afy-theme="dark"] .afy2-hover-presence #afy2-hover-count {
  font-weight: 500;
  color: #b0b0b0;
}

.afy2[data-afy-theme="dark"] .afy2-watching-icon {
  font-family: "SF Pro Display", "SF Pro", -apple-system, system-ui, sans-serif;
  font-size: 11.7px;
  line-height: 1;
  flex-shrink: 0;
  position: relative;
  top: 1px;
}

/* ==========================
   QUICK-ADD BUTTONS — Green Squircle
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-quickadd-btn {
  background: transparent;
  border: none;
  color: #74b48b;
  width: 75px;
  height: 75px;
  flex: 0 0 75px;
  position: relative;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  padding: 0;
  aspect-ratio: auto;
  transition:
    transform 1.3s cubic-bezier(0.25, 0.1, 0.25, 1),
    filter 1.0s ease-out;
  will-change: transform, filter;
}

/* Allow glow to escape clipped theme ancestors */
.afy2[data-afy-theme="dark"] .afy2-quickadd-btn {
  overflow: visible !important;
}
data-island:has(.afy2[data-afy-theme="dark"]) {
  overflow: visible !important;
}
main:has(.afy2[data-afy-theme="dark"]) {
  overflow: visible !important;
}

/* Quick-add row layout for dark theme */
.afy2[data-afy-theme="dark"] .afy2-quickadd-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0 13px;
  margin-top: 15px;
  overflow: visible;
  margin-top: -20px;
}

.afy2[data-afy-theme="dark"] .afy2-quickadd-buttons {
  display: flex;
  flex: none;
  gap: 10px;
  overflow: visible;
}

/* Max bid pushes right */
.afy2[data-afy-theme="dark"] .afy2-maxbid-btn {
  margin-left: auto;
}

/* Squircle SVG background for quick-add buttons */
.afy2[data-afy-theme="dark"] .afy2-quickadd-btn .afy2-squircle-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.afy2[data-afy-theme="dark"] .afy2-quickadd-btn .afy2-squircle-bg svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.afy2[data-afy-theme="dark"] .afy2-quickadd-btn span:not(.afy2-squircle-bg) {
  position: relative;
  z-index: 1;
  transition:
    color 0.9s ease-out,
    transform 1.3s cubic-bezier(0.25, 0.1, 0.25, 1),
    text-shadow 1.0s ease-out;
}

/* SVG stroke glow transition — resting state has subtle glow to retract TO */
.afy2[data-afy-theme="dark"] .afy2-quickadd-btn .afy2-squircle-bg svg path {
  transition:
    fill 0.9s ease-out,
    stroke 1.3s cubic-bezier(0.25, 0.1, 0.25, 1),
    filter 1.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  filter: drop-shadow(0 0 2px rgba(92, 219, 139, 0.08));
}

/* --- HOVER: 1.3s space-galaxy drift — fill stays original, stroke glows --- */
.afy2[data-afy-theme="dark"] .afy2-quickadd-btn:hover {
  background: transparent;
  border: none;
  transform: translateY(-9px);
  filter: brightness(1.15);
}

.afy2[data-afy-theme="dark"] .afy2-quickadd-btn:hover .afy2-squircle-bg svg path {
  stroke: #19D773;
  filter: drop-shadow(0 0 14px rgba(25, 215, 115, 0.5))
         drop-shadow(0 0 6px rgba(25, 215, 115, 0.3));
}

.afy2[data-afy-theme="dark"] .afy2-quickadd-btn:hover span:not(.afy2-squircle-bg) {
  color: #b0e8c4;
  transform: scale(1.05);
  text-shadow: 0 0 8px rgba(25, 215, 115, 0.35);
}

/* --- ACTIVE / PRESS: snap down + fill changes to #0A390F --- */
.afy2[data-afy-theme="dark"] .afy2-quickadd-btn:not(:disabled):active {
  background: transparent;
  transform: translateY(-1px) scale(0.95);
  filter: brightness(1.3);
  transition: transform 0.08s ease, filter 0.08s ease;
}

.afy2[data-afy-theme="dark"] .afy2-quickadd-btn:not(:disabled):active .afy2-squircle-bg svg path {
  fill: #0A390F;
  stroke: #19D773;
  filter: drop-shadow(0 0 14px rgba(25, 215, 115, 0.7));
  transition-duration: 0.08s;
}

.afy2[data-afy-theme="dark"] .afy2-quickadd-btn:not(:disabled):active span:not(.afy2-squircle-bg) {
  color: #b5f5d3;
  text-shadow:
    0 0 12px rgba(181, 245, 211, 0.7),
    0 0 25px rgba(92, 219, 139, 0.35);
}

/* --- ACTIVE STATE (selected button) --- */
.afy2[data-afy-theme="dark"] .afy2-quickadd-btn--active {
  background: transparent;
  border: none;
  color: #74b48b;
  filter: brightness(1.2);
}

/* --- ACCESSIBILITY: respect reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  .afy2[data-afy-theme="dark"] .afy2-quickadd-btn,
  .afy2[data-afy-theme="dark"] .afy2-quickadd-btn span:not(.afy2-squircle-bg),
  .afy2[data-afy-theme="dark"] .afy2-quickadd-btn .afy2-squircle-bg svg path {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* Max Bid button — navy squircle */
.afy2[data-afy-theme="dark"] .afy2-maxbid-btn {
  background: transparent;
  border: none;
  color: rgba(122,129,181,0.48);
  width: 160px;
  height: 75px;
  flex: 0 0 160px;
  position: relative;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  overflow: visible;
}

.afy2[data-afy-theme="dark"] .afy2-maxbid-btn:hover {
  filter: brightness(1.15);
}

.afy2[data-afy-theme="dark"] .afy2-maxbid-btn .afy2-squircle-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}

.afy2[data-afy-theme="dark"] .afy2-maxbid-btn .afy2-squircle-bg svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.afy2[data-afy-theme="dark"] .afy2-maxbid-btn > span:not(.afy2-squircle-bg) {
  position: relative;
  z-index: 1;
}

/* Max Bid button — active state (cash input showing) */
.afy2[data-afy-theme="dark"] .afy2-maxbid-btn--active .afy2-squircle-bg svg path:first-child {
  fill: #12172B;
}

.afy2[data-afy-theme="dark"] .afy2-maxbid-btn--active .afy2-squircle-bg svg path:last-child {
  stroke: #365197;
  stroke-width: 2;
  stroke-opacity: 1;
}

.afy2[data-afy-theme="dark"] .afy2-maxbid-btn--active .afy2-cashapp-input {
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #e8e8e8 !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  text-align: center;
  caret-color: #365197;
  padding: 0 !important;
}

.afy2[data-afy-theme="dark"] .afy2-maxbid-btn--active .afy2-cashapp-input::placeholder {
  color: rgba(122, 129, 181, 0.35) !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
}

.afy2[data-afy-theme="dark"] .afy2-maxbid-btn--active .afy2-cashapp-input:focus {
  outline: none !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* "Max" tag blur/scale/opacity transition on bid button */
.afy2[data-afy-theme="dark"] .afy2-max-tag {
  display: inline-block;
  margin-right: 0.25em;
  opacity: 1;
  filter: blur(0px);
  transform: scale(1);
  transition: opacity var(--afy-btn-timing, 0.31s) ease,
              filter var(--afy-btn-timing, 0.31s) ease,
              transform var(--afy-btn-timing, 0.31s) ease;
  will-change: opacity, filter, transform;
}

.afy2[data-afy-theme="dark"] .afy2-max-tag.afy2-max-hidden {
  opacity: 0;
  filter: blur(4px);
  transform: scale(0.25);
}

/* ==========================
   CASH APP INPUT — Dark Navy
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-cashapp-input {
  background: #0d1117;
  border: 1px solid #232736;
  color: #e8e8e8;
  caret-color: #74b48b;
}

.afy2[data-afy-theme="dark"] .afy2-cashapp-input::placeholder {
  color: rgba(160,160,160,0.4);
}

.afy2[data-afy-theme="dark"] .afy2-cashapp-input:focus {
  border-color: #414564;
  box-shadow: 0 0 0 2px rgba(65,69,100,0.25);
  background: #0d1117;
}

.afy2[data-afy-theme="dark"] .afy2-cashapp-input:not(:placeholder-shown) {
  color: #e8e8e8;
}

/* ==========================
   3D BUTTONS — Pink Gradient Squircle
   ========================== */

/* 3D wrapper — provides lift (pseudo-element handles shadow for Safari compat) */
.afy2[data-afy-theme="dark"] .afy2-btn-3d {
  position: relative;
  width: 100%;
  height: 52px;
  transform: translateY(-4px);
  transition: transform var(--afy-btn-timing), filter var(--afy-win-fade-ms, 300ms) ease-out;
  margin-bottom: 4px;
}

/* 3D shadow — real pseudo-element instead of filter: drop-shadow() (Safari fix) */
.afy2[data-afy-theme="dark"] .afy2-btn-3d::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #9B1B69;
  -webkit-clip-path: path("M0 17.264 C0 3.068 3.068 0 17.264 0 C17.264 0 424.736 0 424.736 0 C438.932 0 442 3.068 442 17.264 C442 17.264 442 34.736 442 34.736 C442 48.932 438.932 52 424.736 52 C424.736 52 17.264 52 17.264 52 C3.068 52 0 48.932 0 34.736 C0 34.736 0 17.264 0 17.264Z");
  clip-path: path("M0 17.264 C0 3.068 3.068 0 17.264 0 C17.264 0 424.736 0 424.736 0 C438.932 0 442 3.068 442 17.264 C442 17.264 442 34.736 442 34.736 C442 48.932 438.932 52 424.736 52 C424.736 52 17.264 52 17.264 52 C3.068 52 0 48.932 0 34.736 C0 34.736 0 17.264 0 17.264Z");
  z-index: -1;
  transition: opacity var(--afy-btn-timing), background var(--afy-win-fade-ms, 300ms) ease-out;
}

.afy2[data-afy-theme="dark"] .afy2-btn-3d:active::after,
.afy2[data-afy-theme="dark"] .afy2-btn-3d.afy2-pressing::after {
  opacity: 0;
}

.afy2[data-afy-theme="dark"] .afy2-btn-3d:active,
.afy2[data-afy-theme="dark"] .afy2-btn-3d.afy2-pressing {
  transform: translateY(0);
}

/* Button — clipped to squircle, NO shadow/transform (wrapper handles those) */
.afy2[data-afy-theme="dark"] .afy2-card-btn--primary {
  position: relative;
  overflow: hidden;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  min-height: 52px;
  box-shadow: none;
  transform: none;
  filter: none;
  -webkit-clip-path: path("M0 17.264 C0 3.068 3.068 0 17.264 0 C17.264 0 424.736 0 424.736 0 C438.932 0 442 3.068 442 17.264 C442 17.264 442 34.736 442 34.736 C442 48.932 438.932 52 424.736 52 C424.736 52 17.264 52 17.264 52 C3.068 52 0 48.932 0 34.736 C0 34.736 0 17.264 0 17.264Z");
  clip-path: path("M0 17.264 C0 3.068 3.068 0 17.264 0 C17.264 0 424.736 0 424.736 0 C438.932 0 442 3.068 442 17.264 C442 17.264 442 34.736 442 34.736 C442 48.932 438.932 52 424.736 52 C424.736 52 17.264 52 17.264 52 C3.068 52 0 48.932 0 34.736 C0 34.736 0 17.264 0 17.264Z");
  transition: filter var(--afy-btn-timing);
}

.afy2[data-afy-theme="dark"] .afy2-card-btn--primary .afy2-squircle-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}

.afy2[data-afy-theme="dark"] .afy2-card-btn--primary .afy2-squircle-bg svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* Label: position: relative + z-index to sit above SVG squircle */
.afy2[data-afy-theme="dark"] .afy2-card-btn--primary .afy2-bid-label {
  position: relative;
  z-index: 1;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 22px;
  font-variant-numeric: tabular-nums;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Confirm: keep position: absolute from base CSS — must NOT be in flex flow */
.afy2[data-afy-theme="dark"] .afy2-card-btn--primary .afy2-bid-confirm {
  z-index: 1;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 22px;
  font-variant-numeric: tabular-nums;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
  transition:
    opacity var(--afy-btn-timing) ease-out,
    filter var(--afy-btn-timing) ease-out,
    transform var(--afy-btn-timing) ease-out,
    text-shadow var(--afy-win-fade-ms, 300ms) ease-out;
}

.afy2[data-afy-theme="dark"] .afy2-card-btn--primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  transition: left 0.5s;
  pointer-events: none;
  z-index: 3;
}

.afy2[data-afy-theme="dark"] .afy2-card-btn--primary:hover::before {
  left: 100%;
}

.afy2[data-afy-theme="dark"] .afy2-card-btn--primary:hover {
  filter: brightness(1.04);
}

/* Green button — keep green accent */
.afy2[data-afy-theme="dark"] .afy2-card-btn--green {
  background: linear-gradient(180deg, rgba(116,180,139,0.7) 0%, rgba(74,160,100,0.85) 100%);
  box-shadow: 0 4px 0 rgba(40,110,60,0.6), inset 0 1px 0 rgba(255,255,255,0.2);
}

.afy2[data-afy-theme="dark"] .afy2-card-btn--green::before {
  background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.05) 50%, transparent 100%);
}

/* Outline button — dark navy */
.afy2[data-afy-theme="dark"] .afy2-card-btn--outline {
  background: #1a1f2e;
  border-color: #232736;
  color: #e8e8e8;
}

.afy2[data-afy-theme="dark"] .afy2-card-btn--outline::before {
  background: none;
}

.afy2[data-afy-theme="dark"] .afy2-card-btn--outline:hover {
  background: #232736;
  border-color: #414564;
}

/* Confirm state */
.afy2[data-afy-theme="dark"] .afy2-card-btn--confirm {
  /* uses confirm tokens above */
}

/* Fill bar */
.afy2[data-afy-theme="dark"] .afy2-bid-fill {
  background: #232736;
}

/* Disabled state */
.afy2[data-afy-theme="dark"] .afy2-card-btn--primary:disabled {
  filter: none;
  cursor: default;
}
.afy2[data-afy-theme="dark"] .afy2-btn-3d:has(.afy2-card-btn--primary:disabled) {
  filter: drop-shadow(0 4px 0 #0d1117) drop-shadow(0 0 0 #0d1117);
}

/* ==========================
   WIN MOTION SYSTEM — Green Winning State
   ========================== */

/* Win palette tokens */
.afy2[data-afy-theme="dark"] {
  --afy-win-gold: #ffd666;
  --afy-win-gold-dim: rgba(255, 214, 102, 0.35);
  --afy-win-fade-ms: 300ms;
  --afy-win-rainbow-cycle-ms: 1400ms;
  --afy-win-glow-soft-px: 14px;
  --afy-win-glow-strong-px: 24px;
  --afy-win-overlay-opacity: 1;
  --afy-win-text-pulse-ms: 1000ms;
  --afy-win-green-start: #4ade80;
  --afy-win-green-end: #22c55e;
  --afy-win-glow: rgba(74, 222, 128, 0.5);
  --afy-win-glow-strong: rgba(74, 222, 128, 0.75);
}

/* Winning: green glow pulse on 3D wrapper */
.afy2[data-afy-theme="dark"] .afy2-btn-3d.afy2-winning {
  transform: translateY(-4px);
  animation: afyWinGlowPulse var(--afy-win-rainbow-cycle-ms, 1400ms) ease-in-out infinite;
}

.afy2[data-afy-theme="dark"] .afy2-btn-3d.afy2-winning::after {
  background: #166534;
  opacity: 1;
}

@keyframes afyWinGlowPulse {
  0% { filter: drop-shadow(0 0 var(--afy-win-glow-soft-px, 14px) var(--afy-win-glow)); }
  50% { filter: drop-shadow(0 0 var(--afy-win-glow-strong-px, 24px) var(--afy-win-glow-strong)); }
  100% { filter: drop-shadow(0 0 var(--afy-win-glow-soft-px, 14px) var(--afy-win-glow)); }
}

/* Green overlay — fades in during the active win state */
.afy2[data-afy-theme="dark"] .afy2-win-gradient-overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, var(--afy-win-green-start), var(--afy-win-green-end));
  opacity: 0;
  transition: opacity var(--afy-win-fade-ms, 300ms) ease-out;
}

.afy2[data-afy-theme="dark"] .afy2-card-btn--primary.afy2-win-active .afy2-win-gradient-overlay {
  opacity: var(--afy-win-overlay-opacity, 1);
}

/* Win Accent Scan — fast golden sweep (700ms, plays once) */
.afy2[data-afy-theme="dark"] .afy2-win-scan-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--afy-win-fade-ms, 300ms) ease-out;
  background: linear-gradient(
    90deg,
    transparent 0%, transparent 30%,
    var(--afy-win-gold-dim) 45%,
    rgba(255, 255, 255, 0.4) 50%,
    var(--afy-win-gold-dim) 55%,
    transparent 70%, transparent 100%
  );
  background-size: 300% 100%;
  background-position: -100% 0;
}

.afy2[data-afy-theme="dark"] .afy2-win-scan-overlay.afy2-active {
  opacity: 1;
  animation: afyWinAccentScan 700ms ease-out 1 forwards;
}

@keyframes afyWinAccentScan {
  0%   { background-position: -100% 0; }
  100% { background-position: 200% 0; }
}

/* Barcode Sweep — discrete pattern loop (1200ms) */
.afy2[data-afy-theme="dark"] .afy2-win-barcode-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  --afy-tile: 8px;
  background: repeating-linear-gradient(
    90deg,
    transparent 0, transparent var(--afy-tile),
    rgba(255, 255, 255, 0.04) var(--afy-tile),
    rgba(255, 255, 255, 0.04) calc(var(--afy-tile) * 2),
    rgba(255, 214, 102, 0.06) calc(var(--afy-tile) * 2),
    rgba(255, 214, 102, 0.06) calc(var(--afy-tile) * 3),
    transparent calc(var(--afy-tile) * 3),
    transparent calc(var(--afy-tile) * 4)
  );
  transition: opacity var(--afy-win-fade-ms, 300ms) ease-out;
}

.afy2[data-afy-theme="dark"] .afy2-win-barcode-overlay.afy2-active {
  opacity: 1;
  animation: afyWinBarcode 1000ms steps(20) 1 forwards;
}

@keyframes afyWinBarcode {
  0%   { background-position: 0 0; }
  100% { background-position: 96px 0; }
}

/* Spark Grid — 2D sparkle (900ms) */
.afy2[data-afy-theme="dark"] .afy2-win-spark-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  --afy-cell: 6px;
  background:
    repeating-linear-gradient(0deg, transparent 0, transparent var(--afy-cell), rgba(255,255,255,0.025) var(--afy-cell), rgba(255,255,255,0.025) calc(var(--afy-cell)*2)),
    repeating-linear-gradient(90deg, transparent 0, transparent var(--afy-cell), rgba(255,255,255,0.025) var(--afy-cell), rgba(255,255,255,0.025) calc(var(--afy-cell)*2)),
    linear-gradient(120deg, rgba(74,222,128,0.1), rgba(255,214,102,0.1), rgba(74,222,128,0.1));
  background-size: auto, auto, 200% 200%;
  transition: opacity var(--afy-win-fade-ms, 300ms) ease-out;
}

.afy2[data-afy-theme="dark"] .afy2-win-spark-overlay.afy2-active {
  opacity: 1;
  animation: afyWinSpark 900ms steps(14) 1 forwards;
}

@keyframes afyWinSpark {
  0%   { background-position: 0 0, 0 0, 0% 50%; }
  100% { background-position: 0 0, 0 0, 100% 50%; }
}

/* Edge shimmer — thin top highlight that breathes */
.afy2[data-afy-theme="dark"] .afy2-win-edge-overlay {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,214,102,0.5) 20%, rgba(255,255,255,0.6) 50%, rgba(255,214,102,0.5) 80%, transparent 100%);
  transition: opacity var(--afy-win-fade-ms, 300ms) ease-out;
}

.afy2[data-afy-theme="dark"] .afy2-win-edge-overlay.afy2-active {
  opacity: 1;
  animation: afyWinEdge 1000ms ease-in-out 1 forwards;
}

@keyframes afyWinEdge {
  0%   { opacity: 0.4; }
  100% { opacity: 1; }
}

/* Winning text gold shimmer — single cycle during the active win window */
.afy2[data-afy-theme="dark"] .afy2-win-active .afy2-bid-confirm {
  text-shadow:
    0 0 8px rgba(255, 214, 102, 0.6),
    0 0 20px rgba(255, 214, 102, 0.3),
    1px 1px 1px rgba(0, 0, 0, 0.3);
  animation: afyWinTextPulse var(--afy-win-text-pulse-ms, 1000ms) ease-in-out 1 forwards;
}

@keyframes afyWinTextPulse {
  0%   { text-shadow: 0 0 6px rgba(255,214,102,0.4), 0 0 16px rgba(255,214,102,0.2), 1px 1px 1px rgba(0,0,0,0.3); }
  100% { text-shadow: 0 0 12px rgba(255,214,102,0.7), 0 0 28px rgba(255,214,102,0.4), 1px 1px 1px rgba(0,0,0,0.3); }
}

/* Casino sparkle canvas */
.afy2[data-afy-theme="dark"] .afy2-casino-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 10;
}

@media (prefers-reduced-motion: reduce) {
  .afy2[data-afy-theme="dark"] .afy2-btn-3d.afy2-winning,
  .afy2[data-afy-theme="dark"] .afy2-win-scan-overlay.afy2-active,
  .afy2[data-afy-theme="dark"] .afy2-win-barcode-overlay.afy2-active,
  .afy2[data-afy-theme="dark"] .afy2-win-spark-overlay.afy2-active,
  .afy2[data-afy-theme="dark"] .afy2-win-edge-overlay.afy2-active,
  .afy2[data-afy-theme="dark"] .afy2-win-active .afy2-bid-confirm {
    animation: none !important;
  }
}

/* ==========================
   STANDARD BUTTONS — Dark Navy
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-btn--primary {
  background: #e87dcc;
  border: 1px solid #e87dcc;
  color: #ffffff;
}

.afy2[data-afy-theme="dark"] .afy2-btn--primary:hover:not(:disabled) {
  background: #e259be;
}

.afy2[data-afy-theme="dark"] .afy2-btn--outline {
  background: transparent;
  border: 1px solid #232736;
  color: #a0a0a0;
}

.afy2[data-afy-theme="dark"] .afy2-btn--outline:hover:not(:disabled) {
  background: #1a1f2e;
  border-color: #414564;
  color: #e8e8e8;
}

.afy2[data-afy-theme="dark"] .afy2-btn--ghost {
  color: #a0a0a0;
  background: #0C0F1C;
  border: 1px solid #232736;
  border-radius: 10px;
  padding: 8px 16px;
}

.afy2[data-afy-theme="dark"] .afy2-btn--ghost:hover:not(:disabled) {
  background: #1a1f2e;
  border-color: #414564;
  color: #e8e8e8;
}

/* Buy It Now — Navy accent */
.afy2[data-afy-theme="dark"] .afy2-btn--bin {
  background: rgba(65,69,100,0.2);
  border: 1px solid rgba(65,69,100,0.3);
  color: #e8e8e8;
}

.afy2[data-afy-theme="dark"] .afy2-btn--bin:hover:not(:disabled) {
  background: rgba(65,69,100,0.3);
}

/* Make Offer — Lighter navy */
.afy2[data-afy-theme="dark"] .afy2-btn--offer {
  background: rgba(65,69,100,0.12);
  border: 1px solid rgba(65,69,100,0.2);
  color: #e8e8e8;
}

.afy2[data-afy-theme="dark"] .afy2-btn--offer:hover:not(:disabled) {
  background: rgba(65,69,100,0.22);
}

/* ==========================
   INPUTS — Dark Navy
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-input-wrap {
  background: #0d1117;
  border-color: #232736;
}

.afy2[data-afy-theme="dark"] .afy2-input-wrap:focus-within {
  border-color: #414564;
  box-shadow: 0 0 0 2px rgba(65,69,100,0.25);
}

.afy2[data-afy-theme="dark"] .afy2-input-prefix {
  color: #a0a0a0;
}

.afy2[data-afy-theme="dark"] .afy2-input {
  color: #e8e8e8;
  caret-color: #414564;
}

.afy2[data-afy-theme="dark"] .afy2-input-label {
  color: #a0a0a0;
}

/* ==========================
   PROXY ROW — Dark Navy
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-proxy-row {
  background: #1a1f2e;
  border-color: #232736;
}

.afy2[data-afy-theme="dark"] .afy2-proxy-dollar {
  color: #a0a0a0;
}

.afy2[data-afy-theme="dark"] .afy2-proxy-input {
  background: #0d1117;
  border-color: #232736;
  color: #e8e8e8;
  caret-color: #414564;
}

.afy2[data-afy-theme="dark"] .afy2-proxy-input.afy2-atm-input--filled {
  color: #74b48b;
}

.afy2[data-afy-theme="dark"] .afy2-proxy-input:focus {
  border-color: #414564;
  box-shadow: 0 0 0 2px rgba(65,69,100,0.25);
}

.afy2[data-afy-theme="dark"] .afy2-proxy-confirm {
  background: rgba(65,69,100,0.2);
  border-color: rgba(65,69,100,0.3);
  color: #414564;
}

.afy2[data-afy-theme="dark"] .afy2-proxy-confirm:hover:not(:disabled) {
  background: rgba(65,69,100,0.3);
}

.afy2[data-afy-theme="dark"] .afy2-proxy-confirm--disabled {
  background: #1a1f2e;
  border-color: #232736;
  color: rgba(160,160,160,0.3);
}

/* Proxy overlay */
.afy2[data-afy-theme="dark"] .afy2-proxy-overlay {
  color: rgba(160,160,160,0.4);
}

.afy2[data-afy-theme="dark"] .afy2-proxy-cursor {
  background: #74b48b;
}

/* ==========================
   SEPARATOR / DIVIDER
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-sep {
  border-color: #232736;
  display: none;
}

.afy2[data-afy-theme="dark"] .afy2-divider::before,
.afy2[data-afy-theme="dark"] .afy2-divider::after {
  background: #232736;
}

.afy2[data-afy-theme="dark"] .afy2-divider {
  color: rgba(160,160,160,0.5);
}

/* ==========================
   MODAL — Dark Navy
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-modal-overlay {
  background: rgba(13,17,23,0.8);
}

.afy2[data-afy-theme="dark"] .afy2-modal {
  background: #0d1117;
  border: 1px solid #232736;
  box-shadow: 0 24px 48px rgba(0,0,0,0.5);
}

.afy2[data-afy-theme="dark"] .afy2-modal-header {
  border-color: #232736;
}

.afy2[data-afy-theme="dark"] .afy2-modal-header h3 {
  color: #e8e8e8;
}

.afy2[data-afy-theme="dark"] .afy2-modal-header p {
  color: #a0a0a0;
}

.afy2[data-afy-theme="dark"] .afy2-modal-body {
  color: #a0a0a0;
}

.afy2[data-afy-theme="dark"] .afy2-modal-footer {
  border-color: #232736;
}

.afy2[data-afy-theme="dark"] .afy2-modal-close {
  color: #a0a0a0;
}

.afy2[data-afy-theme="dark"] .afy2-modal-close:hover {
  color: #e8e8e8;
}

/* ==========================
   BID HISTORY — Dark Navy
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-history-row {
  border-color: #232736;
}

.afy2[data-afy-theme="dark"] .afy2-history-bidder {
  color: #a0a0a0;
}

.afy2[data-afy-theme="dark"] .afy2-history-amount {
  color: #74b48b;
}

.afy2[data-afy-theme="dark"] .afy2-history-time {
  color: rgba(160,160,160,0.5);
}

.afy2[data-afy-theme="dark"] .afy2-history-count {
  color: rgba(160,160,160,0.6);
}

/* ==========================
   TOAST — Dark Navy
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-toast,
.afy2-toast[data-afy-theme="dark"] {
  background: #0d1117;
  border: 1px solid #232736;
  box-shadow: 0 12px 32px rgba(0,0,0,0.5);
  color: #e8e8e8;
}

.afy2[data-afy-theme="dark"] .afy2-toast--success {
  border-color: rgba(116,180,139,0.3);
}

.afy2[data-afy-theme="dark"] .afy2-toast--error {
  border-color: rgba(248,113,113,0.3);
}

.afy2[data-afy-theme="dark"] .afy2-toast--warning {
  border-color: rgba(251,191,36,0.3);
}

.afy2[data-afy-theme="dark"] .afy2-toast--info {
  border-color: rgba(65,69,100,0.3);
}

/* ==========================
   VALUE BADGE — Navy
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-value-badge,
.afy2-value-badge[data-afy-theme="dark"] {
  background: rgba(65,69,100,0.2);
  border: 1px solid rgba(65,69,100,0.3);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.afy2[data-afy-theme="dark"] .afy2-value-badge-price,
.afy2-value-badge[data-afy-theme="dark"] .afy2-value-badge-price {
  color: #e8e8e8;
}

.afy2[data-afy-theme="dark"] .afy2-value-badge-icon svg,
.afy2-value-badge[data-afy-theme="dark"] .afy2-value-badge-icon svg {
  fill: rgba(255,255,255,0.8);
}

/* ==========================
   CHAT — Twitch-Style Dark Navy
   ========================== */

/* Outer wrapper squircle — outside clip-path so stroke is visible */
.afy2[data-afy-theme="dark"] .afy2-chat-outer > .afy2-squircle-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.afy2[data-afy-theme="dark"] .afy2-chat-outer > .afy2-squircle-bg svg {
  width: 100%;
  height: 100%;
}

/* Inner chat — clip-path for content, sits above outer squircle */
.afy2[data-afy-theme="dark"] .afy2-chat {
  background: transparent;
  border: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 20px;
  clip-path: url(#afy2-chat-clip);
}

/* Gradient overlay — flush top, full width */
.afy2[data-afy-theme="dark"] .afy2-chat .afy2-chat-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 75px;
  z-index: 3;
  pointer-events: none;
}

.afy2[data-afy-theme="dark"] .afy2-chat > *:not(.afy2-chat-gradient) {
  position: relative;
  z-index: 1;
}

.afy2[data-afy-theme="dark"] .afy2-chat-header {
  display: none;
}

.afy2[data-afy-theme="dark"] .afy2-chat-header-title {
  color: #e8e8e8;
  font-family: 'SF Pro Variable', -apple-system, 'SF Pro Display', system-ui, sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.afy2[data-afy-theme="dark"] .afy2-chat-live-badge {
  background: rgba(116,180,139,0.15);
  color: #74b48b;
  border-color: rgba(116,180,139,0.25);
}

.afy2[data-afy-theme="dark"] .afy2-chat-live-dot {
  background: #74b48b;
  box-shadow: 0 0 6px #74b48b;
  animation: none;
}

.afy2[data-afy-theme="dark"] .afy2-chat-count {
  color: #a0a0a0;
  font-size: 12px;
  margin-left: auto;
}

.afy2[data-afy-theme="dark"] .afy2-chat-feed {
  background: transparent;
  min-height: 120px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0 6px;
  margin-top: 0;
  position: relative;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
}

.afy2[data-afy-theme="dark"] .afy2-chat-feed::before {
  content: '';
  flex: 1 1 auto;
}

.afy2[data-afy-theme="dark"] .afy2-chat-feed::-webkit-scrollbar {
  display: none;
}

.afy2[data-afy-theme="dark"] .afy2-chat-jump {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translate(-50%, 10px);
  opacity: 0;
  pointer-events: none;
  z-index: 4;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(240, 240, 240, 0.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    opacity 160ms ease,
    transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

.afy2[data-afy-theme="dark"] .afy2-chat-jump:hover {
  background: rgba(240, 240, 240, 0.22);
}

.afy2[data-afy-theme="dark"] .afy2-chat-jump--visible {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

.afy2[data-afy-theme="dark"] .afy2-chat-jump-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.85);
  background: none;
  width: auto;
  height: auto;
  border-radius: 0;
}

.afy2[data-afy-theme="dark"] .afy2-chat-jump-label {
  display: none;
}

.afy2[data-afy-theme="dark"] .afy2-chat-jump-badge {
  display: none;
}

.afy2[data-afy-theme="dark"] .afy2-chat-empty {
  color: rgba(160,160,160,0.4);
  font-size: 13px;
  padding: 24px 14px;
  text-align: center;
}

/* Twitch-style chat messages — inline layout */
.afy2[data-afy-theme="dark"] .afy2-chat-msg {
  background: transparent;
  border: none;
  border-color: transparent;
  padding: 0.75px 5px 0.75px 20px;
  display: flex;
  align-items: baseline;
  gap: 6px;
  line-height: 1.45;
  font-size: 13px;
}

.afy2[data-afy-theme="dark"] .afy2-chat-msg--enter {
  animation: afy2-chat-msg-enter 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes afy2-chat-msg-enter {
  from {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(1px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* Bidder highlight row — no styling for regular bidders, only winning gets yellow */
.afy2[data-afy-theme="dark"] .afy2-chat-msg--bidder {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

/* Kill the yellow glow-in animation for dark theme */
.afy2[data-afy-theme="dark"] .afy2-chat-msg--bidder-glow-in {
  animation: none;
}

/* Winning bidder row — yellow tint only for top bidder, stretch full width */
.afy2[data-afy-theme="dark"] .afy2-chat-msg--winning {
  background: rgba(254,236,4,0.04);
  border-radius: 0;
  margin: 0;
  padding: 0.75px 5px 0.75px 20px;
}

.afy2[data-afy-theme="dark"] .afy2-chat-msg--winning .afy2-chat-text {
  color: #F7DFA5;
  font-weight: 650;
  font-variation-settings: 'wdth' 91;
}

/* Self message */
.afy2[data-afy-theme="dark"] .afy2-chat-msg--self {
  background: rgba(254,236,4,0.07);
  border-color: transparent;
  border-radius: 0;
  margin: 0;
  padding: 0.75px 5px 0.75px 20px;
}

.afy2[data-afy-theme="dark"] .afy2-chat-msg--self .afy2-chat-text {
  color: #B0B8C4;
}

/* Bid amount column (left side) */
.afy2[data-afy-theme="dark"] .afy2-chat-bid-col {
  display: block;
  color: #414564;
  font-family: 'Reddit Mono', monospace;
  font-size: 13px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  min-width: 42px;
  text-align: left;
  flex-shrink: 0;
  line-height: 1.5;
  margin-left: -8px;
}

/* Chat message content area (inline flow) */
.afy2[data-afy-theme="dark"] .afy2-chat-msg-content {
  flex: 1;
  min-width: 0;
  margin-left: 6px;
}

/* Username — unique color per user */
.afy2[data-afy-theme="dark"] .afy2-chat-name {
  color: #a0a0a0;
  font-family: 'SF Pro Variable', -apple-system, 'SF Pro Display', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 410;
  font-variation-settings: 'wdth' 106;
  margin-right: 6px;
}

.afy2[data-afy-theme="dark"] .afy2-chat-name--bidder {
  color: inherit; /* uses hash-assigned color */
}

/* Gold badge for top bidder */
.afy2[data-afy-theme="dark"] .afy2-chat-gold-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  background: url('/auction-assets/afy2-badge-crown.png') center / 59px 24px no-repeat;
  width: 59px;
  height: 24px;
  border-radius: 0;
  padding: 0;
  margin: 0 4px;
  vertical-align: middle;
}

.afy2[data-afy-theme="dark"] .afy2-chat-gold-badge .afy2-badge-crown-icon {
  width: 14.67px;
  height: 13.33px;
  object-fit: contain;
}

.afy2[data-afy-theme="dark"] .afy2-chat-gold-badge .afy2-badge-price {
  background-image:
    linear-gradient(108deg, rgba(231,135,19,0.5) 6%, transparent 17%),
    linear-gradient(-66deg, rgba(231,135,19,0.5) 9%, transparent 23%),
    radial-gradient(ellipse at center, #d0b477, #a48d58);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: 'Cash Sans Medium', 'Reddit Mono', monospace;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

/* Bid tag in chat */
.afy2[data-afy-theme="dark"] .afy2-chat-bid-tag {
  background: rgba(116,180,139,0.15);
  color: #74b48b;
  border-color: rgba(116,180,139,0.25);
}

.afy2[data-afy-theme="dark"] .afy2-chat-time {
  color: rgba(160,160,160,0.35);
}

/* Chat text body */
.afy2[data-afy-theme="dark"] .afy2-chat-text {
  color: #b0b8c4;
  font-family: 'SF Pro Variable', -apple-system, 'SF Pro Display', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 410;
  font-variation-settings: 'wdth' 91;
  display: inline;
}

/* Inline emotes in chat messages */
.afy2[data-afy-theme="dark"] .afy2-chat-emote {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1px;
}

/* Chat divider */
.afy2[data-afy-theme="dark"] .afy2-chat-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  border: none;
  margin: 0;
}

/* Chat input bar */
.afy2[data-afy-theme="dark"] .afy2-chat-input-bar {
  background: transparent;
  border-color: transparent;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  border-bottom: none;
}

.afy2[data-afy-theme="dark"] .afy2-chat-input {
  background: #1a1f2e;
  border: 1px solid #232736;
  color: #e8e8e8;
  caret-color: #a0a0a0;
  border-radius: 10px;
  padding: 8px 10px;
  flex: 1;
  height: 36px;
  box-sizing: border-box;
  min-height: unset;
  max-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  line-height: 18px;
  -webkit-user-modify: read-write-plaintext-only;
}

.afy2[data-afy-theme="dark"] .afy2-chat-input:focus {
  border-color: #414564;
}

/* Placeholder for contenteditable via data-placeholder */
.afy2[data-afy-theme="dark"] .afy2-chat-input:empty::before {
  content: attr(data-placeholder);
  color: #4b5563;
  pointer-events: none;
}

/* Keep emote images inline in the input */
.afy2[data-afy-theme="dark"] .afy2-chat-input .afy2-emote-inline {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  object-fit: contain;
  margin: -2px 1px;
  pointer-events: none;
}

/* ChatGPT-style send button */
.afy2[data-afy-theme="dark"] .afy2-chat-send-btn {
  background: transparent;
  color: #a0a0a0;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  cursor: pointer;
}

.afy2[data-afy-theme="dark"] .afy2-chat-send-btn:hover:not(:disabled) {
  background: rgba(160,160,160,0.1);
}

.afy2[data-afy-theme="dark"] .afy2-chat-send-btn:disabled {
  background: transparent;
  color: rgba(160,160,160,0.3);
  border: none;
  opacity: 0.3;
}

.afy2[data-afy-theme="dark"] .afy2-chat-send-btn svg {
  width: 24px;
  height: 24px;
}

/* ==========================
   REPLY SYSTEM — Hover button + preview bar + winner CTA
   ========================== */

/* Reply button on each message — hidden until hover */
.afy2[data-afy-theme="dark"] .afy2-chat-reply-btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background: rgba(30, 35, 52, 0.92);
  color: rgba(160, 168, 184, 0.6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  opacity: 0;
  transition: opacity 120ms ease, background 120ms ease, color 120ms ease;
  pointer-events: none;
  flex-shrink: 0;
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-btn svg {
  width: 13px;
  height: 13px;
  transform: scaleX(-1);
}

/* Message needs position:relative for absolute reply btn */
.afy2[data-afy-theme="dark"] .afy2-chat-msg {
  position: relative;
}

/* Show reply button on message hover */
.afy2[data-afy-theme="dark"] .afy2-chat-msg:hover .afy2-chat-reply-btn {
  opacity: 1;
  pointer-events: auto;
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-btn:hover {
  background: rgba(65, 69, 100, 0.72);
  color: rgba(220, 224, 236, 0.9);
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-btn:active {
  transform: translateY(-50%) scale(0.9);
}

/* Subtle row highlight on hover for context */
.afy2[data-afy-theme="dark"] .afy2-chat-msg:hover {
  background: rgba(255, 255, 255, 0.02);
}

/* Reply preview bar — collapsed by default, slides open via grid-template-rows */
.afy2[data-afy-theme="dark"] .afy2-chat-reply-bar {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-bar-inner {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 14px;
  min-height: 0;
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-bar--active {
  grid-template-rows: 1fr;
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-bar--active .afy2-chat-reply-bar-inner {
  padding: 6px 14px 2px;
}

/* Staggered fade-in for reply bar contents */
.afy2[data-afy-theme="dark"] .afy2-chat-reply-bar--active .afy2-chat-reply-bar-icon,
.afy2[data-afy-theme="dark"] .afy2-chat-reply-bar--active .afy2-chat-reply-bar-label,
.afy2[data-afy-theme="dark"] .afy2-chat-reply-bar--active .afy2-chat-reply-name,
.afy2[data-afy-theme="dark"] .afy2-chat-reply-bar--active .afy2-chat-reply-dismiss {
  opacity: 1;
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-bar-icon {
  color: rgba(160, 168, 184, 0.45);
  flex-shrink: 0;
  transform: scaleX(-1);
  opacity: 0;
  transition: opacity 120ms ease 60ms;
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-bar-label {
  color: rgba(160, 168, 184, 0.5);
  font-family: 'SF Pro Variable', -apple-system, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 450;
  letter-spacing: 0.01em;
  opacity: 0;
  transition: opacity 120ms ease 80ms;
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-name {
  color: #a89cd6;
  font-family: 'SF Pro Variable', -apple-system, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 550;
  letter-spacing: 0.01em;
  opacity: 0;
  transition: opacity 120ms ease 100ms;
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-dismiss {
  margin-left: auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: rgba(160, 168, 184, 0.35);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  opacity: 0;
  transition: opacity 120ms ease 120ms, background 100ms ease, color 100ms ease;
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-dismiss:hover {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(220, 224, 236, 0.7);
}

/* "Reply to winner" button — floating above the input area */
.afy2[data-afy-theme="dark"] .afy2-chat-reply-winner-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 14px;
  padding: 5px 10px;
  border: 1px solid rgba(168, 156, 214, 0.12);
  border-radius: 8px;
  background: rgba(168, 156, 214, 0.06);
  color: rgba(168, 156, 214, 0.65);
  font-family: 'SF Pro Variable', -apple-system, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 450;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-winner-btn:hover {
  background: rgba(168, 156, 214, 0.11);
  border-color: rgba(168, 156, 214, 0.2);
  color: rgba(200, 190, 236, 0.85);
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-winner-icon {
  flex-shrink: 0;
  transform: scaleX(-1);
  opacity: 0.6;
}

.afy2[data-afy-theme="dark"] .afy2-chat-reply-winner-name {
  font-weight: 600;
  color: #a89cd6;
}

/* @mention highlight in rendered chat text */
.afy2[data-afy-theme="dark"] .afy2-chat-mention {
  color: #a89cd6;
  font-weight: 550;
}

/* ==========================
   EMOJI PICKER GRID
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-emoji-picker {
  display: grid;
  grid-template-columns: repeat(12, 28px);
  gap: 4px 7px;
  padding: 6px 14px 8px;
  justify-content: center;
  border-top: 1px solid #232736;
  margin-top: 25px;
}

.afy2[data-afy-theme="dark"] .afy2-emoji-picker-btn {
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.15s ease;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.afy2[data-afy-theme="dark"] .afy2-emoji-picker-btn:hover {
  opacity: 1;
  background: rgba(255,255,255,0.05);
}

.afy2[data-afy-theme="dark"] .afy2-emoji-picker-btn img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter: grayscale(1);
  transition: filter 0.15s ease;
}

.afy2[data-afy-theme="dark"] .afy2-emoji-picker-btn:hover img {
  filter: grayscale(0);
}

/* Inline emotes in chat messages */
.afy2[data-afy-theme="dark"] .afy2-emote-inline {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  object-fit: contain;
  margin: -2px 1px;
}


.afy2[data-afy-theme="dark"] .afy2-chat-disabled {
  color: rgba(160,160,160,0.4);
}

@media (prefers-reduced-motion: reduce) {
  .afy2[data-afy-theme="dark"] .afy2-chat-jump {
    transition: none;
  }

  .afy2[data-afy-theme="dark"] .afy2-chat-msg--enter {
    animation: none;
  }

  .afy2[data-afy-theme="dark"] .afy2-chat-reply-bar {
    transition: none;
  }

  .afy2[data-afy-theme="dark"] .afy2-chat-reply-btn {
    transition: none;
  }
}

/* ==========================
   COLLECTION CARDS — Dark Navy
   ========================== */
.afy2-card-inject[data-afy-theme="dark"] {
  background: #0d1117;
  border: 1px solid #232736;
  color: #e8e8e8;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-card-stats {
  background: #1a1f2e;
  border-color: #232736;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-card-stat-label {
  color: #a0a0a0;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-card-stat-value {
  color: #e8e8e8;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-bid-amount {
  color: #74b48b;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-card-stat-divider {
  background: #232736;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-clock-icon {
  color: #a0a0a0;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-card-stat--timer .afy2-card-stat-value {
  color: rgba(232,232,232,0.85);
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-card-btn--outline {
  background: #1a1f2e;
  border-color: #232736;
  color: #e8e8e8;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-card-btn--outline:hover {
  background: #232736;
  border-color: #414564;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-proxy-row {
  background: #1a1f2e;
  border-color: #232736;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-proxy-dollar {
  color: #a0a0a0;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-proxy-input {
  background: #0d1117;
  border-color: #232736;
  color: #e8e8e8;
  caret-color: #414564;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-proxy-input.afy2-atm-input--filled {
  color: #74b48b;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-proxy-confirm {
  background: rgba(65,69,100,0.2);
  border-color: rgba(65,69,100,0.3);
  color: #414564;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-proxy-confirm--disabled {
  background: #1a1f2e;
  border-color: #232736;
  color: rgba(160,160,160,0.3);
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-card-status {
  color: #a0a0a0;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-card-status--winning {
  color: #74b48b;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-card-status--outbid {
  color: #f87171;
}

.afy2-card-inject[data-afy-theme="dark"] .afy2-card-status--neutral {
  color: #a0a0a0;
}

/* ==========================
   TOOLTIP — Dark Navy
   ========================== */
.afy2-hint-tooltip[data-afy-theme="dark"] {
  background: #0d1117;
  border: 1px solid #232736;
  color: #a0a0a0;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}

/* ==========================
   ACTIONS ROW
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-actions {
  gap: 8px;
  margin-top: 12px;
  margin-bottom: 8px;
}

.afy2[data-afy-theme="dark"] .afy2-actions .afy2-btn {
  color: #a0a0a0;
  background: #0C0F1C;
  border: 1px solid #232736;
  border-radius: 10px;
  font-size: 13px;
}

.afy2[data-afy-theme="dark"] .afy2-actions .afy2-btn:hover:not(:disabled) {
  background: #1a1f2e;
  border-color: #414564;
  color: #e8e8e8;
}

/* Bid history row — full-width ghost button */
.afy2[data-afy-theme="dark"] #afy2-history-btn {
  background: #0C0F1C;
  border: 1px solid #232736;
  border-radius: 10px;
  color: #a0a0a0;
  font-size: 13px;
}

.afy2[data-afy-theme="dark"] #afy2-history-btn:hover:not(:disabled) {
  background: #1a1f2e;
  border-color: #414564;
  color: #e8e8e8;
}

/* ==========================
   CHECKBOX
   ========================== */
.afy2[data-afy-theme="dark"] .afy2-checkbox-label {
  color: #a0a0a0;
}

/* ==========================
   COLLECTION TOAST
   ========================== */
[data-afy-theme="dark"] ~ .afy2-toast,
.afy2-toast[data-afy-theme="dark"] {
  background: #0d1117;
  border: 1px solid #232736;
  box-shadow: 0 12px 32px rgba(0,0,0,0.5);
  color: #e8e8e8;
}
/* ==========================
   PRODUCT INFO SECTION
   ========================== */

.afy2[data-afy-theme="dark"] .afy2-product-info-outer {
  position: relative;
  width: 573px;
  max-width: 100%;
  margin: 20px auto 12px;
  background: transparent;
  border: none;
  border-radius: 0;
  overflow: hidden;
}

.afy2[data-afy-theme="dark"] .afy2-product-info {
  position: relative;
  z-index: 1;
  padding: 29px 36px;
}

.afy2[data-afy-theme="dark"] .afy2-product-info-title {
  font-family: 'Founders Grotesk', var(--heading-font-stack), sans-serif !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  line-height: 25px !important;
  color: #259DD3 !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: -0.01em;
}

.afy2[data-afy-theme="dark"] .afy2-product-info-divider {
  height: 1px;
  background: #232736;
  margin: 0 0 8px 0;
}

.afy2[data-afy-theme="dark"] .afy2-product-info-content {
  color: #e8e8e8 !important;
  opacity: 0.7;
  font-family: 'Founders Grotesk', var(--main-font-stack), sans-serif !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 23px !important;
  margin-top: 10px !important;
  margin-left: -4px !important;
}

.afy2[data-afy-theme="dark"] .afy2-product-info-content ul {
  list-style: disc;
  padding-left: 25px;
  margin: 0;
}

.afy2[data-afy-theme="dark"] .afy2-product-info-content li {
  margin-bottom: 16px;
}

.afy2[data-afy-theme="dark"] .afy2-product-info-content li:last-child {
  margin-bottom: 0;
}

.afy2[data-afy-theme="dark"] .afy2-product-info-content p {
  margin: 0 0 16px 0;
}

.afy2[data-afy-theme="dark"] .afy2-product-info-content p:last-child {
  margin-bottom: 0;
}
/* Stagger animations moved to base CSS (auctionafy-widget.css) to prevent FOUC */

/* ==========================
   GLOW EFFECT — cursor-tracking rainbow inside the real 1px panel border
   Change these 4 color tokens to retheme the border.
   ========================== */
/* =============================================
   GLOW EFFECT — Squircle path mask (regular + winning modes)
   ============================================= */

/* --- Shared base --- */
.afy2[data-afy-theme="dark"] .afy2-glow-effect {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

/* --- MODE: REGULAR (hover, pink) --- */
.afy2[data-afy-theme="dark"] .afy2-glow-effect[data-mode="regular"] {
  --glow-spread: 40;
  --glow-start: 0;
  --glow-active: 0;

  background: #FF66D6;
  opacity: var(--glow-active, 0);
  transition: opacity 0.3s ease;

  -webkit-mask-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 215 145' preserveAspectRatio='none'%3E%3Cpath d='M166.524 0.5L168.331 0.505859C186.776 0.635388 198.326 2.81628 205.255 9.74512C212.407 16.8975 214.5 28.9742 214.5 48.4756V96.5244C214.5 116.026 212.407 128.103 205.255 135.255C198.103 142.407 186.026 144.5 166.524 144.5H48.4756C28.9742 144.5 16.8975 142.407 9.74512 135.255C2.59276 128.103 0.500029 116.026 0.5 96.5244V48.4756C0.50003 28.9742 2.59276 16.8975 9.74512 9.74512C16.8975 2.59276 28.9742 0.50003 48.4756 0.5H166.524Z' fill='none' stroke='white' stroke-width='1'/%3E%3C/svg%3E"),
    conic-gradient(
      from calc((var(--glow-start) - var(--glow-spread)) * 1deg),
      transparent 0deg, #fff, transparent calc(var(--glow-spread) * 2deg)
    );
  -webkit-mask-size: 100% 100%;
  -webkit-mask-composite: source-in;
  mask-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 215 145' preserveAspectRatio='none'%3E%3Cpath d='M166.524 0.5L168.331 0.505859C186.776 0.635388 198.326 2.81628 205.255 9.74512C212.407 16.8975 214.5 28.9742 214.5 48.4756V96.5244C214.5 116.026 212.407 128.103 205.255 135.255C198.103 142.407 186.026 144.5 166.524 144.5H48.4756C28.9742 144.5 16.8975 142.407 9.74512 135.255C2.59276 128.103 0.500029 116.026 0.5 96.5244V48.4756C0.50003 28.9742 2.59276 16.8975 9.74512 9.74512C16.8975 2.59276 28.9742 0.50003 48.4756 0.5H166.524Z' fill='none' stroke='white' stroke-width='1'/%3E%3C/svg%3E"),
    conic-gradient(
      from calc((var(--glow-start) - var(--glow-spread)) * 1deg),
      transparent 0deg, #fff, transparent calc(var(--glow-spread) * 2deg)
    );
  mask-size: 100% 100%;
  mask-composite: intersect;
}

/* --- MODE: WINNING (auto-animate rainbow comet) --- */
.afy2[data-afy-theme="dark"] .afy2-glow-effect[data-mode="winning"] {
  --win-start: 0;
  --win-spread: 2;

  background: conic-gradient(from 0deg at 50% 50%, #ff0000 0deg, #ff8800 51deg, #ffdd00 102deg, #00ff00 153deg, #00ffff 204deg, #0088ff 255deg, #ff00ff 306deg, #ff0000 360deg);
  opacity: var(--win-opacity, 0);
  transition: none;

  -webkit-mask-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 215 145' preserveAspectRatio='none'%3E%3Cpath d='M166.524 0.5L168.331 0.505859C186.776 0.635388 198.326 2.81628 205.255 9.74512C212.407 16.8975 214.5 28.9742 214.5 48.4756V96.5244C214.5 116.026 212.407 128.103 205.255 135.255C198.103 142.407 186.026 144.5 166.524 144.5H48.4756C28.9742 144.5 16.8975 142.407 9.74512 135.255C2.59276 128.103 0.500029 116.026 0.5 96.5244V48.4756C0.50003 28.9742 2.59276 16.8975 9.74512 9.74512C16.8975 2.59276 28.9742 0.50003 48.4756 0.5H166.524Z' fill='none' stroke='white' stroke-width='1'/%3E%3C/svg%3E"),
    conic-gradient(
      from calc((var(--win-start) - var(--win-spread)) * 1deg),
      transparent 0deg, #fff, transparent calc(var(--win-spread) * 2deg)
    );
  -webkit-mask-size: 100% 100%;
  -webkit-mask-composite: source-in;
  mask-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 215 145' preserveAspectRatio='none'%3E%3Cpath d='M166.524 0.5L168.331 0.505859C186.776 0.635388 198.326 2.81628 205.255 9.74512C212.407 16.8975 214.5 28.9742 214.5 48.4756V96.5244C214.5 116.026 212.407 128.103 205.255 135.255C198.103 142.407 186.026 144.5 166.524 144.5H48.4756C28.9742 144.5 16.8975 142.407 9.74512 135.255C2.59276 128.103 0.500029 116.026 0.5 96.5244V48.4756C0.50003 28.9742 2.59276 16.8975 9.74512 9.74512C16.8975 2.59276 28.9742 0.50003 48.4756 0.5H166.524Z' fill='none' stroke='white' stroke-width='1'/%3E%3C/svg%3E"),
    conic-gradient(
      from calc((var(--win-start) - var(--win-spread)) * 1deg),
      transparent 0deg, #fff, transparent calc(var(--win-spread) * 2deg)
    );
  mask-size: 100% 100%;
  mask-composite: intersect;
}

/* v2-chat-redesign */