@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");/* Remove old header styles - not needed anymore */
._header_uf94f_3 {
  display: none;
}

._logo_uf94f_11 {
  display: none;
}

._logoContainer_uf94f_19 {
  display: none;
}

._logoImage_uf94f_27 {
  display: none;
}

._nav_uf94f_35 a {
  display: none;
}

._nav_uf94f_35 a:hover {
  display: none;
}

._layoutContainer_uf94f_51 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

._contentWrapper_uf94f_63 {
  position: relative;
  flex: 1;
}

._mainContent_uf94f_73 {
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 0; /* Verhindert Überlauf bei kurzem Content */
  margin-left: clamp(160px, 18vw, 240px); /* match fluid sidebar width */
  padding: 1rem 1.5rem; /* breathing room */
}

._mainContentCollapsed_uf94f_91 {
  margin-left: 72px;
}

/* Hide mobile top bar + menu button on desktop */
._topBar_uf94f_101,
._menuButton_uf94f_103 {
  display: none;
}

._footer_uf94f_111 {
  width: 100%;
  height: var(--footer-height, 80px); /* Dynamisch, fallback: 80px */
  padding: 0 2rem;
  text-align: center;
  border-top: 1px solid var(--border);
  color: var(--text);
  background: var(--card-bg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  flex-shrink: 0;
  box-sizing: border-box;
}

._footer_uf94f_111 p {
  margin: 0; /* Remove default paragraph margins */
  line-height: 1; /* Set consistent line height */
}

._footer_uf94f_111 nav {
  display: flex;
  gap: 1rem;
  margin: 0; /* Remove any default margins */
}

._footer_uf94f_111 nav a {
  color: var(--link-color);
  text-decoration: none;
  font-size: 0.9rem;
  line-height: 1; /* Consistent line height */
}

._footer_uf94f_111 nav a:hover {
  color: var(--primary);
}

/* Responsive */
@media (max-width: 768px) {
  ._mainContent_uf94f_73 {
    margin-left: 0;
    padding: 0;
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    min-height: calc(100vh - 80px);
  }

  ._topBar_uf94f_101 {
    position: sticky;
    top: 0;
    z-index: 900;
    background: var(--card-bg);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem 0.75rem;
  }

  ._menuButton_uf94f_103 {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--vote-btn-bg);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
  }

  ._overlay_uf94f_259 {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 800;
  }

  ._footer_uf94f_111 {
    height: 72px; /* Slightly smaller on mobile */
    flex-direction: column;
    gap: 0.25rem; /* Smaller gap */
    padding: 0 0.75rem;
    justify-content: center; /* Center everything on mobile */
  }

  ._footer_uf94f_111 p {
    font-size: 0.8rem;
  }

  ._footer_uf94f_111 nav a {
    font-size: 0.75rem;
  }

  ._footer_uf94f_111 nav {
    justify-content: center;
  }
}
._sidebar_226to_1 {
  position: fixed;
  left: 0;
  top: 0;
  /* Fluid width on desktop: shrinks on narrower PC screens but never below 160px */
  width: clamp(160px, 18vw, 240px);
  height: 100vh;
  background: var(--card-bg);
  border-right: 1px solid var(--border);
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
  z-index: 100;
  overflow-y: auto;
}

._collapsed_226to_33 {
  width: 72px;
}

._hoverOpen_226to_41 {
  width: clamp(160px, 18vw, 240px);
}

._logoSection_226to_49 {
  padding: 0 1.5rem 2rem 1.5rem;
  border-bottom: 1px solid var(--border-light);
  margin-bottom: 1.5rem;
  flex-shrink: 0;
}

._collapsed_226to_33 ._logoSection_226to_49 {
  padding: 0 0.75rem 1.5rem 0.75rem;
}

._hoverOpen_226to_41 ._logoSection_226to_49 {
  padding: 0 1.5rem 2rem 1.5rem;
}

._logoRow_226to_79 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

._collapsed_226to_33 ._logoRow_226to_79 {
  justify-content: center;
}

._hoverOpen_226to_41 ._logoRow_226to_79 {
  justify-content: flex-start;
}

._logo_226to_49 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

._logoImage_226to_123 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

._collapsed_226to_33 ._logoImage_226to_123 {
  width: 28px;
  height: 28px;
}

._logoText_226to_149 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text);
}

._collapsed_226to_33 ._logoText_226to_149 {
  display: none;
}

._hoverOpen_226to_41 ._logoText_226to_149 {
  display: inline;
}

._logoSubtext_226to_177 {
  font-size: 0.8rem;
  color: var(--text-muted);
  margin: 0;
  padding-left: 2.5rem;
}

._collapsed_226to_33 ._logoSubtext_226to_177 {
  display: none;
}

._hoverOpen_226to_41 ._logoSubtext_226to_177 {
  display: block;
}

._navigation_226to_207 {
  flex: 1;
  padding: 0 1rem;
  overflow-y: auto;
}

._collapsed_226to_33 ._navigation_226to_207 {
  padding: 0 0.5rem;
}

._hoverOpen_226to_41 ._navigation_226to_207 {
  padding: 0 1rem;
}

._navItem_226to_235 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  margin-bottom: 0.25rem;
  border-radius: 8px;
  color: var(--text-muted);
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 0.9rem;
}

._collapsed_226to_33 ._navItem_226to_235 {
  justify-content: center;
  gap: 0;
  padding: 0.75rem 0.5rem;
}

._hoverOpen_226to_41 ._navItem_226to_235 {
  justify-content: flex-start;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
}

._navItem_226to_235:hover {
  background: var(--primary);
  color: white;
  transform: translateX(2px);
}

._navItem_226to_235._active_226to_297 {
  background: var(--primary);
  color: white;
  font-weight: 600;
}

._navIcon_226to_309 {
  font-size: 1.1rem;
  display: flex;
  align-items: center;
}

._navLabel_226to_321 {
  font-weight: 500;
}

._collapsed_226to_33 ._navLabel_226to_321 {
  display: none;
}

._hoverOpen_226to_41 ._navLabel_226to_321 {
  display: inline;
}

/* Bottom Section - Match Footer Height */
._bottomSection_226to_347 {
  padding: 0.5rem 1rem 1rem; /* reduce top padding, a bit more bottom */
  border-top: 1px solid var(--border-light);
  flex-shrink: 0;
  min-height: 56px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /* Keep at bottom but lift slightly */
  margin-top: auto;
  margin-bottom: 16px;
}

._collapsed_226to_33 ._bottomSection_226to_347 {
  padding: 0.5rem 0.5rem 1rem;
}

._controlsWrapper_226to_381 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

/* Style the theme toggle and wallet connect */
._controlsWrapper_226to_381 > * {
  width: 100%;
  justify-content: center;
  font-size: 0.85rem;
  padding: 0.4rem 0.5rem;
  min-height: 32px;
  display: flex;
  align-items: center;
  border-radius: 6px;
}

/* Fix text alignment */
._controlsWrapper_226to_381 button,
._controlsWrapper_226to_381 > div {
  text-align: center;
}

/* Responsive */
@media (max-width: 768px) {
  ._sidebar_226to_1 {
    width: 220px;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    z-index: 1000;
  }

  ._collapsed_226to_33 {
    width: 220px;
  }

  ._sidebar_226to_1._open_226to_469 {
    transform: translateX(0);
  }

  /* Don't let navigation fill the entire height on mobile, so controls sit higher */
  ._navigation_226to_207 {
    flex: 0 0 auto;
    padding-bottom: 0.5rem;
  }

  ._bottomSection_226to_347 {
    height: auto;
    padding: 0.5rem 1rem 1rem;
    justify-content: flex-start;
    border-top: none;
    margin-top: 0; /* lift controls above the bottom */
    margin-bottom: 0.5rem;
  }

  ._controlsWrapper_226to_381 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    justify-content: flex-start;
  }

  ._controlsWrapper_226to_381 > * {
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0.5rem 0.75rem;
  }
}
.theme-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.toggle-track {
  width: 44px; /* Reduced from 50px */
  height: 20px; /* Reduced from 24px */
  background: var(--border);
  border-radius: 50px;
  position: relative;
  transition: all 0.3s ease;
  border: 1px solid var(--border-light);
}

.theme-toggle.dark .toggle-track {
  background: var(--primary);
}

.toggle-thumb {
  width: 16px; /* Reduced from 20px */
  height: 16px; /* Reduced from 20px */
  background: var(--card-bg);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px var(--shadow);
}

.theme-toggle.dark .toggle-thumb {
  transform: translateX(24px); /* Adjusted from 26px to match new width */
}

.toggle-thumb .icon {
  font-size: 10px; /* Reduced from 12px */
  transition: all 0.3s ease;
}

.theme-toggle:hover .toggle-track {
  transform: scale(1.05);
}
._overlay_9w6li_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  z-index: 9999;
}

._modal_9w6li_23 {
  width: min(560px, 100%);
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--card-bg);
  color: var(--text);
  overflow: hidden;
}

._header_9w6li_41 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 14px 10px;
  border-bottom: 1px solid var(--border);
}

._title_9w6li_59 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
}

._close_9w6li_71 {
  border: 1px solid var(--border);
  background: var(--input-bg);
  color: var(--text);
  border-radius: 10px;
  padding: 6px 10px;
  cursor: pointer;
}

._body_9w6li_89 {
  padding: 14px;
}

._meta_9w6li_97 {
  margin: 0 0 10px 0;
  color: var(--text-muted);
}

._list_9w6li_107 {
  margin: 8px 0 0 18px;
}

._actions_9w6li_115 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 14px 14px;
  border-top: 1px solid var(--border);
}

._btn_9w6li_131 {
  border: 1px solid var(--border);
  background: var(--input-bg);
  color: var(--text);
  border-radius: 10px;
  padding: 8px 12px;
  cursor: pointer;
  font-weight: 700;
}

._primary_9w6li_151 {
  filter: brightness(1.08);
}
._bannerWrapper_pv7qm_1 {
  max-width: 900px;
  margin: 4rem auto 2rem;
  padding: 0 1.5rem;
  text-align: center;
}

._heading_pv7qm_15 {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text);
}

._subtext_pv7qm_27 {
  font-size: 1.125rem;
  margin-top: 1rem;
  color: var(--subtle-text, #9ca3af);
  line-height: 1.6;
}

@media (max-width: 768px) {
  ._bannerWrapper_pv7qm_1 {
    margin: 2rem auto 1rem;
    padding: 0 1rem;
  }
  ._heading_pv7qm_15 {
    font-size: 1.75rem;
  }
  ._subtext_pv7qm_27 {
    font-size: 1rem;
  }
}
._createButtonContainer_l8oxn_1 {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
}

/* Hide when NFT modal open on mobile */
@media (max-width: 768px) {
  body._nft-modal-open_l8oxn_19 ._createButtonContainer_l8oxn_1 {
    display: none;
  }
}

._createButton_l8oxn_1 {
  width: 60px;
  height: 60px;
  font-size: 2rem;
  background-color: var(--primary);
  color: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 0 4px 12px var(--shadow-strong);
  cursor: pointer;
  transition: background 0.2s ease;
}

._createButton_l8oxn_1:hover {
  background-color: var(--primary-hover);
}

._overlay_l8oxn_63 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

._modal_l8oxn_91 {
  background-color: var(--card-bg);
  color: var(--text);
  border: 1px solid var(--border-light);
  padding: 2rem;
  border-radius: 12px;
  width: 90%;
  max-width: 360px;
  position: relative;
  box-shadow: 0 8px 32px var(--shadow-strong);
}

._close_l8oxn_115 {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 1.5rem;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--text);
}

._title_l8oxn_137 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  text-align: center;
}

._options_l8oxn_149 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._option_l8oxn_149 {
  padding: 0.75rem 1rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 500;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.2s ease;

  @media (max-width: 768px) {
    ._button_l8oxn_185 {
      width: 100%;
      justify-content: center;
      padding: 0.65rem 0.9rem;
      border-radius: 8px;
    }
  }
}

._option_l8oxn_149:hover {
  background: var(--primary-hover);
}
._section_17g0s_1 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1rem 2rem;
}

._card_17g0s_13 {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 1.5rem;
  margin: 0 auto;
  max-width: 900px;
  box-shadow: var(--shadow);
  text-align: center;
}

._title_17g0s_35 {
  margin: 0 0 0.5rem;
  font-size: 1.6rem;
  font-weight: 700;
}
._titleUnderline_17g0s_45 {
  width: 48px;
  height: 3px;
  background: var(--primary);
  border-radius: 2px;
  margin: 0.5rem auto 1rem;
}

._subtitle_17g0s_61 {
  color: var(--text-muted);
  margin: 0 0 1rem;
}

._features_17g0s_71 {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem 1.5rem;
  max-width: 720px;
  text-align: left;
}

._features_17g0s_71 li {
  position: relative;
  padding-left: 1.25rem;
  color: var(--text);
}
._features_17g0s_71 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary);
}

._footnote_17g0s_125 {
  margin-top: 1rem;
  color: var(--text-muted);
  font-size: 0.9rem;
}

@media (max-width: 768px) {
  ._card_17g0s_13 {
    padding: 1rem;
    border-radius: 12px;
  }
  ._title_17g0s_35 {
    font-size: 1.25rem;
  }
  ._features_17g0s_71 {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}
/* Shared horizontal scroller layout (CSS Modules)
   Uses existing theme variables only.
*/

._sectionWrapper_eqckv_9 {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}

._sectionTitle_eqckv_25 {
  font-size: 2.25rem;
  font-weight: 800;
  margin: 0 0 1rem;
  letter-spacing: -0.02em;
  color: var(--text-primary);
  text-align: center;
}

._scrollerContainer_eqckv_43 {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

._horizontalWrapper_eqckv_57 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1.5rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2rem;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

._horizontalWrapper_eqckv_57::-webkit-scrollbar {
  display: none;
}

._sliderNav_eqckv_91 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--text-primary);
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

._sliderNavLeft_eqckv_125 {
  left: -1.5rem;
}

._sliderNavRight_eqckv_133 {
  right: -1.5rem;
}

._sliderNav_eqckv_91:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

._viewMoreCard_eqckv_151 {
  min-width: 280px;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--card-bg);
  border: 2px dashed var(--border);
  border-radius: 16px;
  cursor: pointer;
  text-decoration: none;
  color: var(--text-primary);
  font-weight: 600;
  font-size: 1.1rem;
}

._emptyMessage_eqckv_183 {
  padding: 2rem;
  color: var(--text-secondary);
}

@media (max-width: 768px) {
  ._horizontalWrapper_eqckv_57 {
    padding: 1.5rem 1rem;
    gap: 1rem;
  }

  /* On phones/tablets we rely on swipe; arrows can cover card content */
  ._sliderNav_eqckv_91 {
    display: none;
  }
}
/* LatestNFTs.module.css - Modern Compact Design for Light & Dark Theme */

._sectionWrapper_nrb4e_5 {
  position: relative;
}

/* Container to hold the fixed-position nav buttons and the scrollable row */
._scrollerContainer_nrb4e_15 {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}

._horizontalWrapper_nrb4e_27 {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  padding: 2rem;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}

/* Hide scrollbar */
._horizontalWrapper_nrb4e_27::-webkit-scrollbar {
  display: none;
}

._sectionTitleWrapper_nrb4e_61 {
  text-align: center;
  margin-bottom: 3rem;
  animation: _fadeIn_nrb4e_1 0.6s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

._sectionTitle_nrb4e_61 {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 0.75rem;
  position: relative;
  background: linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
}

._sectionTitle_nrb4e_61::after {
  content: "";
  display: block;
  height: 4px;
  width: 100px;
  background: linear-gradient(90deg, var(--primary) 0%, #a855f7 100%);
  margin: 1rem auto 0;
  border-radius: 2px;
  box-shadow: 0 2px 16px rgba(168, 85, 247, 0.5);
  animation: _shimmer_nrb4e_1 3s ease-in-out infinite;
}

/* Tab Buttons for Latest Offers */
._tabButtons_nrb4e_131 {
  display: flex;
  gap: 1rem;
  background: var(--card-bg);
  padding: 0.5rem;
  border-radius: 12px;
  border: 1px solid var(--border);
}

._tabButton_nrb4e_131 {
  padding: 0.75rem 1.5rem;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.3s ease;
  white-space: nowrap;
}

._tabButton_nrb4e_131:hover {
  background: rgba(16, 185, 129, 0.1);
  color: var(--primary);
}

._tabButtonActive_nrb4e_185 {
  background: var(--primary);
  color: white;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

._tabButtonActive_nrb4e_185:hover {
  background: var(--primary);
  color: white;
}

/* Navigation Arrows - Positioned beside container */
._sliderNav_nrb4e_209 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid var(--border);
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  color: var(--text-primary);
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

._sliderNav_nrb4e_209:hover {
  background: var(--primary);
  color: white;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}

._sliderNavLeft_nrb4e_261 {
  left: -1.5rem;
}

._sliderNavRight_nrb4e_269 {
  right: -1.5rem;
}

._sliderNav_nrb4e_209:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

._sliderNav_nrb4e_209:disabled:hover {
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.95);
  color: var(--text-primary);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] ._sliderNav_nrb4e_209 {
  background: rgba(30, 30, 30, 0.95);
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] ._sliderNav_nrb4e_209:hover {
  background: var(--primary);
  color: white;
}

[data-theme="dark"] ._sliderNav_nrb4e_209:disabled:hover {
  background: rgba(30, 30, 30, 0.95);
  color: var(--text-secondary);
}

/* View More Card */
._viewMoreCard_nrb4e_333 {
  min-width: 280px;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--card-bg);
  border: 2px dashed var(--border);
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  color: var(--text-primary);
  font-weight: 600;
  font-size: 1.1rem;
}

._viewMoreCard_nrb4e_333:hover {
  border-color: var(--primary);
  background: rgba(16, 185, 129, 0.05);
  transform: translateY(-4px);
}

._emptyMessage_nrb4e_379 {
  padding: 3rem;
  text-align: center;
  color: var(--text-secondary);
  font-size: 1rem;
}

/* Modern Clean NFT Card */
._nftCard_nrb4e_395 {
  width: 280px;
  height: 450px;
  scroll-snap-align: start;
  flex-shrink: 0;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  animation: _fadeIn_nrb4e_1 0.6s ease-out backwards;
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 12px;
}

._nftCard_nrb4e_395:nth-child(1) { animation-delay: 0.1s; }
._nftCard_nrb4e_395:nth-child(2) { animation-delay: 0.15s; }
._nftCard_nrb4e_395:nth-child(3) { animation-delay: 0.2s; }
._nftCard_nrb4e_395:nth-child(4) { animation-delay: 0.25s; }
._nftCard_nrb4e_395:nth-child(5) { animation-delay: 0.3s; }

._nftCard_nrb4e_395:hover {
  transform: translateY(-8px);
  border-color: var(--primary);
  box-shadow: 0 20px 40px rgba(16, 185, 129, 0.25), 
              0 0 0 1px var(--primary);
}

[data-theme="dark"] ._nftCard_nrb4e_395 {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] ._nftCard_nrb4e_395:hover {
  box-shadow: 0 20px 40px rgba(52, 211, 153, 0.35), 
              0 0 0 1px var(--primary);
}

/* Image Container - Clean Style */
._imageWrapper_nrb4e_481 {
  position: relative;
  width: 100%;
  height: 220px;
  flex-shrink: 0;
  overflow: hidden;
  background: linear-gradient(135deg, var(--primary) 0%, #a855f7 100%);
  border-radius: 12px;
  cursor: pointer;
}

._imageWrapper_nrb4e_481 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 12px;
}

._nftCard_nrb4e_395:hover ._imageWrapper_nrb4e_481 img {
  transform: scale(1.08);
}

/* Like Badge - Top Right */
._likeBadge_nrb4e_529 {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.7rem;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  z-index: 10;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

._likeBadge_nrb4e_529:hover {
  background: rgba(0, 0, 0, 0.7);
  transform: scale(1.05);
}

._likeBadge_nrb4e_529 svg {
  animation: _heartbeat_nrb4e_1 1.5s ease-in-out infinite;
}

[data-theme="dark"] ._likeBadge_nrb4e_529 {
  background: rgba(0, 0, 0, 0.6);
  border-color: rgba(255, 255, 255, 0.15);
}

/* Sale Badge - Top Left */
._saleBadge_nrb4e_601 {
  position: absolute;
  top: 8px;
  left: 8px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.95) 0%, rgba(5, 150, 105, 0.95) 100%);
  backdrop-filter: blur(8px);
  color: white;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 10;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

/* Card Body */
._cardBody_nrb4e_637 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
}

._collection_nrb4e_653 {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.7rem;
  background: rgba(102, 126, 234, 0.1);
  border: 1px solid rgba(102, 126, 234, 0.3);
  border-radius: 6px;
  font-size: 0.7rem;
  line-height: 1.2;
  color: var(--text-secondary);
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  font-family: 'Grandstander', cursive;
  box-sizing: border-box;
}

._metadataBadges_nrb4e_691 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 6px;
}

._badge_nrb4e_705 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.6rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.25);
  border-radius: 5px;
  font-size: 0.65rem;
  line-height: 1.2;
  color: var(--text-secondary);
  font-weight: 600;
  white-space: nowrap;
  font-family: 'Grandstander', cursive;
  box-sizing: border-box;
}

._ercBadge_nrb4e_739 {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
  color: var(--primary);
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 8px;
  font-family: 'Grandstander', cursive;
  font-size: 0.7rem;
  padding: 0.25rem 0.6rem;
}

._title_nrb4e_763 {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s ease;
  line-height: 1.3;
  margin: 0;
}

._nftCard_nrb4e_395:hover ._title_nrb4e_763 {
  color: var(--primary);
}

._creator_nrb4e_795 {
  font-size: 0.75rem;
  color: var(--text-muted);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Price Section - Compact Design */
._price_nrb4e_815 {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--primary);
  margin-top: auto;
  padding-top: 4px;
  border-top: 1px solid var(--border);
}

._priceLabel_nrb4e_833 {
  font-size: 0.7rem;
  color: var(--text-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}

._priceValue_nrb4e_851 {
  font-size: 1.5rem;
  font-weight: 900;
  background: linear-gradient(135deg, var(--primary) 0%, #a855f7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
}

/* Auction Status */
._auctionStatus_nrb4e_873 {
  margin-top: 0.75rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid var(--primary);
  border-radius: 6px;
  font-size: 0.85rem;
}

._statusLabel_nrb4e_891 {
  color: var(--text-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}

._statusValue_nrb4e_903 {
  color: var(--primary);
  font-weight: 600;
}

/* Animations */
@keyframes _fadeIn_nrb4e_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _shimmer_nrb4e_1 {
  0%, 100% {
    opacity: 1;
    transform: scaleX(1);
  }
  50% {
    opacity: 0.7;
    transform: scaleX(1.2);
  }
}

@keyframes _pulse_nrb4e_1 {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(239, 68, 68, 0.6);
  }
}

@keyframes _heartbeat_nrb4e_1 {
  0%, 100% {
    transform: scale(1);
  }
  10%, 30% {
    transform: scale(1.1);
  }
  20%, 40% {
    transform: scale(1);
  }
}

/* Responsive Design */
@media (max-width: 1200px) {
  ._nftCard_nrb4e_395 {
    width: 260px;
    height: 430px;
  }
  
  ._imageWrapper_nrb4e_481 {
    height: 240px;
  }
}

@media (max-width: 968px) {
  ._sectionTitle_nrb4e_61 {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  ._horizontalWrapper_nrb4e_27 {
    padding: 1.5rem 1rem;
    gap: 1rem;
  }

  /* On phones/tablets we rely on swipe; arrows can cover card content */
  ._sliderNav_nrb4e_209 {
    display: none;
  }
  
  ._nftCard_nrb4e_395 {
    width: 240px;
    height: 410px;
  }
  
  ._imageWrapper_nrb4e_481 {
    height: 220px;
  }
  
  ._sectionTitle_nrb4e_61 {
    font-size: 1.75rem;
  }
  
  ._sectionTitleWrapper_nrb4e_61 {
    margin-bottom: 2rem;
  }
  
  ._title_nrb4e_763 {
    font-size: 1.05rem;
  }
  
  ._priceValue_nrb4e_851 {
    font-size: 1.3rem;
  }
  
  ._cardBody_nrb4e_637 {
    /* Prevent clipping: card already has padding; extra body padding can hide info */
    padding: 0;
  }
}

@media (max-width: 480px) {
  ._nftCard_nrb4e_395 {
    width: 220px;
    height: 410px;
  }
  
  ._imageWrapper_nrb4e_481 {
    height: 200px;
  }
  
  ._imageWrapper_nrb4e_481::after {
    height: 25px;
    width: 120px;
  }
  
  ._cardBody_nrb4e_637 {
    padding: 0;
  }
  
  ._sectionTitle_nrb4e_61 {
    font-size: 1.5rem;
  }
  
  ._title_nrb4e_763 {
    font-size: 1rem;
    white-space: normal;
    /* Avoid -webkit-line-clamp here: it can clip glyphs on mobile */
    display: block;
    line-height: 1.25;
    padding: 2px 0;
    overflow: visible;
    text-overflow: unset;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  
  ._priceValue_nrb4e_851 {
    font-size: 1.2rem;
  }
}
._tabSwitch_7uwcf_1 {
  display: flex;
  gap: 1rem;
  padding-left: 2rem;
  margin-bottom: 1rem;
}

._tabSwitch_7uwcf_1 button {
  padding: 0.5rem 1rem;
  background: none;
  border: 2px solid var(--border);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  color: var(--text-muted);
  transition: background 0.2s ease;
}

._tabSwitch_7uwcf_1 ._activeTab_7uwcf_37 {
  background: #10b981;
  color: #fff;
  border-color: #10b981;
}
._tabSwitchWrapper_7uwcf_47 {
  display: flex;
  justify-content: flex-start;
  padding-left: 2rem;
  margin-top: -1rem;
  margin-bottom: 1rem;
}
._sliderHeader_7uwcf_61 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
  margin-bottom: 1rem;
  font-size: 1.75rem;
  font-weight: 600;
}

._marketImage_7uwcf_81 {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-bottom: 1px solid var(--border);
}

._countdownBadge_7uwcf_95 {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #ef4444;
  color: #fff;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 600;
}

._countdownOverlay_7uwcf_119 {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
}

._seller_7uwcf_133 {
  font-size: 0.8rem;
  color: #888;
  margin-top: 0.5rem;
}
._switchRow_7uwcf_143 {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  ._tabSwitch_7uwcf_1 {
    gap: 0.5rem;
    padding-left: 1rem;
    margin-bottom: 0.75rem;
  }
  ._tabSwitch_7uwcf_1 button {
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    font-size: 0.9rem;
  }
  ._tabSwitchWrapper_7uwcf_47 {
    padding-left: 1rem;
    margin-top: -0.5rem;
    margin-bottom: 0.75rem;
  }

  ._sliderHeader_7uwcf_61 {
    padding: 0 1rem;
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
  }
  ._marketImage_7uwcf_81 {
    height: 180px;
  }
  ._countdownBadge_7uwcf_95 {
    font-size: 0.7rem;
    padding: 3px 6px;
  }
  ._seller_7uwcf_133 {
    font-size: 0.8rem;
  }
  ._switchRow_7uwcf_143 {
    margin-top: 0.25rem;
    margin-bottom: 0.75rem;
  }
}
._switchContainer_1nshm_1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}

._switch_1nshm_1 {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

._switch_1nshm_1 input {
  opacity: 0;
  width: 0;
  height: 0;
}

._slider_1nshm_41 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 34px;
  transition: 0.4s;
}

._slider_1nshm_41::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: var(--card-bg);
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + ._slider_1nshm_41 {
  background-color: #10b981;
}

input:checked + ._slider_1nshm_41::before {
  transform: translateX(26px);
}

._activeLabel_1nshm_105 {
  font-weight: 600;
  color: #10b981;
}
._countdown_bpai4_1 {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--card-bg);
  color: var(--text);
  border: 1px solid var(--border-light);
  padding: 8px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 4px 12px var(--shadow-strong);
  z-index: 10;
  transition: all 0.3s ease;
}

._icon_bpai4_33 {
  font-size: 16px;
  flex-shrink: 0;
  color: var(--primary);
}

._time_bpai4_45 {
  transition: all 0.3s ease;
  min-width: 60px;
  text-align: center;
  white-space: nowrap;
  color: var(--text);
}

/* Compact version for badges */
._compact_bpai4_63 {
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 16px;
}

._compact_bpai4_63 ._icon_bpai4_33 {
  font-size: 14px;
}

._compact_bpai4_63 ._time_bpai4_45 {
  min-width: 50px;
  font-size: 12px;
}

/* Urgent state - when time is running out */
._urgent_bpai4_95 {
  background: linear-gradient(135deg, rgba(251, 146, 60, 0.95) 0%, rgba(249, 115, 22, 0.95) 100%);
  backdrop-filter: blur(8px);
  color: white;
  border-color: rgba(234, 88, 12, 0.5);
  animation: _pulse_bpai4_1 1.5s infinite;
  box-shadow: 0 4px 16px rgba(251, 146, 60, 0.3);
}

._urgent_bpai4_95 ._time_bpai4_45 {
  color: white;
  font-weight: 700;
}

._urgent_bpai4_95 ._icon_bpai4_33 {
  color: white;
}

/* Ended state */
._ended_bpai4_133 {
  background: var(--text-muted);
  color: var(--bg);
  border-color: var(--border);
  animation: none;
  box-shadow: 0 2px 8px var(--shadow-strong);
}

._ended_bpai4_133 ._time_bpai4_45 {
  color: var(--bg);
  animation: none;
}

._ended_bpai4_133 ._icon_bpai4_33 {
  color: var(--bg);
}

/* Animations */
@keyframes _pulse_bpai4_1 {
  0% {
    box-shadow: 0 4px 12px rgba(251, 146, 60, 0.2);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 6px 16px rgba(251, 146, 60, 0.4);
    transform: scale(1.01);
  }
  100% {
    box-shadow: 0 4px 12px rgba(251, 146, 60, 0.2);
    transform: scale(1);
  }
}

@keyframes _blink_bpai4_1 {
  0%,
  50% {
    opacity: 1;
  }
  51%,
  100% {
    opacity: 0.7;
  }
}

/* Position variants */
._countdown_bpai4_1._badge_bpai4_223 {
  position: absolute;
  top: 16px;
  left: 16px;
}

._countdown_bpai4_1._badgeRight_bpai4_235 {
  position: absolute;
  top: 16px;
  right: 16px;
}

._countdown_bpai4_1._inline_bpai4_247 {
  position: static;
  display: inline-flex;
}

/* Size variants */
._small_bpai4_259 {
  padding: 4px 8px;
  font-size: 11px;
  border-radius: 12px;
}

._small_bpai4_259 ._icon_bpai4_33 {
  font-size: 12px;
}

._small_bpai4_259 ._time_bpai4_45 {
  min-width: 40px;
  font-size: 11px;
}

._large_bpai4_289 {
  padding: 12px 16px;
  font-size: 16px;
  border-radius: 24px;
}

._large_bpai4_289 ._icon_bpai4_33 {
  font-size: 20px;
}

._large_bpai4_289 ._time_bpai4_45 {
  min-width: 80px;
  font-size: 16px;
}

/* Theme-specific styling */
[data-theme="dark"] ._countdown_bpai4_1 {
  background: var(--card-bg);
  color: var(--text);
  border-color: var(--border-light);
  box-shadow: 0 4px 12px var(--shadow-strong);
}

[data-theme="dark"] ._icon_bpai4_33 {
  color: var(--primary);
}

[data-theme="dark"] ._time_bpai4_45 {
  color: var(--text);
}

[data-theme="light"] ._countdown_bpai4_1,
:root ._countdown_bpai4_1 {
  background: var(--card-bg);
  color: var(--text);
  border-color: var(--border-light);
  box-shadow: 0 4px 12px var(--shadow-strong);
}

[data-theme="light"] ._icon_bpai4_33,
:root ._icon_bpai4_33 {
  color: var(--primary);
}

[data-theme="light"] ._time_bpai4_45,
:root ._time_bpai4_45 {
  color: var(--text);
}

/* Primary variant - uses your theme primary color */
._countdown_bpai4_1._primary_bpai4_389 {
  background: var(--primary);
  color: white;
  border-color: var(--primary-hover);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

._countdown_bpai4_1._primary_bpai4_389 ._icon_bpai4_33 {
  color: white;
}

._countdown_bpai4_1._primary_bpai4_389 ._time_bpai4_45 {
  color: white;
}

/* Dark theme primary variant */
[data-theme="dark"] ._countdown_bpai4_1._primary_bpai4_389 {
  background: var(--primary);
  box-shadow: 0 4px 12px rgba(52, 211, 153, 0.3);
}

/* Hover effects */
._countdown_bpai4_1:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px var(--shadow-strong);
}

._urgent_bpai4_95:hover {
  box-shadow: 0 6px 24px rgba(239, 68, 68, 0.5);
}

._ended_bpai4_133:hover {
  box-shadow: 0 4px 12px var(--shadow-strong);
  transform: none;
}

._countdown_bpai4_1._primary_bpai4_389:hover {
  background: var(--primary-hover);
  box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4);
}

[data-theme="dark"] ._countdown_bpai4_1._primary_bpai4_389:hover {
  box-shadow: 0 6px 16px rgba(52, 211, 153, 0.4);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  ._countdown_bpai4_1 {
    padding: 6px 10px;
    font-size: 12px;
  }

  ._icon_bpai4_33 {
    font-size: 14px;
  }

  ._time_bpai4_45 {
    min-width: 50px;
    font-size: 12px;
  }

  ._large_bpai4_289 {
    padding: 10px 14px;
    font-size: 14px;
  }

  ._large_bpai4_289 ._icon_bpai4_33 {
    font-size: 16px;
  }

  ._large_bpai4_289 ._time_bpai4_45 {
    min-width: 70px;
    font-size: 14px;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  ._countdown_bpai4_1,
  ._urgent_bpai4_95,
  ._time_bpai4_45 {
    animation: none;
    transition: none;
  }

  ._countdown_bpai4_1:hover {
    transform: none;
  }
}
._wrapper_s20s3_1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--card-bg);
}
._img_s20s3_13 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 300ms ease-out, filter 300ms ease-out;
}
._backdrop_s20s3_29 {
  object-fit: cover;
  filter: blur(22px);
  transform: scale(1.12);
  opacity: 0.55;
}
._cover_s20s3_41 { object-fit: cover; }
._contain_s20s3_43 { object-fit: contain; background: var(--card-bg); }
._lqip_s20s3_45 {
  filter: blur(12px);
  transform: scale(1.02);
  opacity: 1;
}
._main_s20s3_55 {
  opacity: 0;
}
._visible_s20s3_61 {
  opacity: 1;
}
._hidden_s20s3_67 {
  opacity: 0;
}
._viewport_ehinl_1 {
  position: fixed;
  right: 16px;
  bottom: 16px;
  /* Must sit above modal overlays (e.g. presale participate overlay uses z-index 1400) */
  z-index: 2000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 92vw;
}

._toast_ehinl_25 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  background: #111827; /* slate-900 */
  color: #f9fafb; /* gray-50 */
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  animation: _slideIn_ehinl_1 200ms ease-out;
}

._left_ehinl_53 {
  display: flex;
  align-items: center;
}
._icon_ehinl_61 {
  font-size: 20px;
}
._content_ehinl_67 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._title_ehinl_77 {
  font-weight: 600;
  font-size: 0.95rem;
}
._message_ehinl_85 {
  font-size: 0.9rem;
  opacity: 0.95;
}
._close_ehinl_93 {
  background: transparent;
  color: #e5e7eb;
  border: 0;
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
}
._close_ehinl_93:hover {
  background: rgba(255, 255, 255, 0.06);
}

._success_ehinl_117 {
  border-color: rgba(34, 197, 94, 0.35);
}
._error_ehinl_123 {
  border-color: rgba(239, 68, 68, 0.35);
}
._warning_ehinl_129 {
  border-color: rgba(245, 158, 11, 0.35);
}
._info_ehinl_135 {
  border-color: rgba(59, 130, 246, 0.35);
}

@keyframes _slideIn_ehinl_1 {
  from {
    transform: translateY(8px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Mobile */
@media (max-width: 640px) {
  ._viewport_ehinl_1 {
    left: 12px;
    right: 12px;
    bottom: 12px;
    max-width: unset;
  }
  ._toast_ehinl_25 {
    padding: 12px;
  }
  ._icon_ehinl_61 {
    font-size: 18px;
  }
  ._title_ehinl_77 {
    font-size: 0.9rem;
  }
  ._message_ehinl_85 {
    font-size: 0.85rem;
  }
}
._likeButton_14a56_1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  color: #000000; /* default/unliked: black for visibility */
  cursor: pointer;
  transition: all 0.2s ease;
  backdrop-filter: blur(10px);
}

._likeButton_14a56_1:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
}

._likeButton_14a56_1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._likeButton_14a56_1._liked_14a56_53 {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #ef4444;
}

._likeButton_14a56_1._liked_14a56_53:hover {
  background: rgba(239, 68, 68, 0.3);
  border-color: rgba(239, 68, 68, 0.5);
}

._heartIcon_14a56_75 {
  font-size: 1.2rem;
  transition: transform 0.2s ease;
}

._likeButton_14a56_1:active ._heartIcon_14a56_75 {
  transform: scale(1.2);
}

._likeCount_14a56_93 {
  font-size: 0.875rem;
  font-weight: 500;
}

/* Size variations */
._small_14a56_105 {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}

._small_14a56_105 ._heartIcon_14a56_75 {
  font-size: 1rem;
}

._medium_14a56_123 {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}

._large_14a56_133 {
  padding: 0.75rem 1rem;
  font-size: 1rem;
}

._large_14a56_133 ._heartIcon_14a56_75 {
  font-size: 1.5rem;
}
/* Featured Collections - Modern Compact Swiper Design for Light & Dark Theme */

._sliderSection_22xjd_5 {
  max-width: 1400px;
  padding: 0 2rem 2rem;
  margin: 0 auto;
  position: relative;
  animation: _fadeIn_22xjd_1 0.6s ease-out;
}

._sectionHeader_22xjd_21 {
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 0;
  animation: _slideDown_22xjd_1 0.5s ease-out;
}

._sectionTitle_22xjd_35 {
  font-size: 2.5rem;
  font-weight: 700;
  background: linear-gradient(135deg, var(--primary, #10b981), #667eea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.02em;
}

._sectionSubtitle_22xjd_57 {
  font-size: 1.1rem;
  color: var(--text-secondary, #6b7280);
  margin: 0;
  font-weight: 400;
}

@keyframes _slideDown_22xjd_1 {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._swiperContainer_22xjd_93 {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 
    0 25px 70px rgba(102, 126, 234, 0.25),
    0 0 0 2px rgba(102, 126, 234, 0.15);
  transform: translateY(0);
  transition: all 0.4s ease;
}

._swiperContainer_22xjd_93:hover {
  transform: translateY(-5px);
  box-shadow: 
    0 30px 80px rgba(102, 126, 234, 0.35),
    0 0 0 2px rgba(102, 126, 234, 0.3);
}

/* Spotlight Slide - 500px height for prominence */
._slide_22xjd_5 {
  height: 500px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  transition: all 0.3s ease;
}

._bgWrapper_22xjd_151 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

._bgImg_22xjd_173 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.85);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

._slide_22xjd_5:hover ._bgImg_22xjd_173 {
  filter: brightness(1);
  transform: scale(1.05);
}

/* Enhanced Gradient Overlay with Glassmorphism */
._overlay_22xjd_201 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 40%,
    rgba(0, 0, 0, 0.9) 100%
  );
  color: white;
  padding: 2.5rem;
  height: 100%;
  box-sizing: border-box;
  gap: 1.5rem;
  position: relative;
  z-index: 1;
}

._overlayCard_22xjd_239 {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 20px;
  padding: 1.5rem 2rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  max-width: 600px;
}

._slide_22xjd_5:hover ._overlayCard_22xjd_239 {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-4px);
}

._infoBlock_22xjd_275 {
  max-width: 100%;
}

._title_22xjd_283 {
  font-size: 2rem;
  font-weight: 700;
  color: white;
  margin-bottom: 0.5rem;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* Verified Badge with Animation */
._verified_22xjd_307 {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: #ffffff;
  border-radius: 50%;
  font-size: 0.9rem;
  padding: 0.3rem 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
  animation: _verifiedPulse_22xjd_1 2s ease-in-out infinite;
}

@keyframes _verifiedPulse_22xjd_1 {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.6);
  }
}

._creator_22xjd_355 {
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.85);
  margin: 0.75rem 0 1rem;
  font-weight: 500;
}

/* Individual Stats Cards with Glassmorphism */
._stats_22xjd_371 {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  font-size: 0.95rem;
  margin-top: 1rem;
}

._stats_22xjd_371 div {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 0.75rem 1.25rem;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
  min-width: 100px;
}

._stats_22xjd_371 div:hover {
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

._stats_22xjd_371 div span {
  display: block;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

._stats_22xjd_371 div strong {
  font-size: 1.3rem;
  font-weight: 700;
  color: white;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Enhanced Preview NFTs */
._previewNFTs_22xjd_457 {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

._previewImg_22xjd_469 {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  object-fit: cover;
  border: 3px solid rgba(255, 255, 255, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

._previewImg_22xjd_469:hover {
  transform: scale(1.2) translateY(-4px);
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
  z-index: 10;
}

/* Swiper Navigation Buttons */
.swiper-button-prev,
.swiper-button-next {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: scale(1.1);
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 20px;
  color: white;
  font-weight: bold;
}

/* Pagination Dots */
.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
  width: 10px;
  height: 10px;
  opacity: 0.7;
  transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
  background: white;
  width: 24px;
  border-radius: 5px;
  opacity: 1;
}

/* Loading State */
._loading_22xjd_591 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 450px;
  background: var(--card-bg);
  border-radius: 24px;
  color: var(--text-secondary);
  font-size: 1.1rem;
}

/* Animations */
@keyframes _fadeIn_22xjd_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive Design */
@media (max-width: 1024px) {
  ._overlay_22xjd_201 {
    padding: 2rem;
  }
  
  ._stats_22xjd_371 {
    gap: 1.5rem;
  }
  
  ._title_22xjd_283 {
    font-size: 1.75rem;
  }
}

@media (max-width: 768px) {
  ._sliderSection_22xjd_5 {
    padding: 2rem 1rem;
  }

  ._slide_22xjd_5 {
    height: 380px;
    border-radius: 20px;
  }

  ._overlay_22xjd_201 {
    padding: 1.5rem;
  }
  
  ._overlayCard_22xjd_239 {
    padding: 1.25rem 1.5rem;
  }

  ._title_22xjd_283 {
    font-size: 1.5rem;
    gap: 0.5rem;
  }

  ._creator_22xjd_355 {
    font-size: 0.95rem;
    margin-bottom: 0.75rem;
  }

  ._stats_22xjd_371 {
    gap: 1rem;
    font-size: 0.85rem;
  }

  ._stats_22xjd_371 div {
    padding: 0.6rem 1rem;
    min-width: 90px;
  }

  ._stats_22xjd_371 div strong {
    font-size: 1.1rem;
  }

  ._previewNFTs_22xjd_457 {
    margin-top: 1rem;
    gap: 0.6rem;
  }

  ._previewImg_22xjd_469 {
    width: 48px;
    height: 48px;
    border-radius: 10px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 40px;
    height: 40px;
  }
  
  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  ._sliderSection_22xjd_5 {
    padding: 1.5rem 0.75rem;
  }

  ._slide_22xjd_5 {
    height: 300px;
    border-radius: 16px;
  }

  ._overlay_22xjd_201 {
    padding: 1rem;
  }
  
  ._overlayCard_22xjd_239 {
    padding: 1rem;
  }

  ._title_22xjd_283 {
    font-size: 1.25rem;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
  }

  ._creator_22xjd_355 {
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
  }

  ._stats_22xjd_371 {
    gap: 0.75rem;
  }

  ._stats_22xjd_371 div {
    padding: 0.5rem 0.75rem;
    min-width: 80px;
  }

  ._stats_22xjd_371 div strong {
    font-size: 1rem;
  }

  ._previewImg_22xjd_469 {
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    display: none !important;
  }
}

/* Dark Theme Enhancements */
[data-theme="dark"] ._overlayCard_22xjd_239 {
  background: rgba(30, 30, 30, 0.6);
  border-color: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] ._slide_22xjd_5:hover ._overlayCard_22xjd_239 {
  background: rgba(30, 30, 30, 0.7);
  border-color: rgba(255, 255, 255, 0.25);
}

[data-theme="dark"] ._stats_22xjd_371 div {
  background: rgba(30, 30, 30, 0.5);
  border-color: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] ._stats_22xjd_371 div:hover {
  background: rgba(30, 30, 30, 0.7);
}
/**
 * Swiper 12.0.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 11, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    transform: rotate(-90deg);
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    transform: rotate(90deg);
  }
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}
._modalOverlay_djkvo_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
  padding: 2rem;
}

._modalContainer_djkvo_31 {
  background: var(--card-bg);
  border-radius: 20px;
  border: 1px solid var(--border-light);
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 25px 50px var(--shadow-strong);
}

._modalHeader_djkvo_53 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid var(--border-light);
}

._modalTitle_djkvo_69 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text);
}

._modalTitle_djkvo_69 svg {
  color: #ef4444;
  font-size: 1.5rem;
}

._closeButton_djkvo_97 {
  background: none;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 50%;
  transition: all 0.3s ease;
}

._closeButton_djkvo_97:hover:not(:disabled) {
  background: var(--vote-btn-bg);
  color: var(--text);
}

._closeButton_djkvo_97:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._modalContent_djkvo_137 {
  padding: 2rem;
}

._reportInfo_djkvo_145 {
  color: var(--text-muted);
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: var(--vote-btn-bg);
  border-radius: 8px;
  border-left: 4px solid var(--primary);
}

._successMessage_djkvo_163 {
  text-align: center;
  padding: 2rem;
  color: var(--text);
}

._successMessage_djkvo_163 h3 {
  color: #10b981;
  margin-bottom: 1rem;
}

._reportForm_djkvo_185 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._formGroup_djkvo_197 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._formGroup_djkvo_197 label {
  font-weight: 600;
  color: var(--text);
}

._reasonOptions_djkvo_219 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._reasonOption_djkvo_219 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

._reasonOption_djkvo_219:hover {
  border-color: var(--primary);
  background: rgba(59, 130, 246, 0.05);
}

._reasonOption_djkvo_219 input[type="radio"] {
  margin: 0;
}

._reasonOption_djkvo_219 span {
  color: var(--text);
  flex: 1;
}

._formGroup_djkvo_197 input,
._formGroup_djkvo_197 textarea {
  padding: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--card-bg);
  color: var(--text);
  font-family: inherit;
}

._formGroup_djkvo_197 input:focus,
._formGroup_djkvo_197 textarea:focus {
  outline: none;
  border-color: var(--primary);
}

._formGroup_djkvo_197 input:disabled,
._formGroup_djkvo_197 textarea:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._charCount_djkvo_327 {
  font-size: 0.8rem;
  color: var(--text-muted);
  text-align: right;
}

._errorMessage_djkvo_339 {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  padding: 1rem;
  border-radius: 8px;
}

._formActions_djkvo_355 {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  padding-top: 1rem;
}

._cancelButton_djkvo_369,
._submitButton_djkvo_371 {
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}

._cancelButton_djkvo_369 {
  background: var(--vote-btn-bg);
  color: var(--text);
  border: 1px solid var(--border);
}

._cancelButton_djkvo_369:hover:not(:disabled) {
  background: var(--border);
}

._submitButton_djkvo_371 {
  background: #ef4444;
  color: white;
}

._submitButton_djkvo_371:hover:not(:disabled) {
  background: #dc2626;
}

._submitButton_djkvo_371:disabled,
._cancelButton_djkvo_369:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  ._modalOverlay_djkvo_1 {
    padding: 1rem;
  }

  ._modalContainer_djkvo_31 {
    max-width: 100%;
  }

  ._modalHeader_djkvo_53,
  ._modalContent_djkvo_137 {
    padding: 1.5rem;
  }

  ._formActions_djkvo_355 {
    flex-direction: column;
  }
}
._modalOverlay_14uii_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1300; /* ensure above image action buttons */
  padding: 2rem;
  overflow-y: auto;
  overscroll-behavior: contain; /* prevent background scroll */
  pointer-events: auto; /* receive all pointer events */
}

._modalContainer_14uii_37 {
  background: var(--card-bg);
  border-radius: 20px;
  border: 1px solid var(--border-light);
  max-width: 95vw;
  max-height: 95vh; /* ✅ Prevent modal from exceeding viewport */
  width: 1400px;
  position: relative;
  box-shadow: 0 25px 50px var(--shadow-strong);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Single scroll surface for the whole modal (prevents nested scroll areas) */
._modalScrollArea_14uii_67 {
  flex: 1;
  min-height: 0; /* allow inside to shrink within max-height */
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* ✅ Apple single-scroll mode (iOS Safari + iPad desktop) */
._singleScroll_14uii_85 {
  /* Allow the whole modal to scroll as a single surface */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* In single-scroll mode, remove internal scrollbars to avoid nested scroll */
._singleScroll_14uii_85 ._imageSection_14uii_99,
._singleScroll_14uii_85 ._detailsSection_14uii_101,
._singleScroll_14uii_85 ._detailsScrollable_14uii_103,
._singleScroll_14uii_85 ._tabContent_14uii_105,
._singleScroll_14uii_85 ._bidsList_14uii_107,
._singleScroll_14uii_85 ._commentsList_14uii_109,
._singleScroll_14uii_85 ._detailsTab_14uii_111,
._singleScroll_14uii_85 ._sectionContent_14uii_113,
._singleScroll_14uii_85 ._historyList_14uii_115 {
  max-height: none !important;
  overflow: visible !important;
}


/* Preserve sticky close & ensure overlays still work */
._singleScroll_14uii_85 ._mainCloseButton_14uii_129 {
  position: absolute;
  top: 20px;
  right: 20px;
  left: auto;
  z-index: 1400;
}

._mainCloseButton_14uii_129 {
  /* main modal close button only (desktop positioning handled above) */
}

/* Adjust mobile specific when in single scroll */
@media (max-width: 768px) {
  /* Move main close button to top-right on mobile and respect safe area */
  ._closeButton_14uii_159 {
    left: auto !important;
    right: calc(env(safe-area-inset-right) + 16px) !important;
    top: calc(env(safe-area-inset-top) + 14px) !important;
    position: fixed !important; /* keep visible while scrolling mobile */
    z-index: 1400 !important;
    background: rgba(0, 0, 0, 0.55) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(12px) !important;
  }
  /* In unified single scroll mode on mobile, ensure no nested scroll containers */
  ._singleScroll_14uii_85 ._modalContent_14uii_181 {
    max-height: none !important;
    overflow: visible !important;
  }
  ._singleScroll_14uii_85 ._imageSection_14uii_99,
  ._singleScroll_14uii_85 ._detailsSection_14uii_101,
  ._singleScroll_14uii_85 ._detailsScrollable_14uii_103,
  ._singleScroll_14uii_85 ._expandSection_14uii_195,
  ._singleScroll_14uii_85 ._tabsContainer_14uii_197,
  ._singleScroll_14uii_85 ._tabContent_14uii_105 {
    max-height: none !important;
    overflow: visible !important;
  }
}

._closeButton_14uii_159 {
  position: absolute;
  top: 20px;
  right: 20px;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text);
  cursor: pointer;
  font-size: 1.2rem;
  z-index: 1002; /* above image action buttons on mobile */
  transition: all 0.3s ease;
}

._closeButton_14uii_159:hover {
  background: var(--border);
  transform: none;
}

._modalContent_14uii_181 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "image details";
  /* Let content define height; the modal container provides the single scroll surface */
  flex: none;
  min-height: auto;
  overflow: visible;
  align-content: start;
  gap: 1rem;
}

/* Image Section */
._imageSection_14uii_99 {
  grid-area: image;
  padding: 2rem;
  border-right: 1px solid var(--border-light);
  overflow: visible;
}

._imageContainer_14uii_299 {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 24px;
  background: var(--vote-btn-bg);
}

._nftImage_14uii_319 {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  display: block;
}

/* Pending (loading) state: slight blur & dim */
._nftImagePending_14uii_337 {
  filter: blur(4px) brightness(0.7);
  transition: filter 0.4s ease;
}

._imageSkeleton_14uii_347 {
  width: 100%;
  max-height: 500px;
  aspect-ratio: 1/1;
  background: linear-gradient(
    110deg,
    var(--border-light) 8%,
    var(--vote-btn-bg) 18%,
    var(--border-light) 33%
  );
  background-size: 200% 100%;
  animation: _nftPulse_14uii_1 1.2s linear infinite;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
  border-radius: 12px;
  margin-bottom: 12px;
}

@keyframes _nftPulse_14uii_1 {
  to {
    background-position-x: -200%;
  }
}

._imageActions_14uii_405 {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  gap: 8px;
  z-index: 1001; /* higher than image, below close */
}

/* Hide elements only meant for desktop at mobile sizes */
._desktopOnly_14uii_425 {
  display: inline-flex;
}

/* Hide mobile-only action bar by default (desktop view) */
._imageActionsBarMobile_14uii_435 {
  display: none;
}

._actionButton_14uii_443 {
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  font-size: 1.1rem;
  transition: all 0.3s ease;
}

._actionButton_14uii_443:hover {
  background: rgba(0, 0, 0, 0.8);
}

/* Expandable Sections */
._expandableSections_14uii_483 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._expandableSection_14uii_483 {
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 12px;
  overflow: hidden;
}

._sectionHeader_14uii_509 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  cursor: pointer;
  font-weight: 600;
  color: var(--text);
  transition: background 0.3s ease;
}

._sectionHeader_14uii_509:hover {
  background: var(--border-light);
}

._arrow_14uii_539 {
  transition: transform 0.3s ease;
  color: var(--text-muted);
}

._arrow_14uii_539._expanded_14uii_549 {
  transform: rotate(180deg);
}

._sectionContent_14uii_113 {
  padding: 0 1.5rem 1.5rem;
  color: var(--text);
}

/* Properties Grid */
._propertiesGrid_14uii_569 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem;
  padding-right: 0.5rem;
}

/* Properties section used in details tab */
._properties_14uii_569 {
  margin-top: 1rem;
}
._propertyGrid_14uii_591 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem;
}
._propertyCard_14uii_601 {
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 12px;
  padding: 0.75rem;
}
/* Visually emphasize rare traits on the whole card without hurting readability */
._propertyCard_14uii_601._rarityLegendary_14uii_615 {
  background: var(--vote-btn-bg);
  border-color: rgba(255, 180, 0, 0.55);
  box-shadow: 0 0 14px rgba(255, 180, 0, 0.25);
}
._propertyCard_14uii_601._rarityRare_14uii_625 {
  background: var(--vote-btn-bg);
  border-color: rgba(93, 43, 255, 0.55);
  box-shadow: 0 0 12px rgba(93, 43, 255, 0.2);
}
._propertyCard_14uii_601._rarityEpic_14uii_635 {
  background: var(--vote-btn-bg);
  border-color: rgba(255, 122, 230, 0.5);
  box-shadow: 0 0 12px rgba(255, 122, 230, 0.18);
}
._propertyCard_14uii_601._rarityUncommon_14uii_645 {
  background: var(--vote-btn-bg);
  border-color: rgba(43, 196, 255, 0.5);
  box-shadow: 0 0 10px rgba(43, 196, 255, 0.18);
}
._propertyName_14uii_655 {
  font-size: 0.8rem;
  color: var(--text-muted);
  text-transform: uppercase;
}
._propertyNameWithInfo_14uii_665 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._infoIcon_14uii_675 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--border-light);
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .2s,color .2s;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
._infoIconButton_14uii_709 {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: var(--border-light);
  color: var(--text-muted);
  font-weight: 800;
  font-size: 11px;
  line-height: 1;
  cursor: pointer;
}
._infoIconButton_14uii_709:active { transform: scale(0.96); }
._infoIcon_14uii_675:hover {
  background: var(--primary);
  color: #fff;
}
._infoIcon_14uii_675:hover ._infoTooltip_14uii_747 {
  opacity: 1;
  transform: translate(-50%, -6px);
  pointer-events: none;
}
._infoTooltip_14uii_747 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -20px);
  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 6px 8px;
  font-size: 11px;
  line-height: 1.25;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  transition: all .18s ease;
  z-index: 50;
  max-width: 240px;
  text-align: center;
}
/* Hide hover tooltip on coarse (touch) pointers */
@media (pointer: coarse) {
  ._infoTooltip_14uii_747 { display: none; }
}

/* Click-to-open rank info popup */
._rankInfoOverlay_14uii_805 {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200000; /* ensure above any modals */
}
._rankInfoModal_14uii_823 {
  background: var(--background-primary, #0b0f17);
  color: var(--text, #e5e7eb);
  border: 1px solid var(--border-light);
  border-radius: 12px;
  width: min(560px, 94vw);
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
  padding: 16px;
}
/* Inline fallback panel for touch devices if overlay fails */
/* Removed inline fallback panel (now always using overlay on mobile) */
._rankHeader_14uii_845 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
._rankTitle_14uii_859 { font-weight: 800; font-size: 1.05rem; }
._rankClose_14uii_861 {
  background: #0f172a;
  border: 1px solid #334155;
  color: #e5e7eb;
  border-radius: 8px;
  padding: 4px 8px;
  cursor: pointer;
}
._rankBody_14uii_877 { font-size: 0.92rem; color: var(--text-muted); }
._rankList_14uii_879 { margin-top: 8px; display: grid; gap: 6px; }
._rankRow_14uii_881 { display: flex; align-items: center; gap: 8px; }
._rankPill_14uii_883 { min-width: 26px; height: 20px; padding: 0 8px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; background: var(--border-light); color: var(--text); }
._rankTag_14uii_885 { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; }

/* Extra tiers */
._rarityMythic_14uii_891 { background: linear-gradient(135deg,#ff6b6b,#ffd93d); color:#111; animation: _glowLegendary_14uii_1 2.2s ease-in-out infinite; }
._rarityExotic_14uii_893 { background: linear-gradient(135deg,#00f5d4,#00bbf9); color:#111; animation: _shimmerUncommon_14uii_1 3s linear infinite; }
._rarityUnique_14uii_895 { background: linear-gradient(135deg,#ff85a2,#a78bfa); color:#111; animation: _pulseRare_14uii_1 2.6s ease-in-out infinite; }
._propertyValue_14uii_897 {
  font-weight: 700;
  color: var(--text);
  word-break: break-word;
}
._propertyRarity_14uii_907 {
  font-size: 0.65rem;
  font-weight: 600;
  margin-top: 0.35rem;
  display: inline-block;
  padding: 0.2rem 0.45rem;
  border-radius: 6px;
  background: var(--border-light);
  color: var(--text);
  position: relative;
}
._rarityRare_14uii_625 { background: linear-gradient(135deg,#b829ff,#5d2bff); color:#fff; }
._rarityUncommon_14uii_645 { background: linear-gradient(135deg,#2b8dff,#2bc4ff); color:#fff; }
._rarityCommon_14uii_933 { background: var(--vote-btn-bg); color: var(--text-muted); }
._rarityLegendary_14uii_615 { background: linear-gradient(135deg,#ffb347,#ff5e62); color:#111; }

._propertyCard_14uii_601:hover ._propertyRarity_14uii_907[data-tooltip]:after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  top: -6px;
  transform: translate(-50%, -100%);
  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 4px 8px;
  font-size: 0.6rem;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 10;
  pointer-events: none;
}

/* History List */
._historyList_14uii_115 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-right: 0.5rem;
}

._historyItem_14uii_987 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
}

._historyEvent_14uii_1009 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: var(--text);
  min-width: 120px;
}

._historyIcon_14uii_1027 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

._historyEventLabel_14uii_1045 {
  line-height: 1.1;
}

._historyDetails_14uii_1053 {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 8px; /* <- adds the requested space between currency and date */
  flex-wrap: wrap;
  text-align: right;
}

._historyPrice_14uii_1071 {
  font-weight: 700;
  color: var(--text);
}

._historyDate_14uii_1081 {
  color: var(--text-muted);
  font-size: 0.9rem;
}

/* Details Section */
._detailsSection_14uii_101 {
  grid-area: details;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem; /* more breathing room */
}

._detailsScrollable_14uii_103 {
  min-height: 0;
  padding-right: 0.5rem;
}

/* Keep desktop action buttons visible at the bottom */
/* No sticky needed; actions are outside scroll area */

/* Full-width block (below header) that holds Description & Transaction History */
._expandSection_14uii_195 {
  grid-area: expand;
  padding: 2rem;
  border-right: 1px solid var(--border-light);
}

._collectionInfo_14uii_1139 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-muted);
  font-size: 0.9rem;
}

._verified_14uii_1155 {
  color: var(--primary);
}

._nftTitle_14uii_1163 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text);
  margin: 0 0 0.5rem 0; /* add space below title */
}

._userInfo_14uii_1177 {
  display: flex;
  gap: 2.25rem; /* slightly more gap between owner/creator */
  align-items: center; /* align with picture height visually */
  margin-bottom: 0.5rem; /* extra space before price card */
}

._userCard_14uii_1191 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._userAvatar_14uii_1203 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--border-light);
}

._userLabel_14uii_1217 {
  font-size: 0.8rem;
  color: var(--text-muted);
  text-transform: uppercase;
}

._userName_14uii_1229 {
  font-weight: 600;
  color: var(--text);
}

/* Price Section */
._priceSection_14uii_1241 {
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 12px;
  padding: 1.75rem; /* a bit more inner padding */
}

._price_14uii_1241 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._priceLabel_14uii_1267 {
  font-size: 0.9rem;
  color: var(--text-muted);
}

._priceAmount_14uii_1277 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--text);
}

/* ERC-1155 parallel offers (listings & auctions) */
._multiMarketSection_14uii_1297 {
  margin-top: 1rem;
  padding: 1rem 1.25rem;
  border-radius: 12px;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._multiBlock_14uii_1319 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._multiHeader_14uii_1331 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--text);
}

._multiCount_14uii_1349 {
  font-size: 0.85rem;
  color: var(--text-muted);
}

._multiList_14uii_1359 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._multiPagination_14uii_1371 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.8rem;
}

._multiPageButton_14uii_1389 {
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
  cursor: pointer;
}

._multiPageButton_14uii_1389:disabled {
  opacity: 0.4;
  cursor: default;
}

._multiPageInfo_14uii_1415 {
  opacity: 0.7;
}

._multiRow_14uii_1423 {
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  background: var(--card-bg);
  border: 1px solid var(--border-light);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._multiMain_14uii_1443 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

._multiPrice_14uii_1457 {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: 600;
  color: var(--text);
}

._multiQty_14uii_1473 {
  font-size: 0.9rem;
  color: var(--text-muted);
}

._multiActionButton_14uii_1483 {
  margin-left: 0.75rem;
  padding: 0.2rem 0.6rem;
  font-size: 0.8rem;
  border-radius: 999px;
  border: 1px solid var(--primary);
  background: rgba(64, 196, 255, 0.08);
  color: var(--primary);
  cursor: pointer;
  white-space: nowrap;
}

._multiActionButton_14uii_1483:hover {
  background: rgba(64, 196, 255, 0.16);
}

._multiMeta_14uii_1515 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.8rem;
  color: var(--text-muted);
}

._multiSeller_14uii_1531 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

._multiTime_14uii_1543 {
  white-space: nowrap;
}

._auctionInfo_14uii_1551 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._auctionTimer_14uii_1563 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary);
  font-weight: 600;
}

._currentBid_14uii_1579 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._bidLabel_14uii_1591 {
  font-size: 0.9rem;
  color: var(--text-muted);
}

._bidAmount_14uii_1601 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text);
}

._bidSection_14uii_1613 {
  margin-top: 1rem;
  padding: 1rem;
  background: var(--card-bg);
  border-radius: 12px;
  border: 1px solid var(--border-color);
}

._bidInput_14uii_1629 {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

._bidInput_14uii_1629 input {
  flex: 1;
  padding: 0.75rem;
  border: 2px solid var(--border-color);
  border-radius: 8px;
  background: var(--input-bg);
  color: var(--text);
}

._bidButton_14uii_1659 {
  background: var(--primary);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

._bidButton_14uii_1659:hover {
  background: var(--primary-hover);
}

._bidButton_14uii_1659:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._auctionTimer_14uii_1563 {
  text-align: center;
  color: var(--text-muted);
  font-size: 0.9rem;
  padding: 0.5rem;
  background: rgba(var(--primary-rgb), 0.1);
  border-radius: 8px;
}

/* Action Buttons */
._actionButtons_14uii_1721 {
  display: flex;
  gap: 1.25rem; /* wider spacing between buttons */
}

/* Visibility toggles for price/actions variants */
._priceActionsDesktop_14uii_1733 {
  display: block;
}

/* Keep price section visible on desktop */
._priceActionsDesktop_14uii_1733 ._priceSection_14uii_1241 {
  position: sticky;
  top: 0;
  background: var(--card-bg);
  padding-bottom: 0.75rem;
  z-index: 4;
}

/* Add top margin before desktop action buttons block */
._actionButtons_14uii_1721._priceActionsDesktop_14uii_1733 {
  margin-top: 1rem;
}
._priceActionsMobile_14uii_1767 {
  display: none;
}

._buyButton_14uii_1775,
._sellButton_14uii_1777,
._offerButton_14uii_1779,
._cancelButton_14uii_1781 {
  flex: 1;
  padding: 1rem 2rem;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

._buyButton_14uii_1775 {
  background: var(--primary);
  color: white;
  border: none;
  padding: 0.875rem 1.5rem;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 1rem;
  width: 100%;
}

._buyButton_14uii_1775:hover {
  background: var(--primary-hover);
  transform: translateY(-1px);
}

._sellButton_14uii_1777 {
  background: var(--primary);
  color: white;
}

._sellButton_14uii_1777:hover {
  background: var(--primary-hover);
  transform: translateY(-2px);
}

._offerButton_14uii_1779 {
  background: var(--vote-btn-bg);
  color: var(--text);
  border: 1px solid var(--border);
}

._offerButton_14uii_1779:hover {
  background: var(--border);
}

._cancelButton_14uii_1781 {
  background: var(--error, #ef4444);
  color: white;
}

._cancelButton_14uii_1781:hover {
  background: #dc2626;
}

/* Tabs */
._tabsContainer_14uii_197 {
  flex: none;
  display: flex;
  flex-direction: column;
  overflow: visible;
  background: var(--card-bg);
  border-top: 1px solid var(--border-light);
  margin-top: 0.75rem;
  position: relative;
  z-index: 2;
}

._tabHeaders_14uii_1925 {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--border-light);
  flex-shrink: 0; /* ✅ Keep header fixed */
  background: var(--card-bg);
}

._tabHeader_14uii_1925 {
  flex: 1 1 20%;
  padding: 1rem;
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
}

._tabHeader_14uii_1925:hover {
  color: var(--text);
}

._tabHeader_14uii_1925._active_14uii_1973 {
  color: var(--primary);
  border-bottom-color: var(--primary);
}

._tabContent_14uii_105 {
  flex: none;
  padding: 1.5rem;
  min-height: auto;
  background: var(--card-bg);
}

/* Comments */
/* ✅ Enhanced Comment Form */
._commentForm_14uii_2001 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-shrink: 0;
  background: var(--vote-btn-bg);
  padding: 1.5rem;
  border-radius: 12px;
  border: 1px solid var(--border-light);
  margin-bottom: 1.25rem; /* extra space before comment list */
}

._commentForm_14uii_2001 textarea {
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--card-bg);
  color: var(--text);
  resize: vertical;
  min-height: 80px;
  max-height: 120px;
  font-family: inherit;
  transition: border-color 0.3s ease;
}

._commentForm_14uii_2001 textarea:focus {
  outline: none;
  border-color: var(--primary);
}

._commentForm_14uii_2001 textarea:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._commentFormActions_14uii_2071 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._characterCount_14uii_2083 {
  font-size: 0.8rem;
  color: var(--text-muted);
}

._submitButton_14uii_2093 {
  padding: 0.75rem 1.5rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}

._submitButton_14uii_2093:hover:not(:disabled) {
  background: var(--primary-hover, #3b82f6);
  transform: translateY(-1px);
}

._submitButton_14uii_2093:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

._commentError_14uii_2137 {
  color: #ef4444;
  font-size: 0.9rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 6px;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

._connectWalletPrompt_14uii_2155 {
  text-align: center;
  padding: 2rem;
  background: var(--vote-btn-bg);
  border-radius: 12px;
  color: var(--text-muted);
  border: 1px dashed var(--border);
}

/* ✅ Enhanced Comment Item */
._commentItem_14uii_2175 {
  display: flex;
  gap: 1rem;
  padding: 1.5rem;
  background: var(--vote-btn-bg);
  border-radius: 12px;
  flex-shrink: 0;
  border: 1px solid var(--border-light);
  transition: all 0.3s ease;
}

._commentItem_14uii_2175:hover {
  border-color: var(--primary);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

._commentAvatar_14uii_2209 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
  border: 2px solid var(--border-light);
}

._commentContent_14uii_2227 {
  flex: 1;
  min-width: 0;
}

._commentHeader_14uii_2237 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

._commentUser_14uii_2251 {
  font-weight: 600;
  color: var(--primary);
  cursor: pointer;
  transition: color 0.3s ease;
}

._commentUser_14uii_2251:hover {
  color: var(--primary-hover, #3b82f6);
  text-decoration: underline;
}

._commentTime_14uii_2275 {
  font-size: 0.8rem;
  color: var(--text-muted);
}

/* Polished, subtle icon-only report button */
._reportButton_14uii_2287,
._ghostIconButton_14uii_2289 {
  background: transparent;
  border: 1px solid transparent;
  color: var(--text-muted);
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-left: auto; /* push to right */
}

._reportButton_14uii_2287:hover,
._ghostIconButton_14uii_2289:hover {
  color: var(--primary);
  border-color: var(--border-light);
  background: var(--vote-btn-bg);
}

._reportButton_14uii_2287:active,
._ghostIconButton_14uii_2289:active {
  transform: scale(0.97);
}

._commentText_14uii_2343 {
  color: var(--text);
  margin: 0;
  line-height: 1.5;
  word-wrap: break-word;
}

/* ✅ Update comments counter in tab */
._tabHeader_14uii_1925 {
  position: relative;
}

._commentCount_14uii_2367 {
  background: var(--primary);
  color: white;
  font-size: 0.7rem;
  padding: 2px 6px;
  border-radius: 10px;
  margin-left: 0.5rem;
}

/* Bids Tab */
._bidsTab_14uii_2387 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._bidsList_14uii_107 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-right: 0.5rem;
}

._bidItem_14uii_2415 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Holders Tab */
._holdersTab_14uii_2437 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._holdersTable_14uii_2449 {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

._holdersTable_14uii_2449 th,
._holdersTable_14uii_2449 td {
  padding: 8px 10px;
  text-align: left;
}

._holdersTable_14uii_2449 thead {
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

._holderRow_14uii_2483:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

._holderAddress_14uii_2491 a {
  color: var(--primary);
  text-decoration: none;
}

._holderAddress_14uii_2491 a:hover {
  text-decoration: underline;
}

._holderQuantity_14uii_2509,
._holderPercentage_14uii_2511 {
  white-space: nowrap;
}

._holdersTab_14uii_2437 ._pagination_14uii_2519 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.85rem;
}

._holdersTab_14uii_2437 ._pagination_14uii_2519 button {
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  cursor: pointer;
}

._holdersTab_14uii_2437 ._pagination_14uii_2519 button:disabled {
  opacity: 0.4;
  cursor: default;
}

._bidder_14uii_2563 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._bidderAvatar_14uii_2575 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

._bidderInfo_14uii_2589 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._bidderName_14uii_2601 {
  font-weight: 600;
  color: var(--text);
}

._bidTime_14uii_2611 {
  font-size: 12px;
  color: var(--text-muted);
}

._bidAmount_14uii_1601 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: var(--success, #16a34a);
}

/* Details Tab */
._detailsTab_14uii_111 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-right: 0.5rem;
}

._detailItem_14uii_2653 {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
  background: var(--vote-btn-bg);
  border-radius: 8px;
  min-height: 60px; /* ✅ Consistent height */
  align-items: center;
}

/* ✅ Loading and Error States */
._loadingState_14uii_2675,
._errorState_14uii_2677 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}

._spinner_14uii_2695 {
  width: 40px;
  height: 40px;
  border: 4px solid var(--border);
  border-top: 4px solid var(--primary);
  border-radius: 50%;
  animation: _spin_14uii_2695 1s linear infinite;
  margin-bottom: 1rem;
}

@keyframes _spin_14uii_2695 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

._retryButton_14uii_2733 {
  padding: 0.75rem 1.5rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  margin-top: 1rem;
}

/* ✅ Simplified Highest Badge - No Icon */
._highestBadge_14uii_2757 {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(
    135deg,
    var(--primary) 0%,
    var(--primary-hover) 100%
  );
  color: white;
  padding: 6px 12px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
  white-space: nowrap;
  min-height: 24px;
}

._retryButton_14uii_2733:hover {
  background: var(--primary-hover, #3b82f6);
}

/* Custom Scrollbars */
._imageSection_14uii_99::-webkit-scrollbar,
._detailsSection_14uii_101::-webkit-scrollbar,
._sectionContent_14uii_113::-webkit-scrollbar,
._historyList_14uii_115::-webkit-scrollbar,
._propertiesGrid_14uii_569::-webkit-scrollbar,
._tabContent_14uii_105::-webkit-scrollbar,
._commentsList_14uii_109::-webkit-scrollbar,
._bidsList_14uii_107::-webkit-scrollbar,
._detailsTab_14uii_111::-webkit-scrollbar {
  width: 6px;
}

._imageSection_14uii_99::-webkit-scrollbar-track,
._detailsSection_14uii_101::-webkit-scrollbar-track,
._sectionContent_14uii_113::-webkit-scrollbar-track,
._historyList_14uii_115::-webkit-scrollbar-track,
._propertiesGrid_14uii_569::-webkit-scrollbar-track,
._tabContent_14uii_105::-webkit-scrollbar-track,
._commentsList_14uii_109::-webkit-scrollbar-track,
._bidsList_14uii_107::-webkit-scrollbar-track,
._detailsTab_14uii_111::-webkit-scrollbar-track {
  background: var(--vote-btn-bg);
  border-radius: 3px;
}

._imageSection_14uii_99::-webkit-scrollbar-thumb,
._detailsSection_14uii_101::-webkit-scrollbar-thumb,
._sectionContent_14uii_113::-webkit-scrollbar-thumb,
._historyList_14uii_115::-webkit-scrollbar-thumb,
._propertiesGrid_14uii_569::-webkit-scrollbar-thumb,
._tabContent_14uii_105::-webkit-scrollbar-thumb,
._commentsList_14uii_109::-webkit-scrollbar-thumb,
._bidsList_14uii_107::-webkit-scrollbar-thumb,
._detailsTab_14uii_111::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

._imageSection_14uii_99::-webkit-scrollbar-thumb:hover,
._detailsSection_14uii_101::-webkit-scrollbar-thumb:hover,
._sectionContent_14uii_113::-webkit-scrollbar-thumb:hover,
._historyList_14uii_115::-webkit-scrollbar-thumb:hover,
._propertiesGrid_14uii_569::-webkit-scrollbar-thumb:hover,
._tabContent_14uii_105::-webkit-scrollbar-thumb:hover,
._commentsList_14uii_109::-webkit-scrollbar-thumb:hover,
._bidsList_14uii_107::-webkit-scrollbar-thumb:hover,
._detailsTab_14uii_111::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted);
}

/* Empty State Styling */
._emptyState_14uii_2911 {
  text-align: center;
  color: var(--text-muted);
  padding: 2rem;
  font-style: italic;
}

/* Responsive Design */
@media (max-width: 1200px) {
  ._modalContent_14uii_181 {
    grid-template-columns: 1fr 1fr; /* keep two columns on medium screens */
    grid-template-areas:
      "image details"
      "tabs tabs";
  }

  ._imageSection_14uii_99 {
    border-right: 1px solid var(--border-light);
    border-bottom: none;
    padding: 1.5rem;
  }

  ._detailsSection_14uii_101 {
    padding: 1.5rem;
  }
}

@media (max-width: 768px) {
  ._modalOverlay_14uii_1 {
    padding: 0.5rem;
  }

  ._modalContainer_14uii_37 {
    max-width: 100%;
    max-height: 100vh;
    border-radius: 12px;
  }

  ._modalContent_14uii_181 {
    max-height: none; /* allow natural flow */
    grid-template-columns: 1fr; /* single column stack */
    grid-template-areas:
      "image"
      "details"
      "tabs"; /* mobile: image → details → description/history → tabs */
    overflow: visible; /* remove hidden to allow full scroll through container */
  }

  ._imageSection_14uii_99,
  ._detailsSection_14uii_101 {
    padding: 0.9rem;
  }

  /* Let the image section size naturally and keep a taller image like desktop */
  ._imageSection_14uii_99 {
    max-height: none; /* let image show fully */
    border-right: none;
    border-bottom: 1px solid var(--border-light);
    overflow: visible; /* no separate scroll */
  }
  ._imageSection_14uii_99::-webkit-scrollbar {
    display: none;
  } /* WebKit */

  ._imageContainer_14uii_299 {
    margin-bottom: 16px;
    border-radius: 12px;
  }

  ._nftImage_14uii_319 {
    width: 100%;
    height: auto;
    max-height: none;
    border-radius: 12px;
    object-fit: contain;
  }

  /* Tighter icon buttons on image */
  ._imageActions_14uii_405 {
    gap: 6px;
    top: 44px; /* push down so X button stays clear */
    right: 10px;
  }
  ._actionButton_14uii_443 {
    width: 34px;
    height: 34px;
    font-size: 1rem;
  }

  ._tabContent_14uii_105 {
    padding: 1rem;
  }

  /* Bids: mobile-specific layout tweaks */
  ._bidsList_14uii_107 {
    gap: 0.75rem;
    padding-right: 0;
  }

  ._bidItem_14uii_2415 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px;
  }

  ._bidder_14uii_2563 {
    width: 100%;
  }

  ._bidderAvatar_14uii_2575 {
    width: 36px;
    height: 36px;
  }

  ._bidderInfo_14uii_2589 {
    gap: 2px;
  }

  ._bidderName_14uii_2601 {
    font-size: 0.95rem;
  }

  ._bidTime_14uii_2611 {
    font-size: 0.8rem;
  }

  ._bidAmount_14uii_1601 {
    width: 100%;
    gap: 8px;
  }

  ._bidAmount_14uii_1601 svg {
    font-size: 0.95rem;
  }

  /* Push status badges to the right on mobile */
  ._bidAmount_14uii_1601 ._highestBadge_14uii_2757,
  ._bidAmount_14uii_1601 ._withdrawnBadge_14uii_3187 {
    margin-left: auto;
  }

  ._highestBadge_14uii_2757 {
    padding: 4px 10px;
    font-size: 0.7rem;
  }

  /* Optional: refine bids header for small screens */
  ._bidsHeader_14uii_3207 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  /* Swap visibility: show mobile full-width price/actions; hide desktop ones */
  ._priceActionsDesktop_14uii_1733 {
    display: none;
  }
  ._priceActionsMobile_14uii_1767 {
    display: block;
    margin-top: 0.5rem;
  }

  /* Stack and full-width action buttons on mobile */
  ._actionButtons_14uii_1721 {
    flex-direction: column;
    gap: 0.5rem;
  }
  ._buyButton_14uii_1775,
  ._sellButton_14uii_1777,
  ._offerButton_14uii_1779,
  ._cancelButton_14uii_1781 {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
  }

  ._nftTitle_14uii_1163 {
    font-size: 1.3rem;
  }

  /* Keep owner/creator side-by-side like desktop, allow wrap if narrow */
  ._userInfo_14uii_1177 {
    flex-direction: column; /* stack Owner and Creator */
    gap: 0.6rem;
    align-items: flex-start;
  }
  ._userCard_14uii_1191 {
    padding: 0.25rem 0;
    min-width: 0; /* allow shrink */
  }

  ._priceAmount_14uii_1277 {
    font-size: 1.4rem;
  }
  ._bidAmount_14uii_1601 {
    font-size: 1.2rem;
  }
  ._tabHeaders_14uii_1925 {
    overflow-x: auto;
  }

  /* Previously used padding-bottom to reserve space; now we inject a spacer element */
  ._modalContent_14uii_181 {
    padding-bottom: 0;
  }

  /* Fixed action bar at bottom for primary NFT action (mobile only) */
  ._mobileFixedActionBar_14uii_3329 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 0.75rem;
    padding-bottom: calc(env(safe-area-inset-bottom) + 0.75rem);
    padding-left: calc(env(safe-area-inset-left) + 1rem);
    padding-right: calc(env(safe-area-inset-right) + 1rem);
    background: var(--card-bg, #111827ee);
    backdrop-filter: blur(12px);
    display: flex;
    gap: 0.75rem;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.35);
    z-index: 1400; /* above parent overlays */
  }
  ._mobileFixedActionBar_14uii_3329 button {
    flex: 1;
  }
  /* Spacer inserted after fixed bar so last content isn't hidden */
  ._mobileActionBarSpacer_14uii_3369 {
    height: calc(
      84px + env(safe-area-inset-bottom)
    ); /* ensure last content visible */
  }

  /* Make the price section sticky at the bottom of the right pane for a desktop-like anchor */
  ._detailsSection_14uii_101 {
    position: relative;
    max-height: none; /* allow natural height; unified scroll */
    overflow: visible; /* remove internal scrollbar */
  }
  ._priceSection_14uii_1241 {
    position: sticky;
    bottom: 0;
    z-index: 5;
    /* Use full rounding; previous top-only rounding caused square bottom corners on mobile */
    border-radius: 12px;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
  }

  /* When price is moved into expand area on mobile, remove stickiness */
  ._expandSection_14uii_195 ._priceSection_14uii_1241 {
    position: static;
    box-shadow: none;
    border-radius: 12px;
    margin-bottom: 0.5rem;
  }

  /* Ensure the primary button can span full width visually */
  ._actionButtons_14uii_1721 {
    width: 100%;
  }
  ._buyButton_14uii_1775 {
    width: 100%;
    display: block;
  }
}

/* Scroll Fade Effect */
._scrollFade_14uii_3451 {
  position: relative;
}

._scrollFade_14uii_3451::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 6px; /* ✅ Account for scrollbar */
  height: 30px;
  background: linear-gradient(transparent, var(--card-bg));
  pointer-events: none;
  opacity: 0.8;
}

/* Loading states */
._loading_14uii_2675 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  color: var(--text-muted);
}

._loading_14uii_2675::after {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid var(--border);
  border-top: 2px solid var(--primary);
  border-radius: 50%;
  animation: _spin_14uii_2695 1s linear infinite;
  margin-left: 0.5rem;
}

@keyframes _spin_14uii_2695 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* ✅ Wallet link styling */
._walletLink_14uii_3543 {
  background: none;
  border: none;
  color: var(--primary);
  cursor: pointer;
  font-family: "Courier New", monospace;
  font-size: inherit;
  font-weight: 600;
  padding: 0;
  text-decoration: underline;
  text-decoration-style: dotted;
  transition: all 0.2s ease;
}

._walletLink_14uii_3543:hover {
  color: var(--primary-hover, #3b82f6);
  text-decoration-style: solid;
  transform: scale(1.05);
}

._walletLink_14uii_3543:active {
  transform: scale(0.95);
}

/* ✅ Highlight royalties */
._detailItem_14uii_2653._highlight_14uii_3593 {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid var(--primary);
}

._royaltyValue_14uii_3603 {
  color: var(--primary);
  font-weight: 700;
}

._shareTooltip_14uii_3613 {
  position: absolute;
  left: 50%;
  top: 110%; /* Move below the button */
  transform: translateX(-50%);
  background: #222;
  color: #fff;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.85rem;
  z-index: 10;
  pointer-events: none;
  box-shadow: 0 0 10px rgba(59, 157, 255, 0.35);
  opacity: 0.95;
  white-space: nowrap;
}

/* Offer Modal Styles */
._offerModal_14uii_3649 {
  background: var(--background-primary, #1a1a1a);
  border-radius: 16px;
  padding: 2rem;
  max-width: 500px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
}

@keyframes _glowLegendary_14uii_1 {
  0% { box-shadow: 0 0 6px rgba(255, 180, 0, 0.2); transform: translateZ(0); }
  50% { box-shadow: 0 0 16px rgba(255, 180, 0, 0.55); }
  100% { box-shadow: 0 0 6px rgba(255, 180, 0, 0.2); }
}

@keyframes _pulseRare_14uii_1 {
  0% { transform: scale(1); }
  50% { transform: scale(1.04); }
  100% { transform: scale(1); }
}

@keyframes _shimmerUncommon_14uii_1 {
  0% { background-position: -40px 0; }
  100% { background-position: 40px 0; }
}

/* Animated rarity styles */
._rarityLegendary_14uii_615 {
  background: linear-gradient(135deg,#ffb347,#ff5e62);
  color: #111;
  animation: _glowLegendary_14uii_1 2.4s ease-in-out infinite;
  box-shadow: 0 0 12px rgba(255, 180, 0, 0.45);
}

._rarityRare_14uii_625 {
  background: linear-gradient(135deg,#b829ff,#5d2bff);
  color: #fff;
  animation: _pulseRare_14uii_1 2.8s ease-in-out infinite;
}

/* Extra tier for "Epic" if metadata uses that wording */
._rarityEpic_14uii_635 {
  background: linear-gradient(135deg,#ff7ae6,#7a5eff);
  color: #fff;
  animation: _pulseRare_14uii_1 2.6s ease-in-out infinite;
}

/* Subtle animated gradient for Uncommon shimmer */
._rarityUncommon_14uii_645 {
  background: linear-gradient(90deg, rgba(177,255,158,0.85), rgba(46,204,113,0.95), rgba(177,255,158,0.85));
  background-size: 200% 100%;
  animation: _shimmerUncommon_14uii_1 3.2s linear infinite;
}

/* Accessibility: reduce motion */
@media (prefers-reduced-motion: reduce) {
  ._rarityLegendary_14uii_615, ._rarityRare_14uii_625, ._rarityUncommon_14uii_645 {
    animation: none !important;
    transform: none !important;
  }
}

/* Cleanup stray declarations above: the following likely belonged to a selector. If needed for a container, define here. */
._offerModalContainer_14uii_3777 {
  position: relative;
  border: 1px solid var(--border-color, #333);
}

._offerForm_14uii_3787 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1rem;
}

._inputGroup_14uii_3801 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._label_14uii_3813 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-secondary, #b0b0b0);
}

._priceInput_14uii_3825 {
  display: flex;
  align-items: center;
  position: relative;
}

._input_14uii_3801 {
  flex: 1;
  padding: 0.75rem 1rem;
  padding-right: 4rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  background: var(--input-bg);
  color: var(--text);
  font-size: 1rem;
}

._input_14uii_3801:focus {
  outline: none;
  border-color: var(--primary);
}

._tokenSymbol_14uii_3869 {
  position: absolute;
  right: 1rem;
  color: var(--text-muted);
  font-size: 0.875rem;
  font-weight: 600;
  pointer-events: none;
}

._select_14uii_3887 {
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  background: var(--input-bg);
  color: var(--text);
  font-size: 1rem;
}

._select_14uii_3887:focus {
  outline: none;
  border-color: var(--primary);
}

/* Owner Actions */
._ownerActions_14uii_3917 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

._listingInfo_14uii_3931 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: var(--background-secondary, #2a2a2a);
  border-radius: 8px;
  border: 1px solid var(--border-color, #333);
}

._listingType_14uii_3951 {
  font-weight: 600;
  color: var(--accent-color, #00d4aa);
}

._listingPrice_14uii_3961 {
  font-weight: 600;
  color: var(--text-primary, white);
  font-size: 1.1rem;
}

._notForSale_14uii_3973 {
  text-align: center;
  padding: 1rem;
  color: var(--text-secondary, #b0b0b0);
  font-style: italic;
}

/* Sell Modal Styles */
._sellModal_14uii_3989 {
  background: var(--card-bg);
  border-radius: 16px;
  padding: 2rem;
  max-width: 500px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  border: 1px solid var(--border-light);
}

._sellForm_14uii_4013 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1rem;
}

._sellTypeSection_14uii_4027 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._sellTypeButtons_14uii_4039 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

._sellTypeButton_14uii_4039 {
  padding: 0.75rem 1rem;
  border: 2px solid var(--border-light);
  border-radius: 8px;
  background: var(--vote-btn-bg);
  color: var(--text-muted);
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  display: inline-flex; /* show icon + label inline */
  align-items: center;
  gap: 8px;
}

._sellTypeButton_14uii_4039._active_14uii_1973 {
  border-color: var(--primary);
  background: rgba(var(--primary-rgb), 0.12);
  color: var(--primary);
}

._sellTypeButton_14uii_4039:hover:not(._active_14uii_1973) {
  border-color: var(--border-light);
  color: var(--text);
}

/* Reuse existing styles for inputs, selects, buttons, etc. */
._inputGroup_14uii_3801 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._label_14uii_3813 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-secondary, #b0b0b0);
}

._priceInput_14uii_3825 {
  display: flex;
  align-items: center;
  position: relative;
}

._input_14uii_3801 {
  flex: 1;
  padding: 0.75rem 1rem;
  padding-right: 4rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  background: var(--input-bg);
  color: var(--text);
  font-size: 1rem;
}

._input_14uii_3801:focus {
  outline: none;
  border-color: var(--primary);
}

._tokenSymbol_14uii_3869 {
  position: absolute;
  right: 1rem;
  color: var(--text-muted);
  font-size: 0.875rem;
  font-weight: 600;
  pointer-events: none;
}

/* Ensure icons inside sell type buttons are visible and sized on desktop */
._sellTypeButton_14uii_4039 svg {
  width: 18px;
  height: 18px;
}

._select_14uii_3887 {
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  background: var(--input-bg);
  color: var(--text);
  font-size: 1rem;
}

._select_14uii_3887:focus {
  outline: none;
  border-color: var(--primary);
}

/* Helper text below fields (fees, notes) */
._helperText_14uii_4231 {
  color: var(--text-muted);
  font-size: 0.85rem;
  margin-top: 4px;
}

/* Themed box for platform fee info to be legible in dark mode */
._feeBox_14uii_4245 {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  background: var(--vote-btn-bg);
  color: var(--text);
}

._purchaseModal_14uii_4263 {
  background: var(--card-bg);
  border-radius: 12px;
  padding: 0;
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  border: 1px solid var(--border-light);
  box-shadow: 0 25px 50px var(--shadow-modal, rgba(0, 0, 0, 0.3));
}

._modalHeader_14uii_4289 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 15px;
  border-bottom: 1px solid var(--border-light);
  margin-bottom: 0;
  background: var(--card-bg);
}

._modalHeader_14uii_4289 h2 {
  color: var(--text);
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
}

/* Desktop keeps grid areas; full-width rules are moved to mobile media query */

._purchaseContent_14uii_4327 {
  padding: 20px;
  background: var(--card-bg);
}

._nftPreview_14uii_4337 {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  padding: 15px;
  background: var(--card-bg);
  border: 1px solid var(--border-light);
  border-radius: 8px;
}

._nftPreview_14uii_4337 ._nftImage_14uii_319 {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  object-fit: cover;
}

._nftInfo_14uii_4373 {
  flex: 1;
}

._nftInfo_14uii_4373 h3 {
  color: var(--text) !important;
  margin: 0 0 5px 0;
  font-size: 1.1rem;
  font-weight: 600;
}

._nftInfo_14uii_4373 p {
  color: var(--text-muted) !important;
  margin: 0;
  font-size: 0.9rem;
}

._purchaseDetails_14uii_4407 {
  margin-bottom: 20px;
}

._priceBreakdown_14uii_4415 {
  margin: 20px 0;
  padding: 15px;
  background: var(--card-bg);
  border: 1px solid var(--border-light);
  border-radius: 8px;
}

._priceItem_14uii_4431 {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
  padding: 4px 0;
}

._priceItem_14uii_4431 span:first-child {
  color: var(--text-muted) !important;
  font-weight: 500;
}

._priceItem_14uii_4431 span:last-child {
  color: var(--text) !important;
  font-weight: 600;
}

._priceItem_14uii_4431._total_14uii_4465 {
  font-weight: bold;
  font-size: 1.1em;
  border-top: 1px solid var(--border-light);
  padding-top: 12px;
  margin-top: 12px;
}

._priceItem_14uii_4431._total_14uii_4465 span:first-child {
  color: var(--primary) !important;
  font-weight: 700;
}

._priceItem_14uii_4431._total_14uii_4465 span:last-child {
  color: var(--primary) !important;
  font-weight: 700;
}

._buyerInfo_14uii_4501 {
  margin: 15px 0;
  padding: 15px;
  background: var(--card-bg);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-size: 0.9em;
}

._buyerInfo_14uii_4501 p {
  margin: 5px 0;
  color: var(--text) !important;
  padding: 2px 0;
}

._buyerInfo_14uii_4501 strong {
  color: var(--primary) !important;
  font-weight: 700;
  margin-right: 8px;
}

._confirmationButtons_14uii_4543 {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}

._cancelButton_14uii_1781 {
  flex: 1;
  background: var(--vote-btn-bg);
  color: var(--text) !important;
  border: 1px solid var(--border);
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

._cancelButton_14uii_1781:hover:not(:disabled) {
  background: var(--border-light);
  color: var(--text) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--shadow);
}

._confirmButton_14uii_4593 {
  flex: 1;
  background: var(--primary);
  color: white !important;
  border: none;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

._confirmButton_14uii_4593:hover:not(:disabled) {
  background: var(--primary-hover);
  color: white !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

._confirmButton_14uii_4593:disabled,
._cancelButton_14uii_1781:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* Close button in modal header */
._purchaseModal_14uii_4263 ._closeButton_14uii_159 {
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  color: var(--text) !important;
  font-size: 1.2rem;
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

._purchaseModal_14uii_4263 ._closeButton_14uii_159:hover {
  background: var(--border);
  color: var(--text) !important;
  transform: scale(1.1);
}

/* Dark theme specific fixes */
[data-theme="dark"] ._purchaseModal_14uii_4263 {
  background: var(--card-bg);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7);
  border-color: var(--border-light);
}

[data-theme="dark"] ._modalHeader_14uii_4289,
[data-theme="dark"] ._purchaseContent_14uii_4327,
[data-theme="dark"] ._priceBreakdown_14uii_4415,
[data-theme="dark"] ._buyerInfo_14uii_4501,
[data-theme="dark"] ._nftPreview_14uii_4337 {
  background: var(--card-bg);
  border-color: var(--border-light);
}

[data-theme="dark"] ._modalHeader_14uii_4289 h2,
[data-theme="dark"] ._nftInfo_14uii_4373 h3,
[data-theme="dark"] ._priceItem_14uii_4431 span,
[data-theme="dark"] ._buyerInfo_14uii_4501 p {
  color: var(--text) !important;
}

[data-theme="dark"] ._nftInfo_14uii_4373 p,
[data-theme="dark"] ._priceItem_14uii_4431 span:first-child {
  color: var(--text-muted) !important;
}

[data-theme="dark"] ._confirmButton_14uii_4593:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(52, 211, 153, 0.4);
}

/* Light theme specific fixes */
[data-theme="light"] ._purchaseModal_14uii_4263,
:root ._purchaseModal_14uii_4263 {
  background: var(--card-bg);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
  border-color: var(--border-light);
}

[data-theme="light"] ._modalHeader_14uii_4289,
[data-theme="light"] ._purchaseContent_14uii_4327,
[data-theme="light"] ._priceBreakdown_14uii_4415,
[data-theme="light"] ._buyerInfo_14uii_4501,
[data-theme="light"] ._nftPreview_14uii_4337,
:root ._modalHeader_14uii_4289,
:root ._purchaseContent_14uii_4327,
:root ._priceBreakdown_14uii_4415,
:root ._buyerInfo_14uii_4501,
:root ._nftPreview_14uii_4337 {
  background: var(--card-bg);
  border-color: var(--border-light);
}

[data-theme="light"] ._modalHeader_14uii_4289 h2,
[data-theme="light"] ._nftInfo_14uii_4373 h3,
[data-theme="light"] ._priceItem_14uii_4431 span,
[data-theme="light"] ._buyerInfo_14uii_4501 p,
:root ._modalHeader_14uii_4289 h2,
:root ._nftInfo_14uii_4373 h3,
:root ._priceItem_14uii_4431 span,
:root ._buyerInfo_14uii_4501 p {
  color: var(--text) !important;
}

[data-theme="light"] ._nftInfo_14uii_4373 p,
[data-theme="light"] ._priceItem_14uii_4431 span:first-child,
:root ._nftInfo_14uii_4373 p,
:root ._priceItem_14uii_4431 span:first-child {
  color: var(--text-muted) !important;
}

[data-theme="light"] ._confirmButton_14uii_4593:hover:not(:disabled),
:root ._confirmButton_14uii_4593:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
}

/* Ensure proper contrast */
._priceItem_14uii_4431 span {
  font-size: 0.95rem;
  line-height: 1.4;
}

._buyerInfo_14uii_4501 p {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Loading state text fix */
._confirmButton_14uii_4593:disabled {
  background: var(--text-muted);
  color: white !important;
}

/* ===== ERC20 PURCHASE ENHANCEMENT STYLES ===== */

/* Token Badge */
._tokenBadge_14uii_4885 {
  background: linear-gradient(
    135deg,
    var(--primary) 0%,
    var(--primary-hover) 100%
  );
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-left: 12px;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(52, 211, 153, 0.2);
}

/* Payment Information Section */
._paymentInfo_14uii_4917 {
  margin: 20px 0;
  padding: 15px;
  background: var(--vote-btn-bg);
  border-radius: 8px;
  border-left: 4px solid var(--primary);
  border: 1px solid var(--border-light);
}

._paymentMethod_14uii_4935 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

._paymentMethod_14uii_4935 strong {
  color: var(--text);
  font-weight: 600;
}

._tokenInfo_14uii_4959 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

._tokenInfo_14uii_4959 {
  color: var(--primary);
  font-weight: 600;
}

._tokenInfo_14uii_4959 small {
  color: var(--text-muted);
  font-size: 0.75rem;
  font-family: "Courier New", monospace;
}

/* Transaction Steps */
._transactionSteps_14uii_4997 {
  margin-top: 15px;
}

._transactionSteps_14uii_4997 h4 {
  margin: 0 0 8px 0;
  font-size: 0.9rem;
  color: var(--text);
  font-weight: 600;
}

._transactionSteps_14uii_4997 ol {
  margin: 0;
  padding-left: 20px;
}

._transactionSteps_14uii_4997 li {
  margin: 6px 0;
  font-size: 0.85rem;
  color: var(--text-muted);
  line-height: 1.4;
}

/* Enhanced Loading Spinner */
._loadingSpinner_14uii_5045 {
  width: 16px;
  height: 16px;
  border: 2px solid var(--border-light);
  border-top: 2px solid var(--primary);
  border-radius: 50%;
  animation: _spin_14uii_2695 1s linear infinite;
  margin-right: 8px;
}

@keyframes _spin_14uii_2695 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Enhanced Confirm Button */
._confirmButton_14uii_4593:disabled {
  background-color: var(--text-muted);
  cursor: not-allowed;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  transform: none;
  box-shadow: none;
}

._confirmButton_14uii_4593:disabled ._loadingSpinner_14uii_5045 {
  border-color: var(--border-light);
  border-top-color: white;
}

/* Purchase Status Indicators */
._purchaseStep_14uii_5119 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  color: var(--text-muted);
  font-size: 0.85rem;
}

._purchaseStep_14uii_5119._active_14uii_1973 {
  color: var(--primary);
  font-weight: 600;
}

._purchaseStep_14uii_5119._completed_14uii_5147 {
  color: var(--primary);
}

._purchaseStep_14uii_5119._failed_14uii_5155 {
  color: #ef4444;
}

._stepIcon_14uii_5163 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: bold;
}

._stepIcon_14uii_5163._pending_14uii_5185 {
  background: var(--border-light);
  color: var(--text-muted);
}

._stepIcon_14uii_5163._active_14uii_1973 {
  background: var(--primary);
  color: white;
}

._stepIcon_14uii_5163._completed_14uii_5147 {
  background: var(--primary);
  color: white;
}

._stepIcon_14uii_5163._failed_14uii_5155 {
  background: #ef4444;
  color: white;
}

/* Balance Warning */
._balanceWarning_14uii_5227 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  color: #ef4444;
  font-size: 0.9rem;
  margin: 10px 0;
}

._balanceSuccess_14uii_5253 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: rgba(52, 211, 153, 0.1);
  border: 1px solid rgba(52, 211, 153, 0.3);
  border-radius: 8px;
  color: var(--primary);
  font-size: 0.9rem;
  margin: 10px 0;
}

/* Approval Status */
._approvalStatus_14uii_5281 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 6px;
  font-size: 0.85rem;
  margin: 8px 0;
}

._approvalStatus_14uii_5281._needed_14uii_5305 {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.05);
  color: #ef4444;
}

._approvalStatus_14uii_5281._sufficient_14uii_5317 {
  border-color: rgba(52, 211, 153, 0.3);
  background: rgba(52, 211, 153, 0.05);
  color: var(--primary);
}

/* Transaction Hash Display */
._transactionHash_14uii_5331 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 6px;
  font-family: "Courier New", monospace;
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-top: 10px;
}

._transactionHash_14uii_5331 a {
  color: var(--primary);
  text-decoration: none;
}

._transactionHash_14uii_5331 a:hover {
  text-decoration: underline;
}

/* Enhanced Price Breakdown */
._priceBreakdown_14uii_4415 {
  margin: 20px 0;
  padding: 16px;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  position: relative;
}

._priceBreakdown_14uii_4415::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  background: var(--primary);
  border-radius: 8px 0 0 8px;
}

/* Payment Token Selector */
._paymentTokenSelector_14uii_5421 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  margin: 10px 0;
}

._tokenIcon_14uii_5443 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 0.8rem;
}

._tokenDetails_14uii_5469 {
  flex: 1;
}

._tokenSymbol_14uii_3869 {
  font-weight: 600;
  color: var(--text);
}

._tokenAddress_14uii_5487 {
  font-size: 0.75rem;
  color: var(--text-muted);
  font-family: "Courier New", monospace;
}

/* Success Animation */
._purchaseSuccess_14uii_5501 {
  text-align: center;
  padding: 20px;
  animation: _slideIn_14uii_1 0.5s ease-out;
}

@keyframes _slideIn_14uii_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._successIcon_14uii_5535 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--primary);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin: 0 auto 15px;
  animation: _bounce_14uii_1 0.6s ease-out;
}

@keyframes _bounce_14uii_1 {
  0%,
  20%,
  53%,
  80%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    transform: translate3d(0, -15px, 0);
  }
  70% {
    transform: translate3d(0, -7px, 0);
  }
  90% {
    transform: translate3d(0, -2px, 0);
  }
}

/* Gas Fee Estimate */
._gasEstimate_14uii_5605 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 6px;
  font-size: 0.85rem;
  margin: 8px 0;
}

._gasEstimate_14uii_5605 ._label_14uii_3813 {
  color: var(--text-muted);
}

._gasEstimate_14uii_5605 ._value_14uii_5637 {
  color: var(--text);
  font-weight: 600;
}

/* Error State */
._purchaseError_14uii_5649 {
  padding: 12px;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  color: #ef4444;
  font-size: 0.9rem;
  margin: 10px 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

._purchaseError_14uii_5649 ._errorIcon_14uii_5675 {
  color: #ef4444;
  font-size: 1.1rem;
  margin-top: 1px;
}

/* Progress Bar */
._progressBar_14uii_5689 {
  width: 100%;
  height: 4px;
  background: var(--border-light);
  border-radius: 2px;
  overflow: hidden;
  margin: 15px 0;
}

._progressFill_14uii_5707 {
  height: 100%;
  background: linear-gradient(90deg, var(--primary), var(--primary-hover));
  transition: width 0.3s ease;
  border-radius: 2px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  ._paymentMethod_14uii_4935 {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }

  ._tokenInfo_14uii_4959 {
    align-items: flex-start;
  }

  ._confirmationButtons_14uii_4543 {
    flex-direction: column;
  }

  ._confirmButton_14uii_4593,
  ._cancelButton_14uii_1781 {
    width: 100%;
  }

  ._transactionSteps_14uii_4997 ol {
    padding-left: 16px;
  }

  ._transactionSteps_14uii_4997 li {
    font-size: 0.8rem;
  }
  /* Hide desktop-only overlay buttons on mobile */
  ._desktopOnly_14uii_425 {
    display: none;
  }

  /* Mobile action bar under image */
  ._imageActionsBarMobile_14uii_435 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin: 0.5rem 0 0; /* sits under image container */
    align-items: stretch;
  }
  ._actionButtonBar_14uii_5803 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0 0.8rem;
    height: 44px; /* consistent height */
    box-sizing: border-box;
    background: var(--vote-btn-bg);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 10px;
    font-weight: 600;
    width: 100%;
  }
  ._actionButtonBar_14uii_5803 svg {
    font-size: 1rem;
  }

  /* Add extra space between Buy and Description */
  ._priceActionsMobile_14uii_1767 {
    margin-bottom: 0.75rem;
  }

  /* Ensure mobile scroll works within columns/sections */
  ._modalContainer_14uii_37 {
    max-height: 100vh;
  }
  /* These were previous attempts at internal scroll; now unified */
  ._modalContent_14uii_181 {
    overflow: visible;
  }
  ._imageSection_14uii_99 {
    overflow: visible;
  }
  ._detailsSection_14uii_101 {
    overflow: visible;
  }

  /* Place Description/History and Tabs across the full width below the first row (mobile only) */
  ._expandSection_14uii_195 {
    grid-column: 1 / -1;
    border-right: none;
    border-top: 1px solid var(--border-light);
    padding: 0.9rem;
  }
  ._tabsContainer_14uii_197 {
    grid-column: 1 / -1;
    padding: 0 0.9rem 0.9rem;
    /* Ensure tabs aren't collapsed or clipped on mobile */
    display: block;
    overflow: visible;
    margin-top: 0.25rem;
  }
  /* Force tab headers to show on mobile (were reported missing) */
  ._tabHeaders_14uii_1925 {
    display: flex !important; /* reinforce visibility */
    background: var(--card-bg);
    position: relative;
    z-index: 2;
  }
  ._tabHeader_14uii_1925 {
    font-size: 0.9rem; /* slightly smaller to fit narrow widths */
    padding: 0.75rem 0.5rem;
  }
}

/* Dark Theme Specific Enhancements */
[data-theme="dark"] ._tokenBadge_14uii_4885 {
  box-shadow: 0 2px 8px rgba(52, 211, 153, 0.3);
}

[data-theme="dark"] ._purchaseError_14uii_5649 {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}

[data-theme="dark"] ._balanceWarning_14uii_5227 {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}

[data-theme="dark"] ._balanceSuccess_14uii_5253 {
  background: rgba(52, 211, 153, 0.15);
  border-color: rgba(52, 211, 153, 0.4);
}

/* Light Theme Specific Enhancements */
[data-theme="light"] ._tokenBadge_14uii_4885,
:root ._tokenBadge_14uii_4885 {
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
}

[data-theme="light"] ._purchaseError_14uii_5649,
:root ._purchaseError_14uii_5649 {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.2);
}

[data-theme="light"] ._balanceWarning_14uii_5227,
:root ._balanceWarning_14uii_5227 {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.2);
}

[data-theme="light"] ._balanceSuccess_14uii_5253,
:root ._balanceSuccess_14uii_5253 {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.2);
}

/* ===== BID MODAL STYLES ===== */
._bidModal_14uii_6027 {
  background: var(--card-bg);
  border-radius: 16px;
  padding: 0;
  max-width: 500px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  border: 1px solid var(--border-light);
  box-shadow: 0 25px 50px var(--shadow-modal);
}

._bidContent_14uii_6053 {
  padding: 24px;
}

._bidHeader_14uii_6061 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-light);
}

._bidHeader_14uii_6061 h3 {
  color: var(--text);
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
}

._bidHeader_14uii_6061 ._closeButton_14uii_159 {
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  color: var(--text);
  font-size: 1.2rem;
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

._bidHeader_14uii_6061 ._closeButton_14uii_159:hover {
  background: var(--border);
  transform: scale(1.1);
}

._bidNftInfo_14uii_6135 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  padding: 16px;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 12px;
}

._bidNftImage_14uii_6157 {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

._bidNftInfo_14uii_6135 div {
  flex: 1;
}

._bidNftInfo_14uii_6135 h4 {
  color: var(--text);
  margin: 0 0 8px 0;
  font-size: 1.1rem;
  font-weight: 600;
}

._bidNftInfo_14uii_6135 p {
  color: var(--text-muted);
  margin: 4px 0;
  font-size: 0.9rem;
}

._bidNftInfo_14uii_6135 small {
  color: var(--text-muted);
  font-size: 0.8rem;
}

._bidForm_14uii_6217 {
  margin-bottom: 24px;
}

._bidForm_14uii_6217 label {
  display: block;
  color: var(--text);
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 0.9rem;
}

._bidInputContainer_14uii_6241 {
  position: relative;
  margin-bottom: 8px;
}

._bidInputContainer_14uii_6241 input {
  width: 100%;
  padding: 12px 16px;
  padding-right: 80px;
  border: 2px solid var(--border-light);
  border-radius: 8px;
  background: var(--input-bg);
  color: var(--text);
  font-size: 1rem;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}

._bidInputContainer_14uii_6241 input:focus {
  outline: none;
  border-color: var(--primary);
}

._bidInputContainer_14uii_6241 input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._bidInputContainer_14uii_6241 ._tokenSymbol_14uii_3869 {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-muted);
  font-size: 0.9rem;
  font-weight: 600;
  pointer-events: none;
}

._bidForm_14uii_6217 small {
  color: var(--text-muted);
  font-size: 0.8rem;
  display: block;
  margin-top: 4px;
}

/* ✅ Fix auction info in bid modal */
._bidModal_14uii_6027 ._auctionInfo_14uii_1551 {
  margin: 16px 0;
  padding: 12px;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  text-align: center;
}

/* ✅ Override countdown styling specifically in bid modal */
._bidModal_14uii_6027 ._auctionInfo_14uii_1551 ._countdown_14uii_6355 {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: 0 2px 8px var(--shadow) !important;
  padding: 8px 12px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: var(--text) !important;
  text-shadow: none !important;
  position: static !important;
}

._bidModal_14uii_6027 ._auctionInfo_14uii_1551 ._countdown_14uii_6355 ._icon_14uii_6387 {
  color: var(--primary) !important;
  font-size: 1rem !important;
}

._bidModal_14uii_6027 ._auctionInfo_14uii_1551 ._countdown_14uii_6355 ._time_14uii_6397 {
  color: var(--text) !important;
  min-width: auto !important;
}

._bidActions_14uii_6407 {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}

/* Make sell modal action row full width and aligned with inputs */
._sellModal_14uii_3989 ._bidActions_14uii_6407 {
  width: 100%;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
._sellModal_14uii_3989 ._cancelBidButton_14uii_6431,
._sellModal_14uii_3989 ._placeBidButton_14uii_6433 {
  width: 100%;
}

._cancelBidButton_14uii_6431,
._placeBidButton_14uii_6433 {
  flex: 1;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._cancelBidButton_14uii_6431 {
  background: var(--vote-btn-bg);
  color: var(--text);
  border: 1px solid var(--border);
}

._cancelBidButton_14uii_6431:hover:not(:disabled) {
  background: var(--border-light);
  transform: translateY(-1px);
}

._placeBidButton_14uii_6433 {
  background: var(--primary);
  color: white;
}

._placeBidButton_14uii_6433:hover:not(:disabled) {
  background: var(--primary-hover);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

._placeBidButton_14uii_6433:disabled,
._cancelBidButton_14uii_6431:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* Dark theme specific */
[data-theme="dark"] ._bidModal_14uii_6027 {
  background: var(--card-bg);
  border-color: var(--border-light);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] ._bidModal_14uii_6027 ._auctionInfo_14uii_1551 ._countdown_14uii_6355 {
  background: var(--card-bg) !important;
  border-color: var(--border-light) !important;
  color: var(--text) !important;
}

[data-theme="dark"] ._placeBidButton_14uii_6433:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(52, 211, 153, 0.4);
}

/* Light theme specific */
[data-theme="light"] ._bidModal_14uii_6027,
:root ._bidModal_14uii_6027 {
  background: var(--card-bg);
  border-color: var(--border-light);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

[data-theme="light"] ._bidModal_14uii_6027 ._auctionInfo_14uii_1551 ._countdown_14uii_6355,
:root ._bidModal_14uii_6027 ._auctionInfo_14uii_1551 ._countdown_14uii_6355 {
  background: var(--card-bg) !important;
  border-color: var(--border-light) !important;
  color: var(--text) !important;
}

[data-theme="light"] ._placeBidButton_14uii_6433:hover:not(:disabled),
:root ._placeBidButton_14uii_6433:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
}

/* Responsive adjustments for bid modal */
@media (max-width: 768px) {
  ._bidModal_14uii_6027 {
    margin: 1rem;
    max-width: calc(100% - 2rem);
  }

  ._bidContent_14uii_6053 {
    padding: 20px;
  }

  ._bidNftInfo_14uii_6135 {
    flex-direction: column;
    text-align: center;
  }

  ._bidNftImage_14uii_6157 {
    width: 80px;
    height: 80px;
  }

  ._bidActions_14uii_6407 {
    flex-direction: column;
  }

  ._cancelBidButton_14uii_6431,
  ._placeBidButton_14uii_6433 {
    width: 100%;
  }
  /* Ensure action buttons in sell modal match width of input groups */
  ._sellModal_14uii_3989 ._bidActions_14uii_6407 {
    width: 100%;
  }
  ._sellModal_14uii_3989 ._cancelBidButton_14uii_6431,
  ._sellModal_14uii_3989 ._placeBidButton_14uii_6433 {
    width: 100%;
  }
}

/* ✅ Auction Countdown Overlay - Top left corner of image */
._auctionCountdownOverlay_14uii_6685 {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  /* Remove all background styling to make it text-only */
}

._auctionCountdownOverlay_14uii_6685 ._countdown_14uii_6355 {
  background: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  padding: 6px 10px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: white !important;
  text-shadow: none !important;
  position: static !important;
}

._auctionCountdownOverlay_14uii_6685 ._countdown_14uii_6355 ._icon_14uii_6387 {
  color: #4ade80 !important;
  font-size: 0.9rem !important;
}

._auctionCountdownOverlay_14uii_6685 ._countdown_14uii_6355 ._time_14uii_6397 {
  color: white !important;
  min-width: auto !important;
}

/* Make sure image container allows absolute positioning */
._imageContainer_14uii_299 {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 24px;
  background: var(--vote-btn-bg);
}

/* Fullscreen toggle button in bottom-right of image */
._fullscreenButton_14uii_6779 {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._fullscreenButton_14uii_6779:hover {
  background: rgba(0, 0, 0, 0.8);
}

/* Fullscreen overlay */
._fullscreenOverlay_14uii_6821 {
  position: fixed;
  inset: 0;
  z-index: 1100;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
}
._fullscreenImage_14uii_6839 {
  max-width: 95vw;
  max-height: 95vh;
  object-fit: contain;
}
._fullscreenCloseButton_14uii_6849 {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 1101;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Floating like button bottom-left */
._likeButtonFloating_14uii_6885 {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 1001;
}

/* ✅ Not for sale message styling */
._notForSaleMessage_14uii_6901 {
  text-align: center;
  padding: 1.5rem;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border-light);
  border-radius: 12px;
  color: var(--text-muted);
}

._notForSaleMessage_14uii_6901 p {
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  color: var(--text);
}

._notForSaleMessage_14uii_6901 small {
  font-size: 0.85rem;
  color: var(--text-muted);
}

/* Füge diese Styles zu NFTDetailsModal.module.css hinzu falls sie fehlen */
._purchaseModal_14uii_4263 {
  background: var(--card-bg);
  border: 1px solid var(--border-light);
  border-radius: 12px;
  padding: 1rem;
}

._purchaseInfo_14uii_6957 {
  margin: 1rem 0;
}

._priceBreakdown_14uii_4415 {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
}

._priceRow_14uii_6979 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 0.9rem;
}

._totalRow_14uii_6995 {
  font-weight: bold;
  font-size: 1rem;
  color: #007bff;
}

._priceDivider_14uii_7007 {
  border: none;
  border-top: 1px solid #dee2e6;
  margin: 0.5rem 0;
}

._purchaseWarning_14uii_7019 {
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1rem;
}

._purchaseWarning_14uii_7019 h4 {
  margin: 0 0 0.5rem 0;
  color: #856404;
}

._purchaseWarning_14uii_7019 ul {
  margin: 0;
  padding-left: 1.2rem;
  color: #856404;
}

._purchaseWarning_14uii_7019 li {
  margin-bottom: 0.3rem;
  font-size: 0.85rem;
}

/* Outbid Notifications and Withdraw Buttons */
._outbidAlert_14uii_7069,
._mainOutbidAlert_14uii_7071 {
  background: linear-gradient(135deg, #fff3cd, #ffeaa7);
  border: 1px solid #f39c12;
  border-radius: 12px;
  padding: 1rem;
  margin: 1rem 0;
  animation: _slideInDown_14uii_1 0.3s ease;
}

._mainOutbidAlert_14uii_7071 {
  margin: 1rem 0 0.5rem 0;
}

._alertContent_14uii_7097 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

._alertIcon_14uii_7109 {
  font-size: 1.2rem;
  margin-top: 0.1rem;
}

._alertText_14uii_7119 {
  flex: 1;
}

._alertText_14uii_7119 strong {
  color: #d68910;
  font-size: 1rem;
  display: block;
  margin-bottom: 0.25rem;
}

._alertText_14uii_7119 p {
  margin: 0 0 0.5rem 0;
  color: #856404;
  font-size: 0.9rem;
  line-height: 1.4;
}

._alertButton_14uii_7155 {
  background: #f39c12;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 0.4rem 0.8rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

._alertButton_14uii_7155:hover {
  background: #e67e22;
  transform: translateY(-1px);
}

._withdrawButton_14uii_7189 {
  background: #e74c3c;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 0.4rem 0.8rem;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-left: 0.5rem;
}

._withdrawButton_14uii_7189:hover {
  background: #c0392b;
  transform: translateY(-1px);
}

._withdrawButton_14uii_7189:disabled {
  background: #95a5a6;
  cursor: not-allowed;
  transform: none;
}

._bidActions_14uii_6407 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.5rem;
}

._outbidNotification_14uii_7251 {
  background: #ffe6e6;
  border: 1px solid #ff9999;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  margin-top: 0.5rem;
}

._outbidText_14uii_7267 {
  color: #cc0000;
  font-size: 0.8rem;
  font-weight: 500;
}

._withdrawnBadge_14uii_3187 {
  background: #95a5a6;
  color: white;
  padding: 0.2rem 0.5rem;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 600;
  margin-left: 0.5rem;
}

@keyframes _slideInDown_14uii_1 {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  ._outbidAlert_14uii_7069,
  ._mainOutbidAlert_14uii_7071 {
    padding: 0.8rem;
    margin: 0.8rem 0;
  }

  ._alertContent_14uii_7097 {
    gap: 0.5rem;
  }

  ._alertText_14uii_7119 strong {
    font-size: 0.9rem;
  }

  ._alertText_14uii_7119 p {
    font-size: 0.8rem;
  }

  ._alertButton_14uii_7155,
  ._withdrawButton_14uii_7189 {
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
  }
}

/* Winner and Auction Status Overlays */
._winnerOverlay_14uii_7377,
._endedOverlay_14uii_7379 {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 5;
  animation: _slideInDown_14uii_1 0.5s ease;
}

._winnerBadge_14uii_7395,
._endedBadge_14uii_7397 {
  background: linear-gradient(135deg, #f39c12, #e67e22);
  border: 2px solid #d68910;
  border-radius: 12px;
  padding: 0.8rem 1rem;
  color: white;
  box-shadow: 0 4px 15px rgba(243, 156, 18, 0.3);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 200px;
}

._endedBadge_14uii_7397 {
  background: linear-gradient(135deg, #95a5a6, #7f8c8d);
  border-color: #7f8c8d;
  box-shadow: 0 4px 15px rgba(149, 165, 166, 0.3);
}

._winnerIcon_14uii_7435,
._endedIcon_14uii_7437 {
  font-size: 1.5rem;
  animation: _bounce_14uii_1 2s infinite;
}

._winnerContent_14uii_7447,
._endedContent_14uii_7449 {
  flex: 1;
}

._winnerTitle_14uii_7457,
._endedTitle_14uii_7459 {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0.3rem;
  opacity: 0.9;
}

._winnerName_14uii_7475,
._endedSubtitle_14uii_7477 {
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

._winnerAmount_14uii_7489 {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.9;
}

/* Bid Sections Styling */
._currentAuctionSection_14uii_7503,
._oldAuctionSection_14uii_7505 {
  margin-bottom: 2rem;
}

._oldAuctionSection_14uii_7505 {
  opacity: 0.7;
  border-top: 1px solid var(--border-light);
  padding-top: 1.5rem;
}

._oldBidItem_14uii_7525 {
  opacity: 0.6;
  background: var(--card-bg-secondary);
}

._oldBidBadge_14uii_7535 {
  background: #95a5a6;
  color: white;
  padding: 0.2rem 0.5rem;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 600;
  margin-left: 0.5rem;
}

._finalizeButton_14uii_7555 {
  background: linear-gradient(135deg, #e74c3c, #c0392b);
  color: white;
  border: none;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
  margin-top: 0.5rem;
}

._finalizeButton_14uii_7555:hover {
  background: linear-gradient(135deg, #c0392b, #a93226);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);
}

._finalizeButton_14uii_7555:disabled {
  background: #95a5a6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

._forceFinalizeButton_14uii_7609 {
  background: linear-gradient(135deg, #e67e22, #d35400);
  color: white;
  border: none;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(230, 126, 34, 0.3);
  margin-top: 0.5rem;
  border: 2px solid #f39c12;
}

._forceFinalizeButton_14uii_7609:hover {
  background: linear-gradient(135deg, #d35400, #c0392b);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(230, 126, 34, 0.4);
}

._forceFinalizeButton_14uii_7609:disabled {
  background: #95a5a6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  border-color: #7f8c8d;
}

._winnerBanner_14uii_7667 {
  background: linear-gradient(135deg, #fff9e6, #ffeaa7);
  border: 2px solid #f39c12;
  border-radius: 12px;
  padding: 1rem;
  margin-bottom: 1rem;
  animation: _slideInDown_14uii_1 0.3s ease;
}

._winnerInfo_14uii_7685 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._winnerDetails_14uii_7697 strong {
  color: #d68910;
  font-size: 1.1rem;
  display: block;
  margin-bottom: 0.25rem;
}

._winnerDetails_14uii_7697 p {
  margin: 0;
  color: #856404;
  font-size: 0.95rem;
}

@keyframes _bounce_14uii_1 {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

/* Mobile responsiveness for overlays */
@media (max-width: 768px) {
  ._winnerOverlay_14uii_7377,
  ._endedOverlay_14uii_7379 {
    top: 10px;
    left: 10px;
  }

  ._winnerBadge_14uii_7395,
  ._endedBadge_14uii_7397 {
    padding: 0.6rem 0.8rem;
    min-width: 160px;
  }

  ._winnerIcon_14uii_7435,
  ._endedIcon_14uii_7437 {
    font-size: 1.2rem;
  }

  ._winnerTitle_14uii_7457,
  ._endedTitle_14uii_7459 {
    font-size: 0.6rem;
  }

  ._winnerName_14uii_7475,
  ._endedSubtitle_14uii_7477 {
    font-size: 0.8rem;
  }

  ._winnerAmount_14uii_7489 {
    font-size: 0.7rem;
  }
}

/* (Mobile bottom tab bar removed; tabs render inline below history) */
._overlay_rkn9z_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200000;
  padding: 1.5rem;
}

._container_rkn9z_25 {
  width: min(520px, 94vw);
  background: var(--card-bg);
  border: 1px solid var(--border-light);
  border-radius: 16px;
  box-shadow: 0 25px 50px var(--shadow-strong);
  overflow: hidden;
}

._header_rkn9z_43 {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-light);
}

._title_rkn9z_53 {
  margin: 0;
  color: var(--text);
  font-size: 1.05rem;
}

._body_rkn9z_65 {
  padding: 1rem 1.25rem;
  color: var(--text);
  white-space: pre-line;
}

._body_rkn9z_65 p {
  margin: 0;
  color: inherit;
}

._footer_rkn9z_87 {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--border-light);
}

._cancelButton_rkn9z_103 {
  background: var(--vote-btn-bg);
  color: var(--text);
  border: 1px solid var(--border-light);
  border-radius: 10px;
  padding: 0.6rem 0.9rem;
  cursor: pointer;
}

._confirmButton_rkn9z_121 {
  background: var(--primary);
  color: var(--overlay-text);
  border: 1px solid var(--primary);
  border-radius: 10px;
  padding: 0.6rem 0.9rem;
  cursor: pointer;
}

._confirmButton_rkn9z_121:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}
._modalOverlay_184pr_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 2rem;
}

._modalContainer_184pr_31 {
  background: var(--card-bg);
  border-radius: 20px;
  border: 1px solid var(--border-light);
  max-width: 95vw;
  max-height: 90vh;
  width: 1400px;
  overflow-y: auto;
  overflow-x: hidden; /* Prevent horizontal scrollbar on desktop */
  position: relative;
  box-shadow: 0 25px 50px var(--shadow-strong);
}

._closeButton_184pr_57 {
  position: absolute;
  top: 20px;
  right: 20px;
  background: var(--vote-btn-bg);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text);
  cursor: pointer;
  font-size: 1.2rem;
  z-index: 10;
  transition: all 0.3s ease;
}

._closeButton_184pr_57:hover {
  background: var(--border);
  transform: scale(1.1);
}

/* Loading and Error States */
._loadingState_184pr_107 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: var(--text);
}

._spinner_184pr_125 {
  width: 40px;
  height: 40px;
  border: 3px solid var(--border-light);
  border-top: 3px solid var(--primary);
  border-radius: 50%;
  animation: _spin_184pr_125 1s linear infinite;
  margin-bottom: 1rem;
}

@keyframes _spin_184pr_125 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

._errorState_184pr_163 {
  text-align: center;
  padding: 4rem 2rem;
  color: var(--text);
}

._retryButton_184pr_175 {
  background: var(--primary);
  color: white; /* Keep white for contrast on primary color */
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  margin-top: 1rem;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.3s ease;
}

._retryButton_184pr_175:hover {
  background: var(--primary-hover);
}

/* Mobile structural adjustments (legacy early block consolidated) */
@media (max-width: 768px) {
  ._closeButton_184pr_57 {
    position: fixed; /* keep visible while scrolling */
    top: calc(env(safe-area-inset-top) + 12px);
    right: calc(env(safe-area-inset-right) + 12px);
    z-index: 1200;
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(12px);
  }
  ._collectionHeader_184pr_229 {
    padding-top: 56px;
    margin: 0 0 0.75rem 0;
    position: relative;
  }
  ._collectionImage_184pr_239 {
    margin-top: -56px;
    height: 200px;
    border-radius: 16px 16px 0 0;
  }
  ._collectionTitle_184pr_249 h2 {
    font-size: 1.75rem;
  }
  /* Override desktop filter tabs for mobile: remove underline layout */
  ._filterTabs_184pr_257 {
    border-bottom: none;
    gap: 0.55rem;
    padding: 0;
    margin: 0 0 0.85rem;
  }
  ._filterTab_184pr_257 {
    font-size: 0.66rem;
    font-weight: 600;
  }
  ._nftsContainer_184pr_277 {
    padding: 0 1rem 1rem;
  }
  ._nftsGrid_184pr_283 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
}

/* === Mobile single-scroll mode: remove inner container scroll, rely on modalContainer only === */
@media (max-width: 768px) {
  ._nftsContainer_184pr_277 {
    max-height: none !important;
    overflow: visible !important;
  }
  ._modalContainer_184pr_31 {
    -webkit-overflow-scrolling: touch; /* smooth momentum scroll */
  }
}

@media (max-width: 480px) {
  /* Mobile: switch to stacked layout (Section 1: banner + basic info; Section 2: stats) */
  ._collectionHeader_184pr_229 {
    padding-top: 0; /* no artificial offset */
    margin-bottom: 1.25rem;
  }
  ._collectionImage_184pr_239 {
    margin-top: 0;
    height: 200px; /* slightly shorter on mobile */
    border-radius: 16px;
  }
  ._collectionInfo_184pr_341 {
    position: static; /* remove absolute overlay */
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0.75rem 0.25rem 0;
    color: var(--text); /* use theme text color */
  }
  ._collectionTitle_184pr_249 h2 {
    color: var(--text);
    text-shadow: none; /* no need for heavy shadow when not over image */
    font-size: 1.9rem;
  }
  ._collectionMeta_184pr_367 {
    flex-direction: row;
    align-items: flex-start;
  }
  ._collectionActions_184pr_375 {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }
  /* Stats section (clean definition) */
  ._collectionStats_184pr_387 {
    display: flex;
    gap: 0.55rem;
    margin: 0.6rem 0 0.75rem;
    padding: 0 0.25rem;
  }
  ._collectionStats_184pr_387 ._stat_184pr_399 {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(4px);
    border: 1px solid var(--border-light);
    padding: 0.6rem 0.55rem 0.55rem;
    border-radius: 14px;
    flex: 1;
    text-align: center;
  }
  ._collectionStats_184pr_387 ._statNumber_184pr_417 {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.1;
    display: block;
  }
  ._collectionStats_184pr_387 ._statLabel_184pr_429 {
    font-size: 0.55rem;
    letter-spacing: 0.6px;
    opacity: 0.8;
    text-transform: uppercase;
    display: block;
    margin-top: 0.15rem;
  }
}

/* Collection Header */
._collectionHeader_184pr_229 {
  position: relative;
  margin-bottom: 2rem;
}

._collectionImage_184pr_239 {
  height: 250px;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  position: relative;
}

._collectionImage_184pr_239 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Desktop: lighten & reduce blur for better image fidelity */
  filter: brightness(0.7) blur(0.75px);
  transform: scale(1.015); /* prevent blur edge clipping */
  transition: filter 0.4s ease, transform 0.4s ease;
}

@media (min-width: 769px) {
  ._collectionImage_184pr_239:hover img {
    filter: brightness(0.85) blur(0.25px);
    transform: scale(1.03);
  }
}

._collectionImage_184pr_239::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));
}

/* Global dark overlay to further improve contrast (non-interactive) */
._collectionImage_184pr_239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

._collectionInfo_184pr_341 {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  color: #ffffff; /* Keep white on overlay for readability */
  z-index: 2;
}

._collectionTitle_184pr_249 h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ffffff; /* Keep white on overlay */
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); /* improve readability over bright banners */
  word-break: break-word;
}

._verifiedIcon_184pr_589 {
  color: var(--primary);
  font-size: 1.8rem;
}

._creator_184pr_599 {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.9); /* ✅ Slightly more prominent */
  margin: 0;
  font-weight: 600; /* ✅ Make username more prominent */
}

._creatorInfo_184pr_613 {
  margin-bottom: 1rem;
}

._creatorRow_184pr_621 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 auto; /* allow to grow and push actions */
  min-width: 0; /* prevent overflow */
}

._creatorWallet_184pr_637 {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.6); /* ✅ More subtle for wallet address */
  margin: 0.25rem 0 0 0;
  font-family: "Courier New", monospace; /* ✅ Monospace for wallet address */
  font-weight: 400;
}

._collectionStats_184pr_387 {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}

._stat_184pr_399 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.4); /* ✅ Semi-transparent black background */
  backdrop-filter: blur(10px); /* ✅ Blur effect for glass look */
  border: 1px solid rgba(255, 255, 255, 0.2); /* ✅ Subtle border */
  border-radius: 12px; /* ✅ Rounded corners */
  padding: 1rem 1.5rem; /* ✅ Inner spacing */
  min-width: 80px; /* ✅ Minimum width for consistency */
  transition: all 0.3s ease; /* ✅ Smooth hover effect */
}

@media (min-width: 769px) {
  /* Refined desktop stat tiles */
  ._stat_184pr_399 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.08),
      rgba(255, 255, 255, 0.02)
    );
    backdrop-filter: blur(14px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    padding: 0.9rem 1.25rem 0.85rem;
    min-width: 170px;
    overflow: hidden;
    isolation: isolate;
    transition: border-color 0.35s ease, background 0.35s ease,
      transform 0.35s ease;
  }
  ._stat_184pr_399:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at 15% 15%,
      rgba(255, 255, 255, 0.25),
      transparent 55%
    );
    opacity: 0.65;
    pointer-events: none;
    mix-blend-mode: overlay;
  }
  ._stat_184pr_399:hover {
    border-color: rgba(255, 255, 255, 0.35);
    background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.12),
      rgba(255, 255, 255, 0.04)
    );
    transform: translateY(-3px);
  }
  ._statNumber_184pr_417 {
    font-size: 1.4rem;
    line-height: 1.05;
    margin-bottom: 0.25rem;
  }
  ._statLabel_184pr_429 {
    font-size: 0.65rem;
    letter-spacing: 1.1px;
    opacity: 0.85;
  }
}

/* =============== NFT Grid (Desktop default, Mobile overrides below) =============== */
._nftsContainer_184pr_277 {
  padding: 0 2rem 2rem;
  width: 100%;
  max-height: 500px;
  overflow-y: auto;
}
._nftsGrid_184pr_283 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  width: 100%;
  box-sizing: border-box;
}

/* ================= DESKTOP OVERRIDE - Ensure symmetric spacing ================= */
@media (min-width: 769px) {
  ._modalContainer_184pr_31 {
    width: 1400px;
    max-width: 95vw;
  }

  ._nftsContainer_184pr_277 {
    padding: 0 2rem 2rem !important;
    width: 100%;
    box-sizing: border-box;
  }

  ._nftsGrid_184pr_283 {
    display: grid;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem;
    width: 100%;
    box-sizing: border-box;
  }

  ._filterTabs_184pr_257 {
    padding: 0 2rem !important;
  }

  /* Desktop: overlay only name/creator/description; stats BELOW image before filters */
  ._collectionImage_184pr_239 {
    position: relative !important;
    width: 100% !important;
    height: 380px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  ._collectionImage_184pr_239 img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* Overlay container */
  ._collectionInfo_184pr_341 {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 2rem 2rem 2.5rem !important;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.65) 65%,
      rgba(0, 0, 0, 0.85) 100%
    ) !important;
    pointer-events: none; /* allow clicks below except on interactive children */
  }
  ._collectionTitle_184pr_249 {
    margin: 0 0 0.5rem 0 !important;
    pointer-events: auto;
  }
  ._collectionTitle_184pr_249 h2 {
    color: #fff !important;
    font-size: 2.4rem !important;
    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.6) !important;
  }
  ._creator_184pr_599,
  ._creatorWallet_184pr_637 {
    color: rgba(255, 255, 255, 0.85) !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
  }
  ._collectionDescription_184pr_977 {
    margin-top: 0.75rem !important;
    max-width: 900px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
    pointer-events: auto;
  }

  /* Report button next to close (top-right) styled like circular icon */
  ._closeButton_184pr_57 {
    top: 14px !important;
    right: 14px !important;
  }
  ._collectionActions_184pr_375 {
    position: absolute !important;
    top: 14px !important;
    right: 60px !important;
    margin: 0 !important;
    z-index: 5 !important;
    display: flex !important;
    gap: 0.5rem !important;
  }
  ._reportButton_184pr_1025 {
    pointer-events: auto !important;
    background: rgba(0, 0, 0, 0.55) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
    padding: 0.65rem 0.85rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    transition: background 0.2s, transform 0.2s !important;
  }
  ._reportButton_184pr_1025:hover {
    background: rgba(255, 80, 80, 0.85) !important;
    transform: translateY(-2px) !important;
  }
  ._reportButton_184pr_1025 ._reportText_184pr_1065 {
    display: none !important;
  }

  /* Stats BELOW image before filters */
  ._collectionStats_184pr_387 {
    position: relative !important;
    margin: 0.9rem 2rem 1.4rem !important;
    padding: 0 !important;
    display: flex !important;
    gap: 0.9rem !important;
  }
  ._collectionStats_184pr_387 ._stat_184pr_399 {
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(6px) !important;
    border: 1px solid var(--border-light, rgba(255, 255, 255, 0.12)) !important;
    padding: 0.75rem 1rem 0.7rem !important;
    border-radius: 16px !important;
    min-width: 155px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  ._collectionStats_184pr_387 ._statNumber_184pr_417 {
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
  }
  ._collectionStats_184pr_387 ._statLabel_184pr_429 {
    font-size: 0.55rem !important;
    letter-spacing: 0.55px !important;
    opacity: 0.75 !important;
    text-transform: uppercase !important;
    margin-top: 0.25rem !important;
  }
}
/* Remove wider-screen 5-column layout per request */

/* ================= Desktop Filter Tabs (PC Only) ================= */
/* Base (applies to widths > 768px but safe globally; mobile overrides below) */
._filterTabs_184pr_257 {
  display: flex;
  align-items: center;
  gap: 2.25rem;
  padding: 0 1.5rem 1.05rem;
  margin: 0 0 1.1rem;
  border-bottom: 1px solid var(--border);
  position: relative;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (min-width: 769px) {
  /* Sticky desktop tabs for easier browsing */
  ._filterTabs_184pr_257 {
    position: sticky;
    top: 0;
    background: var(--card-bg);
    z-index: 8;
    padding-top: 0.85rem;
    margin-top: -0.35rem;
  }
  ._filterTab_184pr_257._active_184pr_1189::after {
    bottom: -1.05rem;
    height: 3px;
    box-shadow: 0 0 0 0 transparent, 0 0 12px -2px var(--primary);
  }
}
._filterTabs_184pr_257::-webkit-scrollbar {
  display: none;
}
._filterTab_184pr_257 {
  background: transparent;
  border: none;
  padding: 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  letter-spacing: 0.25px;
  transition: color 0.25s ease;
}
._filterTab_184pr_257 svg {
  font-size: 0.95rem;
}
._filterTab_184pr_257:hover {
  color: var(--text);
}
._filterTab_184pr_257._active_184pr_1189 {
  color: var(--primary);
}
._filterTab_184pr_257._active_184pr_1189::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.05rem; /* lines up with container bottom border */
  height: 2px;
  background: var(--primary);
  border-radius: 2px;
  box-shadow: 0 0 0 1px var(--primary);
}

/* Prevent layout jump when changing tabs */
._filterTab_184pr_257::after {
  transition: opacity 0.3s ease;
}

/* Mobile responsiveness (base adjustments) */
@media (max-width: 768px) {
  ._modalOverlay_184pr_1 {
    padding: 1rem;
  }
  ._modalContainer_184pr_31 {
    max-width: 95vw;
    max-height: 95vh;
  }
  /* Mobile stats redesign */
  ._collectionStats_184pr_387 {
    margin: 0.65rem 0.65rem 0.55rem; /* unified horizontal with filters */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.55rem;
  }
  ._collectionStats_184pr_387 ._stat_184pr_399 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.08),
      rgba(255, 255, 255, 0.015)
    );
    border: 1px solid rgba(255, 255, 255, 0.14);
    padding: 0.5rem 0.35rem 0.5rem;
    border-radius: 16px;
    min-height: 68px;
    position: relative;
    overflow: hidden;
  }
  ._collectionStats_184pr_387 ._stat_184pr_399:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at 30% 20%,
      rgba(255, 255, 255, 0.18),
      transparent 60%
    );
    opacity: 0.35;
    pointer-events: none;
  }
  ._collectionStats_184pr_387 ._statNumber_184pr_417 {
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    z-index: 1;
  }
  ._collectionStats_184pr_387 ._statLabel_184pr_429 {
    font-size: 0.48rem;
    letter-spacing: 0.55px;
    opacity: 0.78;
    margin-top: 0.18rem;
    text-transform: uppercase;
    z-index: 1;
  }
  ._collectionStats_184pr_387 ._stat_184pr_399:hover {
    border-color: rgba(255, 255, 255, 0.22);
  }
  ._nftInfo_184pr_1413 {
    padding: 0.6rem 0.65rem 0.7rem;
  }
  /* Icon-only report button (text hidden via span) */
  ._reportButton_184pr_1025 {
    padding: 0.55rem;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.35);
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  ._reportButton_184pr_1025:hover {
    background: rgba(239, 68, 68, 0.18);
  }
  ._reportButton_184pr_1025 ._reportText_184pr_1065 {
    display: none;
  }
  ._collectionActions_184pr_375 {
    display: none;
  }
  ._mobileReport_184pr_1457 {
    position: absolute;
    top: 12px;
    right: 60px;
    z-index: 21;
  }
  ._closeButton_184pr_57 {
    z-index: 22;
  }
  /* Filters aligned beneath each stat */
  ._filterTabs_184pr_257 {
    margin: 0 0.65rem 0.95rem; /* match stats horizontal + balanced bottom */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.55rem;
    padding: 0;
  }
  /* Segmented switch modifier (three-option) */
  ._segmented_184pr_1493 {
    /* marker class for CSS Modules; minimal declaration to satisfy linter */
    /* no-op: rely on combined selector .filterTabs.segmented for visuals */
    isolation: isolate; /* harmless, ensures stacking context */
  }
  ._filterTabs_184pr_257._segmented_184pr_1493 {
    /* deprecated: using plain buttons on mobile */
    display: contents;
  }
  ._filterTabs_184pr_257._segmented_184pr_1493 ._filterTab_184pr_257 {
    /* deprecated */
    pointer-events: auto;
  }
  ._filterTabs_184pr_257._segmented_184pr_1493 ._filterTab_184pr_257 svg {
    margin-right: 0.25rem;
    font-size: 0.8rem;
  }
  ._filterTabs_184pr_257._segmented_184pr_1493 ._filterTab_184pr_257:active {
    transform: scale(0.96);
  }
  ._filterTabs_184pr_257._segmented_184pr_1493 ._filterTab_184pr_257._active_184pr_1189 {
    color: #fff;
    font-weight: 600;
  }
  ._filterTabs_184pr_257._segmented_184pr_1493 ._segmentHighlight_184pr_1541 {
    display: none;
  }
  /* Subtle active text weight without jump */
  ._filterTabs_184pr_257._segmented_184pr_1493 ._filterTab_184pr_257._active_184pr_1189 {
    font-weight: 600;
  }
  ._filterTab_184pr_257 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%; /* full cell width for alignment */
    min-width: 0;
    padding: 0.55rem 0.4rem 0.5rem; /* match stat vertical rhythm */
    font-size: 0.66rem;
    line-height: 1.1;
    border-radius: 20px;
    margin: 0; /* remove auto centering shrink */
  }
  ._filterTab_184pr_257 svg {
    margin-right: 0.25rem;
    font-size: 0.78rem;
  }
  ._filterTab_184pr_257:first-child {
    padding: 0.48rem 0.28rem 0.48rem 0.25rem;
  }
  /* (Removed legacy .segmented block in favor of unified .filterTabs.segmented above) */
}

._nftCard_184pr_1601:hover {
  transform: translateY(-5px);
  border-color: var(--primary);
  box-shadow: 0 10px 30px var(--shadow-strong);
}
@media (min-width: 769px) {
  ._nftCard_184pr_1601 {
    transition: border-color 0.25s ease, box-shadow 0.25s ease,
      transform 0.3s ease;
  }
  ._nftCard_184pr_1601:hover ._nftImage_184pr_1621 img {
    transform: scale(1.07);
  }
}

/* ================= Desktop Revert to Old Look ================= */
@media (min-width: 769px) {
  /* Restore stronger blur/darken */
  ._collectionImage_184pr_239 img {
    filter: brightness(0.55) blur(1.5px);
    transform: scale(1.02);
  }

  /* Restore old stats styling (centered glass tiles) */
  ._stat_184pr_399 {
    align-items: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 1rem 1.5rem;
    min-width: 80px;
    transition: all 0.3s ease;
  }
  ._stat_184pr_399:before {
    display: none;
  }
  ._stat_184pr_399:hover {
    background: rgba(0, 0, 0, 0.6);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
  }
  ._statNumber_184pr_417 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
  }
  ._statLabel_184pr_429 {
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.8;
    margin: 0;
  }

  /* Restore filter tabs look */
  ._filterTabs_184pr_257 {
    position: static;
    background: none;
    gap: 1rem;
    padding: 0 2rem;
    margin: 0 0 2rem;
    border-bottom: 1px solid var(--border-light);
  }
  ._filterTab_184pr_257 {
    font-size: 1rem;
    padding: 1rem 1.5rem;
    font-weight: 600;
    color: var(--text-muted);
    border-bottom: 2px solid transparent;
  }
  ._filterTab_184pr_257._active_184pr_1189 {
    color: var(--primary);
  }
  ._filterTab_184pr_257._active_184pr_1189::after {
    content: none;
  }
  ._filterTab_184pr_257:hover {
    color: var(--text);
  }
}

/* Base NFT card styling (shared desktop + mobile) */
._nftCard_184pr_1601 {
  background: var(--vote-btn-bg);
  border: 1px solid var(--border);
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color 0.25s ease, box-shadow 0.25s ease,
    transform 0.25s ease;
}

._nftImage_184pr_1621 {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
}

._nftImage_184pr_1621 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

._nftCard_184pr_1601:hover ._nftImage_184pr_1621 img {
  transform: scale(1.05);
}

._likeButton_184pr_1827 {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px;
  z-index: 2;
}

._saleBadge_184pr_1843 {
  position: absolute;
  top: 8px;
  left: 8px;
  background: var(--primary);
  color: white; /* Keep white for contrast on primary color */
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

._countdownOverlay_184pr_1869 {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
}

._nftInfo_184pr_1413 {
  padding: 1rem;
}

._nftName_184pr_1891 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 0.5rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._nftPrice_184pr_1911 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--primary);
  margin: 0 0 0.5rem 0;
}

._notForSale_184pr_1925 {
  font-size: 0.9rem;
  color: var(--text-muted);
  margin: 0 0 0.5rem 0;
}

._nftOwner_184pr_1937 {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin: 0;
}

._emptyState_184pr_1949 {
  text-align: center;
  padding: 3rem;
  color: var(--text-muted);
  font-size: 1.1rem;
}

/* Custom Scrollbar for NFTs Container */
._nftsContainer_184pr_277::-webkit-scrollbar {
  width: 6px;
}

._nftsContainer_184pr_277::-webkit-scrollbar-track {
  background: var(--border-light);
  border-radius: 3px;
}

._nftsContainer_184pr_277::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

._nftsContainer_184pr_277::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}

/* Header meta row (creator on left, actions on right) */
._collectionMeta_184pr_367 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

/* Actions container (right side) */
._collectionActions_184pr_375 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0;
  margin-left: auto; /* push to right */
}

/* Report button styling */
._reportButton_184pr_1025 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.3);
  padding: 0.5rem 1rem;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

._reportButton_184pr_1025:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
  transform: translateY(-1px);
}

._reportButton_184pr_1025:active {
  transform: translateY(0);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  ._collectionActions_184pr_375 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  ._reportButton_184pr_1025 {
    font-size: 0.8rem;
    padding: 0.4rem 0.8rem;
  }
}

@media (max-width: 768px) {
  ._modalOverlay_184pr_1 {
    padding: 1rem;
  }

  ._modalContainer_184pr_31 {
    max-width: 98vw;
    max-height: 95vh;
  }

  ._collectionInfo_184pr_341 {
    left: 15px;
    right: 15px;
    bottom: 15px;
  }

  ._collectionTitle_184pr_249 h2 {
    font-size: 1.8rem;
  }

  ._collectionStats_184pr_387 {
    gap: 1rem;
  }

  ._filterTabs_184pr_257 {
    padding: 0 1rem;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  ._filterTabs_184pr_257::-webkit-scrollbar {
    display: none;
  }

  ._nftsContainer_184pr_277 {
    padding: 0 1rem 1rem;
  }

  ._nftsGrid_184pr_283 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
  }
}

/* Dark theme specific adjustments */
[data-theme="dark"] ._modalOverlay_184pr_1 {
  background: rgba(0, 0, 0, 0.9); /* Slightly darker overlay for dark theme */
}

/* === Mobile final overrides (placed at end for priority) === */
@media (max-width: 768px) {
  /* Filter pill buttons */
  ._filterTabs_184pr_257 {
    display: flex;
    gap: 0.45rem;
    padding: 0 0.5rem 0.7rem;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  ._filterTabs_184pr_257::-webkit-scrollbar {
    display: none;
  }
  ._filterTab_184pr_257 {
    background: var(--vote-btn-bg);
    border: 1px solid var(--border);
    padding: 0.5rem 0.85rem;
    font-size: 0.7rem;
    border-radius: 24px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-muted);
    white-space: nowrap;
    line-height: 1;
  }
  ._filterTab_184pr_257 svg {
    font-size: 0.85rem;
  }
  ._filterTab_184pr_257:hover {
    color: var(--text);
    border-color: var(--border-light);
  }
  ._filterTab_184pr_257._active_184pr_1189 {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  }
  /* Two-column card layout refinement */
  ._nftsContainer_184pr_277 {
    padding: 0 1rem 1rem;
  }
  ._nftsGrid_184pr_283 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem;
    width: 100%;
  }
  ._nftCard_184pr_1601 {
    border-radius: 16px;
    background: var(--card-bg, var(--vote-btn-bg));
    border: 1px solid var(--border-light);
  }
  ._nftImage_184pr_1621 {
    border-radius: 14px 14px 0 0;
    overflow: hidden;
  }
  ._nftImage_184pr_1621 img {
    border-radius: 14px 14px 0 0;
  }
  /* Mobile stats redesign */
  ._collectionStats_184pr_387 {
    margin: 0.65rem 0.4rem 0.45rem;
    gap: 0.55rem;
    display: flex;
  }
  ._collectionStats_184pr_387 ._stat_184pr_399 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.07),
      rgba(255, 255, 255, 0.02)
    );
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 0.55rem 0.4rem 0.5rem;
    border-radius: 14px;
    min-height: 62px;
    position: relative;
    overflow: hidden;
  }
  ._collectionStats_184pr_387 ._stat_184pr_399:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at 30% 20%,
      rgba(255, 255, 255, 0.18),
      transparent 60%
    );
    opacity: 0.35;
    pointer-events: none;
  }
  ._collectionStats_184pr_387 ._statNumber_184pr_417 {
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    z-index: 1;
  }
  ._collectionStats_184pr_387 ._statLabel_184pr_429 {
    font-size: 0.48rem;
    letter-spacing: 0.55px;
    opacity: 0.78;
    margin-top: 0.18rem;
    text-transform: uppercase;
    z-index: 1;
  }
  ._collectionStats_184pr_387 ._stat_184pr_399:hover {
    border-color: rgba(255, 255, 255, 0.22);
  }
  ._nftInfo_184pr_1413 {
    padding: 0.6rem 0.65rem 0.7rem;
  }
  /* Icon-only report button (text hidden via span) */
  ._reportButton_184pr_1025 {
    padding: 0.55rem;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.35);
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  ._reportButton_184pr_1025:hover {
    background: rgba(239, 68, 68, 0.18);
  }
}

/* Light theme specific adjustments */
[data-theme="light"] ._modalOverlay_184pr_1 {
  background: rgba(0, 0, 0, 0.6); /* Lighter overlay for light theme */
}

/* ================= MOBILE OVERRIDE - Final mobile spacing ================= */
@media (max-width: 768px) {
  ._modalContainer_184pr_31 {
    max-width: 98vw !important;
    width: auto !important;
  }

  ._nftsContainer_184pr_277 {
    padding: 0 1rem 1rem !important;
  }

  ._nftsGrid_184pr_283 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
  }

  ._filterTabs_184pr_257 {
    padding: 0 1rem !important;
  }

  /* Move stats below the image on mobile */
  ._collectionStats_184pr_387 {
    position: relative !important;
    margin: 1rem 1rem 1.5rem !important;
    padding: 0 !important;
    background: transparent !important;
    z-index: 1 !important;
    display: flex !important;
    gap: 0.75rem !important;
  }

  ._collectionStats_184pr_387 ._stat_184pr_399 {
    flex: 1 !important;
    background: var(--card-bg) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: 12px !important;
    padding: 0.75rem 0.5rem !important;
  }
}

/* === Mobile spacing parity override (ensure equal gaps side margins & between tiles/buttons) === */
@media (max-width: 768px) {
  ._collectionStats_184pr_387 {
    margin: 0.65rem 0.65rem 0.55rem !important; /* side & inter-section alignment */
    gap: 0.55rem !important; /* match button gap */
    display: grid !important; /* three equal columns */
    grid-template-columns: repeat(3, 1fr) !important;
  }
  ._filterTabs_184pr_257 {
    margin: 0 0.65rem 0.95rem !important; /* same horizontal as stats */
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.55rem !important; /* identical internal gap */
    border-bottom: none !important; /* remove stray underline on mobile */
  }
  ._filterTab_184pr_257 {
    width: 100% !important;
    padding: 0.55rem 0.4rem 0.5rem !important; /* mirror stat vertical rhythm */
    background: linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.07),
      rgba(255, 255, 255, 0.02)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important; /* match stat radius */
    color: var(--text-muted) !important;
  }
  ._filterTab_184pr_257._active_184pr_1189 {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08),
      0 4px 10px -2px rgba(0, 0, 0, 0.5) !important;
  }
  ._filterTab_184pr_257:hover:not(._active_184pr_1189) {
    border-color: rgba(255, 255, 255, 0.22) !important;
    color: var(--text) !important;
  }
}

/* === Mobile grid overflow fix (ensure full visibility of right column NFTs) === */
@media (max-width: 768px) {
  ._nftsContainer_184pr_277 {
    padding: 0 0.65rem 1.05rem !important; /* align with stats + filters */
    box-sizing: border-box !important;
  }
  ._nftsGrid_184pr_283 {
    grid-template-columns: repeat(
      2,
      minmax(0, 1fr)
    ) !important; /* prevent intrinsic min causing overflow */
    gap: 0.55rem !important; /* sync with other horizontal rhythm */
    width: 100% !important;
    box-sizing: border-box !important;
  }
  ._nftCard_184pr_1601 {
    width: 100% !important;
  }
}

/* === Mobile persistent close/report & non-scrollable filter row === */
@media (max-width: 768px) {
  /* Prevent horizontal scroll on filter buttons */
  ._filterTabs_184pr_257 {
    overflow: hidden !important;
  }
  ._filterTabs_184pr_257::-webkit-scrollbar {
    display: none !important;
  }

  /* Hide legacy fixed individual buttons when cluster is used */
  ._closeButton_184pr_57,
  ._mobileReport_184pr_1457 {
    display: none !important;
  }

  /* Remove legacy fixed styles (cluster replaces them) */

  /* Cluster container */
  ._collectionHeader_184pr_229 {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  ._collectionImage_184pr_239 {
    margin-top: 0 !important;
  }
  ._mobileTopActions_184pr_2747 {
    /* Keep actions visible while scrolling and respect safe areas */
    position: fixed; /* was absolute */
    top: calc(env(safe-area-inset-top) + 8px);
    right: calc(env(safe-area-inset-right) + 8px);
    left: auto;
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
    padding: 0;
    z-index: 1102;
    pointer-events: none; /* allow inner buttons only */
    background: none;
    backdrop-filter: none;
  }
  ._mobileTopActions_184pr_2747 ._iconCircle_184pr_2777 {
    pointer-events: auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(14px);
    font-size: 1.15rem;
    transition: background 0.25s, transform 0.25s, border-color 0.25s;
  }
  ._mobileTopActions_184pr_2747 ._iconCircle_184pr_2777:hover {
    transform: translateY(-2px);
    background: rgba(0, 0, 0, 0.7);
  }
  ._mobileTopActions_184pr_2747 ._iconCircle_184pr_2777:active {
    transform: translateY(0);
  }
  ._mobileTopActions_184pr_2747 ._flagCircle_184pr_2823:hover {
    background: rgba(239, 68, 68, 0.75);
    border-color: rgba(239, 68, 68, 0.9);
  }
}
._overlay_a9ord_1 { position: fixed; inset:0; background: rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; z-index:1400; }
._container_a9ord_3 { background:#111; color:#f5f5f5; border:1px solid #222; border-radius:14px; width: min(1000px, 95%); max-height:90vh; display:flex; flex-direction:column; }
._header_a9ord_5 { display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border-bottom:1px solid #222; }
._close_a9ord_7 { background:none; border:none; color:#ccc; font-size:22px; cursor:pointer; }
._stepsBar_a9ord_9 { display:flex; gap:8px; padding:12px 20px; border-bottom:1px solid #222; flex-wrap:wrap; }
._step_a9ord_9 { padding:6px 12px; border-radius:20px; background:#1e1e1e; font-size:13px; color:#888; }
._step_a9ord_9._active_a9ord_13 { background:#2d4cff; color:#fff; }
._content_a9ord_15 { flex:1; overflow-y:auto; padding:20px; }
._stepPane_a9ord_17 { display:flex; flex-direction:column; gap:12px; }
._row_a9ord_19 { display:flex; flex-direction:column; gap:4px; font-size:14px; color:#ddd; }
._row_a9ord_19 input[type=text], ._row_a9ord_19 input[type=datetime-local], ._row_a9ord_19 input[type=number] { background:#1b1b1b; border:1px solid #333; border-radius:8px; padding:8px 10px; color:#eee; }
._actions_a9ord_23 { display:flex; gap:12px; margin-top:8px; }
._actions_a9ord_23 button { background:#2d4cff; color:#fff; border:none; padding:10px 18px; border-radius:10px; cursor:pointer; font-weight:500; }
._actions_a9ord_23 button:disabled { opacity:0.5; cursor:not-allowed; }
._error_a9ord_29 { color:#ff4d4d; font-size:13px; }
._preview_a9ord_31 { max-width:240px; border-radius:12px; border:1px solid #333; }
._tokenToolbar_a9ord_33 { display:flex; gap:10px; }
._tokenToolbar_a9ord_33 button { background:#1e1e1e; border:1px solid #333; color:#ccc; padding:6px 12px; border-radius:8px; cursor:pointer; }
._tokenToolbar_a9ord_33 button:hover { background:#2d2d2d; }
._tokenGrid_a9ord_39 { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; }
._tokenCard_a9ord_41 { background:#1a1a1a; border:1px solid #262626; border-radius:12px; padding:8px; display:flex; flex-direction:column; gap:6px; position:relative; cursor:pointer; }
._tokenCard_a9ord_41._selected_a9ord_43 { border-color:#2d4cff; box-shadow:0 0 0 2px rgba(45,76,255,0.4); }
._thumb_a9ord_45 { width:100%; aspect-ratio:1/1; overflow:hidden; border-radius:8px; background:#000; }
._thumb_a9ord_45 img { width:100%; height:100%; object-fit:cover; }
._meta_a9ord_49 { display:flex; flex-direction:column; gap:2px; }
._name_a9ord_51 { font-size:12px; font-weight:500; color:#ddd; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
._qty_a9ord_53 { font-size:11px; color:#999; }
._qtyInput_a9ord_55 { margin-top:6px; background:#141414; border:1px solid #333; border-radius:8px; padding:6px 8px; color:#eee; width:100%; }
._checkbox_a9ord_57 { position:absolute; top:6px; right:6px; width:20px; height:20px; background:#2d4cff; color:#fff; font-size:13px; display:flex; align-items:center; justify-content:center; border-radius:6px; font-weight:600; }
._txList_a9ord_59 { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:4px; font-size:12px; }
._txList_a9ord_59 li { background:#1e1e1e; padding:6px 8px; border-radius:6px; word-break:break-all; }
._presaleState_a9ord_63 { margin-top:12px; padding:12px; border:1px solid #262626; border-radius:10px; background:#111; }
._statusGrid_a9ord_65 { display:grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap:8px; font-size:12px; color:#ccc; }
@media (max-width:640px){ ._container_a9ord_3{ width:95%; } ._stepsBar_a9ord_9{ justify-content:center; } }
/* Terminal Log Component */
._card_m72bq_3 {
  padding: 1rem;
  overflow: hidden;
  border: 1px solid #c5c5c5;
  border-radius: 12px;
  background-color: #d9d9d92f;
  backdrop-filter: blur(8px);
  width: 100%;
  max-width: 600px;
  margin: 1rem auto;
}

._wrap_m72bq_27 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  z-index: 10;
  border: 0.5px solid #525252;
  border-radius: 8px;
  overflow: hidden;
}

._terminal_m72bq_49 {
  display: flex;
  flex-direction: column;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

._head_m72bq_63 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  min-height: 40px;
  padding-inline: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #202425;
}

._title_m72bq_87 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 2.5rem;
  user-select: none;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #8e8e8e;
}

._title_m72bq_87 > svg {
  height: 18px;
  width: 18px;
  margin-top: 2px;
  color: #006adc;
}

._body_m72bq_127 {
  display: flex;
  flex-direction: column;
  position: relative;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow-x: auto;
  max-height: 400px;
  overflow-y: auto;
  padding: 1rem;
  line-height: 19px;
  color: white;
  background-color: black;
}

._logLine_m72bq_157 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 4px;
  white-space: pre-wrap;
  word-break: break-all;
}

._logLine_m72bq_157 code:nth-child(1) {
  color: #575757;
  margin-right: 8px;
}

._logLine_m72bq_157 code:nth-child(2) {
  color: #e34ba9;
  margin-right: 8px;
}

._logLine_m72bq_157 code:nth-child(3) {
  color: #ffffff;
}

._logLine_m72bq_157._success_m72bq_203 code:nth-child(2) {
  color: #22c55e;
}

._logLine_m72bq_157._error_m72bq_211 code:nth-child(2) {
  color: #ef4444;
}

._logLine_m72bq_157._info_m72bq_219 code:nth-child(2) {
  color: #3b82f6;
}

._spinner_m72bq_227 {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid #e34ba9;
  border-top-color: transparent;
  border-radius: 50%;
  animation: _spin_m72bq_227 0.8s linear infinite;
  margin-right: 8px;
}

@keyframes _spin_m72bq_227 {
  to {
    transform: rotate(360deg);
  }
}
._badge_1xg9x_1 {
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: rgba(0,0,0,0.65);
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1;
  backdrop-filter: blur(4px);
  font-weight: 600;
  letter-spacing: .3px;
  box-shadow: 0 2px 4px rgba(0,0,0,.4);
}
/* Simple modal styles aligned with app theme */
._overlay_1h3cr_3 {
  position: fixed; inset: 0; background: rgba(0,0,0,.6);
  backdrop-filter: blur(10px);
  display: flex; align-items: center; justify-content: center; z-index: 1300;
  padding: 2rem; overflow-y: auto;
}
._modal_1h3cr_15 {
  width: min(880px, 95vw); max-height: 92vh; overflow: hidden;
  background: var(--card-bg);
  border: 1px solid var(--border-light);
  border-radius: 20px; box-shadow: 0 25px 50px var(--shadow-strong);
  display: flex;
  flex-direction: column;
}
._header_1h3cr_31 { display:flex; flex-direction:column; gap:12px; padding:16px; position:sticky; top:0; background: var(--card-bg); border-bottom:1px solid var(--border-light); overflow:hidden; }

._headerBg_1h3cr_35 {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: blur(10px);
  transform: scale(1.12);
  opacity: 0.55;
  z-index: 0;
}

._headerOverlay_1h3cr_57 {
  position: absolute;
  inset: 0;
  background: var(--card-bg);
  opacity: 0.84;
  z-index: 1;
}

._headerContent_1h3cr_73 {
  display: flex;
  gap: 16px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

._headerLeft_1h3cr_89 {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 260px;
}

._headerRight_1h3cr_103 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

._body_1h3cr_119 {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
._heroThumb_1h3cr_129 { width:120px; height:120px; border-radius:16px; overflow:hidden; background: linear-gradient(135deg,#667eea,#764ba2); }
._heroThumb_1h3cr_129 img { width:100%; height:100%; object-fit: cover; }
._titleBlock_1h3cr_133 { display:flex; flex-direction:column; gap:8px; }
._title_1h3cr_133 { margin:0; font-size:1.75rem; font-weight:900; letter-spacing:0.02em; }
._symbolRow_1h3cr_137 { display:flex; gap:8px; align-items:center; }
._symbolPill_1h3cr_139 { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; border:1px solid var(--border-light); background: var(--card-subtle); font-size:12px; font-weight:800; letter-spacing:0.02em; }
._symbol_1h3cr_137 { font-size:.9rem; color:#aaa; }
._closeButton_1h3cr_143 { position:absolute; top:12px; right:12px; background: var(--vote-btn-bg); border: 1px solid var(--border-light); color: var(--text); width: 36px; height: 36px; border-radius: 50%; cursor: pointer; display:flex; align-items:center; justify-content:center; z-index: 3; }
._closeButton_1h3cr_143:hover { background: var(--border); }
._badgeActive_1h3cr_147 { display:inline-flex; gap:8px; align-items:center; padding:6px 10px; border-radius:999px; background:#1b5e20; color:#fff; font-size:12px; }
._badgeWaiting_1h3cr_149 { display:inline-flex; gap:10px; align-items:center; padding:6px 10px; border-radius:999px; background:#e65100; color:#fff; font-size:12px; animation: _pulse_1h3cr_1 2s ease-in-out infinite; }
._badgeEnded_1h3cr_151 { display:inline-block; padding:4px 8px; border-radius:8px; background:#263238; color:#eee; font-size:12px; }
._badgeSuccess_1h3cr_153 { display:inline-flex; gap:8px; align-items:center; padding:6px 10px; border-radius:999px; background:#0b7; color:#fff; font-size:12px; box-shadow: 0 0 0 2px rgba(0,0,0,.1) inset; }

._badgeIcon_1h3cr_157 { font-size: 13px; line-height: 1; }
._badgeDot_1h3cr_159 { opacity: 0.9; }
._badgeValue_1h3cr_161 { font-variant-numeric: tabular-nums; }

._countdownValue_1h3cr_165 {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  font-weight: 800;
}

@keyframes _pulse_1h3cr_1 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}


._statsPanel_1h3cr_189 {
  width: 520px;
  max-width: 100%;
  margin-left: auto;
  border: 1px solid var(--border-light);
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  background: var(--card-bg);
}

._statsBg_1h3cr_211 {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: blur(12px);
  transform: scale(1.08);
  opacity: 0.55;
  z-index: 0;
}

._statsOverlay_1h3cr_233 {
  position: absolute;
  inset: 0;
  background: var(--card-subtle);
  opacity: 0.68;
  z-index: 1;
}

._statsList_1h3cr_249 {
  position: relative;
  z-index: 2;
  background: transparent;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

._statItem_1h3cr_267 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  background: transparent;
  border-bottom: 1px solid var(--border-light);
  border-right: 1px solid var(--border-light);
}

._statItem_1h3cr_267:nth-child(2n) {
  border-right: none;
}

._statItem_1h3cr_267:nth-last-child(-n+2) {
  border-bottom: none;
}

._statWide_1h3cr_303 {
  grid-column: 1 / -1;
}

._statWide_1h3cr_303._statItem_1h3cr_267 {
  border-right: none;
}

._statLabel_1h3cr_319 {
  font-size: 12px;
  opacity: 0.85;
  white-space: nowrap;
}

._statValue_1h3cr_331 {
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}

._priceSymbol_1h3cr_351 { opacity: 0.9; }
._buyInline_1h3cr_353 { margin-left:auto; display:flex; align-items:center; }
._buyInline_1h3cr_353 ._buyButton_1h3cr_355 { padding:10px 16px; border-radius:10px; border:1px solid var(--border-light); background: var(--accent-bg); color: var(--text-strong); cursor:pointer; }
._buyInline_1h3cr_353 ._buyButton_1h3cr_355:disabled { opacity:.6; cursor:not-allowed; }

._buySection_1h3cr_361 { display:flex; justify-content:center; padding:12px 16px; border-top:1px solid var(--border-light); }
._buyButton_1h3cr_355 { padding:10px 16px; border-radius:10px; border:1px solid var(--border-light); background: var(--accent-bg); color: var(--text-strong); cursor:pointer; }
._buyButton_1h3cr_355:disabled { opacity:.6; cursor:not-allowed; }

._detailsRow_1h3cr_369 { display:flex; gap:8px; flex-wrap:wrap; padding:8px 16px 16px; }
._detail_1h3cr_369 { display:inline-flex; gap:6px; align-items:center; padding:6px 10px; border-radius:10px; border:1px dashed var(--border-light); background: var(--card-subtle); font-size:12px; }

._nftsGrid_1h3cr_375 { padding:0 16px 16px; display:grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap:12px; }

._moreRow_1h3cr_379 {
  padding: 0 16px 16px;
  display: flex;
  justify-content: center;
}

._moreButton_1h3cr_391 {
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid var(--border-light);
  background: var(--accent-bg);
  color: var(--text-strong);
  cursor: pointer;
}

._moreButton_1h3cr_391:disabled {
  opacity: .6;
  cursor: not-allowed;
}
._nftCard_1h3cr_417 { background: var(--card-subtle); border:1px solid var(--border-light); border-radius:12px; overflow:hidden; display:flex; flex-direction:column; cursor:pointer; }
._nftCard_1h3cr_417:hover { border-color: var(--border); }
._nftImage_1h3cr_421 { width:100%; padding-bottom:66%; position:relative; background: rgba(0,0,0,.2); }
._nftImage_1h3cr_421 img { position:absolute; inset:0; width:100%; height:100%; object-fit: cover; }
._nftMeta_1h3cr_425 { padding:8px 10px; display:flex; flex-direction:column; gap:4px; }
._nftName_1h3cr_427 { font-size:.95rem; }
._ownerRow_1h3cr_429 { font-size:.85rem; color:#aaa; }
._likeRow_1h3cr_431 { padding:8px 10px; border-top:1px solid var(--border-light); display:flex; justify-content:flex-end; }

@media (max-width: 640px) {
  ._overlay_1h3cr_3 {
    padding: 0;
    align-items: stretch;
    justify-content: stretch;
  }

  ._modal_1h3cr_15 {
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
  }

  ._heroThumb_1h3cr_129 { width:96px; height:96px; }
  ._title_1h3cr_133 { font-size:1.1rem; }

  ._headerContent_1h3cr_73 {
    flex-direction: column;
  }

  ._headerLeft_1h3cr_89 {
    min-width: 0;
  }

  ._buyInline_1h3cr_353 { margin-left: 0; }

  ._buyInline_1h3cr_353,
  ._buyInline_1h3cr_353 ._buyButton_1h3cr_355 {
    width: 100%;
  }

  ._statsPanel_1h3cr_189 {
    width: 100%;
  }

  ._detailsRow_1h3cr_369 {
    padding: 8px 12px 12px;
  }

  ._nftsGrid_1h3cr_375 {
    padding: 0 12px 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  ._nftMeta_1h3cr_425 {
    padding: 6px 8px;
  }

  ._nftName_1h3cr_427 {
    font-size: 0.9rem;
  }


@media (max-width: 380px) {
  ._nftsGrid_1h3cr_375 {
    grid-template-columns: 1fr;
  }
}
  ._statsList_1h3cr_249 {
    grid-template-columns: 1fr;
  }

  ._statItem_1h3cr_267 {
    border-right: none;
  }

  ._statItem_1h3cr_267:nth-last-child(-n+2) {
    border-bottom: 1px solid var(--border-light);
  }

  ._statItem_1h3cr_267:last-child {
    border-bottom: none;
  }

  ._statItem_1h3cr_267 {
    border-right: none;
  }
}
/* Overlay modal for presale participation */
._overlay_1plvx_3 { position: fixed; inset:0; background: rgba(0,0,0,.6); backdrop-filter: blur(8px); display:flex; align-items:center; justify-content:center; z-index: 1400; padding: 1.5rem; }
._modal_1plvx_5 { width: min(560px, 92vw); background: var(--card-bg); border:1px solid var(--border-light); border-radius:16px; box-shadow: 0 25px 50px var(--shadow-strong); overflow:hidden; }
._header_1plvx_7 { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-bottom:1px solid var(--border-light); }
._closeButton_1plvx_9 { background: var(--vote-btn-bg); border:1px solid var(--border-light); color: var(--text); width: 34px; height: 34px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; }
._content_1plvx_11 { padding: 16px; display:flex; flex-direction:column; gap:14px; }
._row_1plvx_13 { display:flex; align-items:center; justify-content:space-between; gap:12px; }
._row_1plvx_13 label { color:#aaa; }
._qtyControls_1plvx_17 { display:flex; gap:8px; align-items:center; }
._qtyControls_1plvx_17 button { width:34px; height:34px; border-radius:8px; border:1px solid var(--border-light); background: var(--card-subtle); color: var(--text); }
._qtyControls_1plvx_17 input { width:80px; height:34px; text-align:center; border-radius:8px; border:1px solid var(--border-light); background: var(--card-subtle); color: var(--text); }
._total_1plvx_23 { font-weight:600; }
._disclaimer_1plvx_25 { font-size:.9rem; color:#bbb; border:1px dashed var(--border-light); border-radius:8px; padding:10px 12px; background: var(--card-subtle); }
._actions_1plvx_27 { display:flex; justify-content:flex-end; gap:10px; padding: 12px 16px; border-top:1px solid var(--border-light); }
._secondary_1plvx_29 { padding:10px 14px; border-radius:10px; border:1px solid var(--border-light); background: var(--card-subtle); color: var(--text); cursor:pointer; }
._primary_1plvx_31 { padding:10px 14px; border-radius:10px; border:1px solid var(--border-light); background: var(--accent-bg); color: var(--text-strong); cursor:pointer; }
._primary_1plvx_31:disabled { opacity:.6; cursor:not-allowed; }
/* Presale Section - OpenSea Style with Animations */

._presaleSection_15zen_5 {
  padding: 2rem 1rem;
  position: relative;
}

._container_15zen_15 {
  max-width: 1400px;
  margin: 0 auto;
}

/* Presale Card - Clean Modern Design */
._presaleCard_15zen_27 {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  width: 280px;
  height: 470px;
  flex-shrink: 0;
  scroll-snap-align: start;
  cursor: pointer;
  outline: none;
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  animation: _fadeIn_15zen_1 0.6s ease-out backwards;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 12px;
}

/* Stagger animation for cards */
._presaleCard_15zen_27:nth-child(1) { animation-delay: 0.1s; }
._presaleCard_15zen_27:nth-child(2) { animation-delay: 0.15s; }
._presaleCard_15zen_27:nth-child(3) { animation-delay: 0.2s; }
._presaleCard_15zen_27:nth-child(4) { animation-delay: 0.25s; }
._presaleCard_15zen_27:nth-child(5) { animation-delay: 0.3s; }

@keyframes _fadeIn_15zen_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._presaleCard_15zen_27:hover {
  transform: translateY(-8px);
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.15),
    0 0 0 1px var(--primary);
  border-color: var(--primary);
}

[data-theme="dark"] ._presaleCard_15zen_27 {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] ._presaleCard_15zen_27:hover {
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.4),
    0 0 0 1px var(--primary);
}

._presaleCard_15zen_27:focus-visible {
  box-shadow: 0 0 0 3px var(--primary);
}

/* Image Container - Clean Style */
._imageContainer_15zen_151 {
  position: relative;
  width: 100%;
  height: 220px;
  flex-shrink: 0;
  overflow: hidden;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  cursor: pointer;
}

._imageContainer_15zen_151 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 12px;
}

._presaleCard_15zen_27:hover ._imageContainer_15zen_151 img {
  transform: scale(1.08);
}

._imagePlaceholder_15zen_199 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 4rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Animated Live Badge - Top Left */
._liveBadge_15zen_221 {
  position: absolute;
  top: 8px;
  left: 8px;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.5);
  animation: _pulse_15zen_1 2s ease-in-out infinite;
}

@keyframes _pulse_15zen_1 {
  0%, 100% {
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.5);
  }
  50% {
    box-shadow: 0 4px 20px rgba(239, 68, 68, 0.8);
  }
}

._liveDot_15zen_279 {
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 50%;
  animation: _blink_15zen_1 1.5s ease-in-out infinite;
}

@keyframes _blink_15zen_1 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* Ending Soon Badge - Top Right */
._endingSoonBadge_15zen_307 {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  color: white;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 800;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 4px;
  animation: _shake_15zen_1 0.5s ease-in-out infinite alternate;
}

/* Starting Soon Badge - Top Left (orange) */
._startingSoonBadge_15zen_345 {
  position: absolute;
  top: 8px;
  left: 8px;
  background: linear-gradient(135deg, #e65100 0%, #ff6d00 100%);
  color: white;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 12px rgba(230, 81, 0, 0.5);
  animation: _pulse_15zen_1 2s ease-in-out infinite;
}

@keyframes _shake_15zen_1 {
  0% { transform: translateX(0); }
  100% { transform: translateX(2px); }
}

/* Progress Bar at Bottom of Image */
._progressBar_15zen_397 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

._progressFill_15zen_417 {
  height: 100%;
  background: linear-gradient(90deg, #00f260 0%, #0575e6 100%);
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 0 10px rgba(0, 242, 96, 0.5);
}

/* Card Content */
._cardContent_15zen_433 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
}

._nftName_15zen_449 {
  margin: 0;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.3;
}

._creatorLine_15zen_471 {
  font-size: 0.8rem;
  color: var(--text-secondary);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Price Section - Modern Design */
._priceSection_15zen_491 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  align-items: center;
  column-gap: 16px;
  padding: 12px 16px;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
  border-radius: 10px;
  border: 1.5px solid rgba(102, 126, 234, 0.2);
  transition: all 0.3s ease;
  margin-top: auto;
}

._presaleCard_15zen_27:hover ._priceSection_15zen_491 {
  border-color: var(--primary);
  box-shadow: inset 0 0 0 1px rgba(102, 126, 234, 0.3);
}

._priceLabel_15zen_527 {
  font-size: 0.7rem;
  color: var(--text-secondary);
  margin-bottom: 4px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._priceValue_15zen_545 {
  font-size: 1.5rem;
  font-weight: 900;
  background: linear-gradient(135deg, var(--primary) 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._priceNumber_15zen_571 {
  flex: 0 0 auto;
}

._priceToken_15zen_579 {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

._stockInfo_15zen_593 {
  text-align: right;
  justify-self: end;
}

._stockLabel_15zen_603 {
  font-size: 0.7rem;
  color: var(--text-secondary);
  margin-bottom: 4px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._stockValue_15zen_621 {
  font-size: 1.5rem;
  font-weight: 900;
  color: var(--text-primary);
  line-height: 1;
  white-space: nowrap;
}

/* Countdown Timer */
._countdown_15zen_639 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 8px 12px;
  background: rgba(102, 126, 234, 0.1);
  border-radius: 8px;
  border: 1px solid var(--border);
  margin-top: 4px;
}

._countdownText_15zen_663 {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--text-primary);
}

._countdownWaiting_15zen_675 {
  background: linear-gradient(135deg, rgba(230, 81, 0, 0.15) 0%, rgba(255, 109, 0, 0.15) 100%);
  border-color: rgba(230, 81, 0, 0.3);
}

._countdownWaiting_15zen_675 ._countdownText_15zen_663 {
  color: #e65100;
}

._countdownEnding_15zen_693 {
  background: linear-gradient(135deg, rgba(255, 59, 48, 0.15) 0%, rgba(255, 139, 0, 0.15) 100%);
  border-color: rgba(255, 59, 48, 0.3);
}

._countdownEnding_15zen_693 ._countdownText_15zen_663 {
  color: #ff3b30;
  animation: _urgentPulse_15zen_1 1s ease-in-out infinite;
}

/* Keep layout height but hide content (used for ended presales) */
._countdownHidden_15zen_715 {
  visibility: hidden;
}

@keyframes _urgentPulse_15zen_1 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

/* Hot Presale Glow Effect */
._presaleCard_15zen_27._hot_15zen_735 {
  animation: _hotGlow_15zen_1 2s ease-in-out infinite alternate;
}

@keyframes _hotGlow_15zen_1 {
  0% {
    box-shadow: 0 0 20px rgba(255, 8, 68, 0.3);
  }
  100% {
    box-shadow: 0 0 30px rgba(255, 8, 68, 0.5), 0 0 40px rgba(255, 139, 0, 0.3);
  }
}

/* Loading Skeleton */
._loadingSkeleton_15zen_763 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
}

._skeletonCard_15zen_775 {
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  animation: _pulse_15zen_1 1.5s ease-in-out infinite;
}

._skeletonImage_15zen_789 {
  width: 100%;
  height: 220px;
  background: linear-gradient(90deg, var(--input-bg) 25%, var(--border) 50%, var(--input-bg) 75%);
  background-size: 200% 100%;
  animation: _shimmer_15zen_1 2s infinite;
}

._skeletonContent_15zen_805 {
  padding: 1rem 1.25rem 1.25rem;
}

._skeletonLine_15zen_813 {
  height: 20px;
  background: linear-gradient(90deg, var(--input-bg) 25%, var(--border) 50%, var(--input-bg) 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  margin-bottom: 0.75rem;
  animation: _shimmer_15zen_1 2s infinite;
}

._skeletonLine_15zen_813._short_15zen_831 {
  width: 60%;
}

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

/* Empty State */
._emptyState_15zen_851 {
  text-align: center;
  padding: 4rem 2rem;
  color: var(--text-muted);
}

._emptyState_15zen_851 span {
  font-size: 4rem;
  display: block;
  margin-bottom: 1rem;
  opacity: 0.5;
}

/* Responsive */
@media (max-width: 1200px) {
  ._presaleCard_15zen_27 {
    width: 260px;
  }
}

@media (max-width: 968px) {
  ._presaleCard_15zen_27 {
    height: 470px;
  }
  
  ._imageContainer_15zen_151 {
    height: 220px;
  }
}

@media (max-width: 768px) {
  ._presaleCard_15zen_27 {
    width: 240px;
    height: 450px;
  }
  
  ._imageContainer_15zen_151 {
    height: 200px;
  }
  
  ._cardContent_15zen_433 {
    padding: 1.25rem 1.25rem 1.5rem;
  }
  
  ._nftName_15zen_449 {
    font-size: 1.15rem;
  }
  
  ._priceValue_15zen_545 {
    font-size: 1.3rem;
  }
  
  ._stockValue_15zen_621 {
    font-size: 1.3rem;
  }
}

@media (max-width: 480px) {
  ._presaleCard_15zen_27 {
    width: 220px;
    height: 430px;
  }
  
  ._imageContainer_15zen_151 {
    height: 180px;
  }
  
  ._imageContainer_15zen_151::after {
    height: 25px;
    width: 120px;
  }
  
  ._cardContent_15zen_433 {
    padding: 1rem 1.1rem 1.25rem;
  }
  
  ._nftName_15zen_449 {
    font-size: 1.05rem;
  }
  
  ._priceValue_15zen_545 {
    font-size: 1.2rem;
  }
  
  ._stockValue_15zen_621 {
    font-size: 1.2rem;
  }

  /* Ensure Remaining (e.g. 5/6) never gets clipped by long price text */
  ._priceSection_15zen_491 {
    padding: 10px 12px;
    gap: 10px;
    flex-wrap: wrap;
  }

  ._priceSection_15zen_491 > div:first-child {
    min-width: 0;
    flex: 1 1 auto;
  }

  ._stockInfo_15zen_593 {
    flex: 0 0 auto;
    flex-shrink: 0;
    min-width: 4ch;
  }

  ._priceValue_15zen_545,
  ._stockValue_15zen_621 {
    line-height: 1.1;
  }
}
/* Modern Homepage Styles - Optimized */

._homepage_1lrc7_5 {
  min-height: 100vh;
  background: var(--bg);
  overflow-x: visible;
}

/* Hero Section */
._heroSection_1lrc7_19 {
  position: relative;
  padding: 5rem 2rem 2rem;
  background: linear-gradient(135deg, 
    rgba(102, 126, 234, 0.08) 0%, 
    rgba(118, 75, 162, 0.08) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  overflow: hidden;
  margin-bottom: 0;
}

._heroSection_1lrc7_19::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(102, 126, 234, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  animation: _float_1lrc7_1 20s ease-in-out infinite;
  pointer-events: none;
}

._heroSection_1lrc7_19::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(118, 75, 162, 0.12) 0%, transparent 70%);
  border-radius: 50%;
  animation: _float_1lrc7_1 15s ease-in-out infinite reverse;
  pointer-events: none;
}

@keyframes _float_1lrc7_1 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-30px, -30px) scale(1.1); }
}

._heroContent_1lrc7_105 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

._heroTitle_1lrc7_121 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 900;
  margin: 0 0 1.5rem;
  background: linear-gradient(135deg, var(--primary) 0%, #764ba2 50%, var(--primary) 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: _shimmer_1lrc7_1 3s linear infinite;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

@keyframes _shimmer_1lrc7_1 {
  to { background-position: 200% center; }
}

._heroSubtitle_1lrc7_157 {
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  color: var(--text-muted);
  margin: 0 0 3rem;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
  font-weight: 400;
}

._heroActions_1lrc7_179 {
  display: flex;
  gap: 1.25rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 3rem;
}

._primaryBtn_1lrc7_195, ._secondaryBtn_1lrc7_195 {
  padding: 1.1rem 2.5rem;
  border-radius: 14px;
  font-weight: 700;
  font-size: 1.05rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

._primaryBtn_1lrc7_195 {
  background: linear-gradient(135deg, var(--primary) 0%, #764ba2 100%);
  color: white;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35);
  position: relative;
  overflow: hidden;
}

._primaryBtn_1lrc7_195::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.5s;
}

._primaryBtn_1lrc7_195:hover::before {
  left: 100%;
}

._primaryBtn_1lrc7_195:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.5);
}

._secondaryBtn_1lrc7_195 {
  background: var(--card-bg);
  color: var(--text-primary);
  border: 2px solid var(--border);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

._secondaryBtn_1lrc7_195:hover {
  border-color: var(--primary);
  background: rgba(102, 126, 234, 0.08);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}

/* Stats Bar - Glassmorphism integrated into Hero */
._statsBar_1lrc7_309 {
  padding: 2rem 1rem;
  background: transparent;
  border: none;
  margin-top: 3rem;
}

._statsContainer_1lrc7_323 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
}

._statItem_1lrc7_339 {
  text-align: center;
  padding: 1.5rem 1rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(102, 126, 234, 0.2);
  transition: all 0.3s ease;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

._statItem_1lrc7_339:hover {
  background: rgba(102, 126, 234, 0.08);
  border-color: rgba(102, 126, 234, 0.4);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(102, 126, 234, 0.2);
}

._statValue_1lrc7_375 {
  font-size: 2rem;
  font-weight: 800;
  background: linear-gradient(135deg, var(--primary) 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.5rem;
  animation: _countUp_1lrc7_1 1s ease-out;
}

@keyframes _countUp_1lrc7_1 {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

._statLabel_1lrc7_407 {
  font-size: 0.9rem;
  color: var(--text-muted);
  font-weight: 500;
}

/* Featured Collections Section - Hero Spotlight Position */
._featuredSection_1lrc7_421 {
  margin: 0;
  padding: 3rem 0 2rem;
  background: transparent;
  position: relative;
  z-index: 10;
}

._featuredSection_1lrc7_421::before {
  display: none;
}

/* Section Wrapper */
._section_1lrc7_447 {
  padding: 3rem 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

._sectionAlt_1lrc7_459 {
  background: var(--card-bg);
  padding: 4rem 2rem;
  margin: 3rem 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

/* Divider */
._divider_1lrc7_477 {
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--border) 50%,
    transparent 100%
  );
  margin: 4rem 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* CTA Section */
._ctaSection_1lrc7_507 {
  padding: 5rem 2rem;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.06) 0%, rgba(118, 75, 162, 0.06) 100%);
  text-align: center;
  margin: 4rem auto;
  border-radius: 32px;
  max-width: 1200px;
  border: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}

._ctaSection_1lrc7_507::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

._ctaTitle_1lrc7_555 {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
  color: var(--text-primary);
  position: relative;
  z-index: 1;
}

._ctaDescription_1lrc7_573 {
  font-size: 1.2rem;
  color: var(--text-muted);
  margin-bottom: 2.5rem;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
  position: relative;
  z-index: 1;
}

/* Responsive */
@media (max-width: 968px) {
  ._section_1lrc7_447 {
    padding: 3rem 1.5rem;
  }
  
  ._sectionAlt_1lrc7_459 {
    padding: 3rem 1.5rem;
    margin: 2rem 0;
  }
}

@media (max-width: 768px) {
  ._heroSection_1lrc7_19 {
    padding: 4rem 1.5rem 3rem;
  }
  
  ._heroTitle_1lrc7_121 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  
  ._heroSubtitle_1lrc7_157 {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
  
  ._heroActions_1lrc7_179 {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    margin-top: 2rem;
  }
  
  ._primaryBtn_1lrc7_195, ._secondaryBtn_1lrc7_195 {
    width: 100%;
    justify-content: center;
    padding: 1rem 2rem;
  }
  
  ._statsContainer_1lrc7_323 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  
  ._statValue_1lrc7_375 {
    font-size: 1.5rem;
  }
  
  ._section_1lrc7_447 {
    padding: 2.5rem 1rem;
  }
  
  ._sectionAlt_1lrc7_459 {
    padding: 2.5rem 1rem;
  }
  
  ._ctaSection_1lrc7_507 {
    padding: 3rem 1.5rem;
    margin: 2rem 1rem;
    border-radius: 24px;
  }
  
  ._ctaTitle_1lrc7_555 {
    font-size: 1.75rem;
  }
  
  ._ctaDescription_1lrc7_573 {
    font-size: 1rem;
  }
  
  ._divider_1lrc7_477 {
    margin: 2.5rem 1rem;
  }
}
/* DropZone.module.css */

._dropWrapper_1te4y_5 {
  margin: 2rem 0;
}

._dropZone_1te4y_13 {
  border: 2px dashed var(--border);
  background-color: var(--card-bg);
  padding: 2rem;
  border-radius: 12px;
  text-align: center;
  cursor: pointer;
  transition: border 0.3s ease;
}

._dropZone_1te4y_13:hover {
  border-color: var(--primary);
}

._active_1te4y_41 {
  border-color: var(--primary);
  background-color: rgba(16, 185, 129, 0.05);
}

._content_1te4y_51 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

._label_1te4y_65 {
  font-size: 0.9rem;
  color: var(--text);
  opacity: 0.7;
}

._icon_1te4y_77 {
  font-size: 2.5rem;
  color: var(--primary);
}

._heading_1te4y_87 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text);
}

._sub_1te4y_99 {
  font-size: 0.9rem;
  color: var(--text);
  opacity: 0.6;
}

._previewBox_1te4y_111 {
  background: var(--card-bg);
  padding: 2rem;
  margin-top: 2rem;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

._previewImage_1te4y_135 {
  max-width: 300px;
  border-radius: 12px;
  margin-bottom: 1.5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

._meta_1te4y_149 {
  width: 100%;
  max-width: 500px;
  display: grid;
  gap: 0.5rem;
  font-size: 1rem;
  color: var(--text);
  text-align: left;
}
._metaItem_1te4y_167 {
  border-bottom: 1px solid var(--border);
  padding-bottom: 0.5rem;
}

._meta_1te4y_149 p {
  margin-bottom: 0.5rem;
}

._meta_1te4y_149 strong {
  font-weight: 600;
  color: var(--primary);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  ._dropZone_1te4y_13 {
    padding: 1rem;
    border-radius: 10px;
  }
  ._icon_1te4y_77 {
    font-size: 2rem;
  }
  ._heading_1te4y_87 {
    font-size: 1rem;
  }
  ._sub_1te4y_99 {
    font-size: 0.85rem;
  }
  ._previewBox_1te4y_111 {
    padding: 1rem;
  }
  ._previewImage_1te4y_135 {
    max-width: 100%;
  }
  ._meta_1te4y_149 {
    max-width: 100%;
    font-size: 0.95rem;
  }
}
._uploadWrapper_17sc1_1 {
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem;
  color: var(--text);
  background-color: var(--bg);
}

._pageTitle_17sc1_17 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: 600;
  position: relative;
}

._pageTitle_17sc1_17::after {
  content: "";
  display: block;
  height: 3px;
  width: 40px;
  background-color: var(--primary);
  margin: 0.5rem auto 0;
  border-radius: 2px;
}

._formSection_17sc1_53 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
}

._formSection_17sc1_53 label {
  font-weight: 500;
  margin-bottom: 0.3rem;
  display: block;
}

._formSection_17sc1_53 input,
._formSection_17sc1_53 textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--card-bg);
  color: var(--text);
  font-size: 1rem;
  box-sizing: border-box;
}

._formSection_17sc1_53 textarea {
  resize: vertical;
  min-height: 120px;
}

._inputWithIcon_17sc1_113 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  width: 100%;
  box-sizing: border-box;
}

._inputWithIcon_17sc1_113 input {
  border: none;
  background: transparent;
  flex: 1;
  font-size: 1rem;
  color: var(--text);
}

._inputWithIcon_17sc1_113 input:focus {
  outline: none;
}

._categoryList_17sc1_161 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

._categoryItem_17sc1_173 {
  padding: 0.5rem 1rem;
  border: 1px solid var(--primary);
  border-radius: 999px;
  background: transparent;
  color: var(--text);
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

._categoryItem_17sc1_173:hover,
._categoryItem_17sc1_173._active_17sc1_197 {
  background: var(--primary);
  color: white;
}

._grid3_17sc1_207 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
}

._actions_17sc1_219 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 2rem;
}

._primary_17sc1_233,
._secondary_17sc1_235 {
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}

._primary_17sc1_233 {
  background: var(--primary);
  color: white;
}

._primary_17sc1_233:hover {
  background: var(--primary-hover);
}

._secondary_17sc1_235 {
  background: transparent;
  border: 1px solid var(--primary);
  color: var(--primary);
}

._secondary_17sc1_235:hover {
  background: var(--primary);
  color: white;
}

/* Fee/Balance summary row */
._feeSummary_17sc1_295 {
  margin-top: 8px;
  font-size: 0.9rem;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* Disabled states for clarity */
._primary_17sc1_233:disabled,
._secondary_17sc1_235:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

._selectInput_17sc1_331 {
  /* Match inputs visually and in width on desktop */
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  font-size: 1rem;
  background: var(--card-bg);
  color: var(--text);
  margin-bottom: 1rem;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
  min-height: 48px;
}

._selectInput_17sc1_331:focus {
  outline: none;
  border-color: var(--primary);
}

._selectInput_17sc1_331:disabled {
  background-color: var(--input-bg);
  color: var(--text-muted);
  cursor: not-allowed;
}

/* Grouped field container (subtle box) */
._groupBox_17sc1_385 {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--card-bg);
  padding: 1rem;
}

._groupHeader_17sc1_399 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

._mutedText_17sc1_413 {
  margin: 0;
  font-size: 0.9rem;
  color: #666;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  ._uploadWrapper_17sc1_1 {
    padding: 1rem;
    width: min(640px, 100%);
    margin: 0 auto;
    box-sizing: border-box;
  }
  ._pageTitle_17sc1_17 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  ._formSection_17sc1_53 {
    gap: 0.875rem;
    margin-top: 1.25rem;
  }
  /* Inputs: consistent mobile height */
  ._formSection_17sc1_53 input {
    padding: 0.875rem 0.9rem;
    font-size: 1rem;
    box-sizing: border-box;
    min-height: 48px;
    height: 48px;
  }
  /* Textarea: larger with no fixed height */
  ._formSection_17sc1_53 textarea {
    padding: 0.875rem 0.9rem;
    font-size: 1rem;
    box-sizing: border-box;
    min-height: 140px;
    height: auto;
  }
  /* Website and other icon inputs */
  ._inputWithIcon_17sc1_113 {
    padding: 0.875rem 0.9rem;
    min-height: 48px;
    height: 48px;
    box-sizing: border-box;
  }
  ._inputWithIcon_17sc1_113 svg {
    font-size: 1rem;
    opacity: 0.8;
  }
  ._inputWithIcon_17sc1_113 input {
    height: 100%;
    line-height: 1.2;
  }
  /* Center fields with balanced gutters */
  ._formSection_17sc1_53 input,
  ._inputWithIcon_17sc1_113 {
    width: min(420px, calc(100% - 2rem));
    margin: 0 auto;
  }
  /* Make the select match input width and height */
  ._selectInput_17sc1_331 {
    width: min(420px, calc(100% - 2rem));
    margin: 0 auto 1rem auto;
    min-height: 48px;
    height: 48px;
    box-sizing: border-box;
  }
  ._formSection_17sc1_53 textarea {
    width: min(560px, calc(100% - 1rem));
    margin: 0 auto;
  }
  ._categoryList_17sc1_161 {
    gap: 0.5rem;
  }
  ._grid3_17sc1_207 {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  /* Stack fee and balance on mobile */
  ._feeSummary_17sc1_295 {
    flex-direction: column;
    gap: 4px;
  }
  ._actions_17sc1_219 {
    flex-direction: column;
    gap: 0.75rem;
  }
  ._primary_17sc1_233,
  ._secondary_17sc1_235 {
    width: min(420px, calc(100% - 2rem));
    margin: 0 auto;
  }
}

@media (max-width: 480px) {
  ._uploadWrapper_17sc1_1 {
    padding: 0.75rem;
  }
  ._pageTitle_17sc1_17 {
    font-size: 1.35rem;
  }
  ._formSection_17sc1_53 input,
  ._inputWithIcon_17sc1_113,
  ._primary_17sc1_233,
  ._secondary_17sc1_235 {
    width: min(360px, calc(100% - 2rem));
  }
  ._selectInput_17sc1_331 {
    width: min(360px, calc(100% - 2rem));
    height: 48px;
  }
  ._formSection_17sc1_53 textarea {
    width: calc(100% - 1rem);
    min-height: 140px;
  }
}
._tierGrid_siwor_1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 6px;
}

._badge_siwor_15 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 9999px;
  border: 1px solid #334155;
  background: #0b1220;
  color: #e5e7eb;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
  transition: transform 0.08s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

._badge_siwor_15:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  border-color: #475569;
}

._selected_siwor_61 { border-color: #22c55e; box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.15); }
/* For Common (rank1), remove green highlight when selected and use neutral */
._rank1_siwor_65._selected_siwor_61 { border-color: #475569; box-shadow: 0 0 0 2px rgba(71, 85, 105, 0.2); }

/* Rank color accents */
._rank1_siwor_65 { background: linear-gradient(135deg, #0b1220, #0f172a); color: #9ca3af; }
._rank2_siwor_73 { background: linear-gradient(135deg, #0b1220, #0d1b2a); color: #a3bffa; }
._rank3_siwor_75 { background: linear-gradient(135deg, #0b1220, #132a3a); color: #60a5fa; }
._rank4_siwor_77 { background: linear-gradient(135deg, #0b1220, #1a2634); color: #a78bfa; }
._rank5_siwor_79 { background: linear-gradient(135deg, #0b1220, #2b1f3a); color: #fbbf24; }
._rank6_siwor_81 { background: linear-gradient(135deg, #1b0b20, #3a0f2b); color: #fb923c; }
._rank7_siwor_83 { background: linear-gradient(135deg, #20120b, #3a1a0f); color: #f97316; }
._rank8_siwor_85 { background: linear-gradient(135deg, #1a130a, #40270a); color: #f59e0b; }

._pill_siwor_89 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 11px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9999px;
}

/* Flame/heat animation for top 3 ranks (6,7,8) */
/* flame-like border ring is implemented via ::before on .hot elements */

/* no flame ring anymore */

/* Preview overlay badge */
._overlayBadge_siwor_125 {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 9999px;
  border: 1px solid #374151;
  background: rgba(17, 24, 39, 0.8);
  color: #e5e7eb;
  font-size: 12px;
  z-index: 3;
}

._overlayBadge_siwor_125 ._pill_siwor_89 {
  width: 18px;
  height: 18px;
  font-size: 10px;
}
.shiny-text {
  /* inherit the tier color as currentColor and use it for base fill via background */
  color: inherit;
  -webkit-text-fill-color: transparent; /* show background through text */
  background-image:
    linear-gradient(0deg, currentColor, currentColor), /* base color */
    linear-gradient(120deg, rgba(255,255,255,0) 40%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0) 60%); /* shine */
  background-size: 100% 100%, 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
  animation: shine 5s linear infinite;
}

/* Stronger shine variant */
.shiny-text.strong {
  background-image:
    linear-gradient(0deg, currentColor, currentColor),
    linear-gradient(120deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 70%);
  background-size: 100% 100%, 300% 100%;
  animation: shine-strong 2.5s linear infinite;
}

@keyframes shine-strong {
  0% { background-position: 0% 0, 120% 0; }
  100% { background-position: 0% 0, -120% 0; }
}

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

.shiny-text.disabled {
  animation: none;
}
._wrapper_lnb0j_1 {
  max-width: 980px;
  margin: 24px auto;
  padding: 0 16px;
}

._title_lnb0j_13 {
  margin-bottom: 8px;
}

._subtitle_lnb0j_21 {
  margin-top: 0;
  color: #9ca3af;
}

._grid_lnb0j_31 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin-top: 16px;
}

._card_lnb0j_45 {
  position: relative;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 18px 18px 16px 18px;
  color: var(--text);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  cursor: pointer;
  z-index: 0; /* keep content below glare overlay */
}

._card_lnb0j_45:hover {
  border-color: var(--primary);
  box-shadow: 0 6px 24px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.06) inset;
  transform: translateY(-2px);
}

._header_lnb0j_81 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._icon_lnb0j_93 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(59,130,246,0.08);
  color: var(--primary);
}

._card_lnb0j_45 h3 {
  margin: 0;
}

._features_lnb0j_123 {
  margin: 10px 0 0 0;
  padding-left: 18px;
  color: #cbd5e1;
}

._ctaRow_lnb0j_135 {
  margin-top: 14px;
}

._cta_lnb0j_135 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid var(--primary);
  background: transparent;
  color: var(--text);
  font-weight: 600;
}

._cta_lnb0j_135:hover {
  background: var(--primary);
  color: white;
}
.glare-hover {
  width: var(--gh-width);
  height: var(--gh-height);
  background: var(--gh-bg);
  border-radius: var(--gh-br);
  border: 1px solid var(--gh-border);
  overflow: hidden;
  position: relative;
}

.glare-hover::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    var(--gh-angle),
    hsla(0, 0%, 0%, 0) 60%,
    var(--gh-rgba) 70%,
    hsla(0, 0%, 0%, 0),
    hsla(0, 0%, 0%, 0) 100%
  );
  transition: var(--gh-duration) ease;
  background-size:
    var(--gh-size) var(--gh-size),
    100% 100%;
  background-repeat: no-repeat;
  background-position:
    -100% -100%,
    0 0;
}

.glare-hover:hover {
  cursor: pointer;
}

.glare-hover:hover::before {
  background-position:
    100% 100%,
    0 0;
}

.glare-hover--play-once::before {
  transition: none;
}

.glare-hover--play-once:hover::before {
  transition: var(--gh-duration) ease;
  background-position:
    100% 100%,
    0 0;
}
._uploadWrapper_w0eob_1 {
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem;
  color: var(--text);
  background-color: var(--bg);
}

._pageTitle_w0eob_17 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: 600;
  position: relative;
}

._pageTitle_w0eob_17::after {
  content: "";
  display: block;
  height: 3px;
  width: 40px;
  background-color: var(--primary);
  margin: 0.5rem auto 0;
  border-radius: 2px;
}

._formSection_w0eob_53 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
}

._formSection_w0eob_53 label {
  font-weight: 500;
  margin-bottom: 0.3rem;
  display: block;
}

._formSection_w0eob_53 input,
._formSection_w0eob_53 textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--card-bg);
  color: var(--text);
  font-size: 1rem;
  box-sizing: border-box;
}

._formSection_w0eob_53 textarea {
  resize: vertical;
  min-height: 120px;
}

._inputWithIcon_w0eob_113 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  width: 100%;
  box-sizing: border-box;
  min-height: 48px;
  height: 48px;
}
/* Ensure standard height for text inputs to match website field */
._formSection_w0eob_53 input {
  min-height: 48px;
  height: 48px;
}

._inputWithIcon_w0eob_113 input {
  border: none;
  background: transparent;
  flex: 1;
  font-size: 1rem;
  color: var(--text);
}

._inputWithIcon_w0eob_113 input:focus {
  outline: none;
}

._categoryList_w0eob_175 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

._categoryItem_w0eob_187 {
  padding: 0.5rem 1rem;
  border: 1px solid var(--primary);
  border-radius: 999px;
  background: transparent;
  color: var(--text);
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

._categoryItem_w0eob_187:hover,
._categoryItem_w0eob_187._active_w0eob_211 {
  background: var(--primary);
  color: white;
}

._grid3_w0eob_221 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
}

._submitButton_w0eob_233 {
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  background: var(--primary);
  color: white;
  margin-top: 1rem;
}

._submitButton_w0eob_233:hover {
  background: var(--primary-hover);
}

/* Fee/Balance summary row */
._feeSummary_w0eob_267 {
  margin-top: 8px;
  font-size: 0.9rem;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* Grouped field container for token standard */
._groupBox_w0eob_289 {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--card-bg);
  padding: 1rem;
}

._groupHeader_w0eob_303 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

._standardCard_w0eob_317 {
  border: 1px solid var(--border);
  background: var(--card-bg);
  color: var(--text);
  border-radius: 10px;
  padding: 0.75rem 0.9rem;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

._standardCard_w0eob_317:hover {
  border-color: var(--primary);
}

._standardActive_w0eob_347 {
  border-color: var(--primary);
  background: rgba(59, 130, 246, 0.08);
}

._standardHint_w0eob_357 {
  font-size: 0.85rem;
  color: #94a3b8;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  ._uploadWrapper_w0eob_1 {
    /* tighter gutters while keeping clear edges */
    padding: 1rem;
    width: min(640px, 100%);
    margin: 0 auto;
    box-sizing: border-box;
  }
  ._pageTitle_w0eob_17 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  ._formSection_w0eob_53 {
    gap: 0.875rem;
    margin-top: 1.25rem;
  }
  /* Inputs: consistent mobile height */
  ._formSection_w0eob_53 input {
    padding: 0.875rem 0.9rem;
    font-size: 1rem;
    box-sizing: border-box;
    min-height: 48px;
    height: 48px;
  }
  /* Textarea: larger by default on mobile, no fixed height */
  ._formSection_w0eob_53 textarea {
    padding: 0.875rem 0.9rem;
    font-size: 1rem;
    box-sizing: border-box;
    min-height: 140px;
    height: auto;
  }
  ._inputWithIcon_w0eob_113 {
    /* Match height and sizing to regular inputs on mobile */
    padding: 0.875rem 0.9rem;
    min-height: 48px;
    height: 48px;
    box-sizing: border-box;
  }
  ._inputWithIcon_w0eob_113 svg {
    font-size: 1rem;
    opacity: 0.8;
  }
  ._inputWithIcon_w0eob_113 input {
    height: 100%;
    line-height: 1.2;
  }
  ._grid3_w0eob_221 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  /* Turn categories into a tidy 2-col grid on phones/tablets */
  ._categoryList_w0eob_175 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }
  /* Center and unify widths for all fields */
  ._formSection_w0eob_53 input,
  ._inputWithIcon_w0eob_113,
  ._formSection_w0eob_53 textarea {
    width: min(560px, calc(100% - 2rem));
    margin: 0 auto;
  }
  /* Stack fee and balance on mobile */
  ._feeSummary_w0eob_267 {
    flex-direction: column;
    gap: 4px;
  }
  ._categoryItem_w0eob_187 {
    width: 100%;
    text-align: center;
    padding: 0.65rem 0.75rem;
    border-radius: 10px;
  }
  /* Large, centered CTA that never touches screen edges */
  ._submitButton_w0eob_233 {
    width: min(560px, calc(100% - 2rem));
    display: block;
    margin: 0.5rem auto 0;
    box-sizing: border-box;
  }
}

@media (max-width: 480px) {
  ._uploadWrapper_w0eob_1 {
    padding: 0.75rem;
  }
  ._pageTitle_w0eob_17 {
    font-size: 1.35rem;
  }
  ._categoryList_w0eob_175 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ._submitButton_w0eob_233 {
    width: min(560px, calc(100% - 2rem));
  }
  /* Balanced, centered widths on very small phones */
  ._formSection_w0eob_53 input,
  ._inputWithIcon_w0eob_113 {
    width: min(560px, calc(100% - 2rem));
    margin: 0 auto;
    min-height: 48px;
    height: 48px;
  }
  ._formSection_w0eob_53 textarea {
    width: min(560px, calc(100% - 2rem));
    margin: 0 auto;
    min-height: 140px;
    height: auto;
  }
  /* Ensure website field matches input height even on very small phones */
  ._inputWithIcon_w0eob_113 {
    padding: 0.875rem 0.9rem;
    min-height: 48px;
    height: 48px;
    box-sizing: border-box;
  }
}
._profileContainer_1bg4u_1 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 0;
}

/* Profile Header */
._profileHeader_1bg4u_15 {
  background: var(--card-bg);
  border-radius: 12px;
  padding: 2rem;
  margin-bottom: 2rem;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

._profileInfo_1bg4u_33 {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}

._profileImageSection_1bg4u_45 {
  flex-shrink: 0;
}

._profileImage_1bg4u_45 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid var(--primary);
}

._profileDetails_1bg4u_69 {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

._profileBasicInfo_1bg4u_83 {
  flex: 1;
}

._username_1bg4u_91 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text);
  margin: 0 0 0.5rem 0;
}

._walletInfo_1bg4u_105 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

._walletAddress_1bg4u_119 {
  font-family: "Courier New", monospace;
  background: var(--input-bg);
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: 1px solid var(--border);
  font-size: 0.9rem;
  color: var(--text-muted);
}

._copyButton_1bg4u_139 {
  padding: 0.5rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: background 0.2s ease;
}

._copyButton_1bg4u_139:hover {
  background: var(--primary-hover);
}

._joinDate_1bg4u_171 {
  color: var(--text-muted);
  font-size: 0.9rem;
  margin: 0.5rem 0;
}

._bio_1bg4u_183 {
  color: var(--text);
  line-height: 1.6;
  margin: 1rem 0 0 0;
}

._profileActions_1bg4u_195 {
  display: flex;
  gap: 1rem;
  flex-shrink: 0;
}

/* Mobile-only inline actions placeholder (hidden by default) */
._profileActionsMobile_1bg4u_209 {
  display: none;
}

/* Mobile-only centered details (hidden by default) */
._profileDetailsMobile_1bg4u_219 {
  display: none;
}

._editButton_1bg4u_227,
._shareButton_1bg4u_229 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  font-size: 0.9rem;
}

._editButton_1bg4u_227 {
  background: var(--primary);
  color: white;
  border: none;
}

._editButton_1bg4u_227:hover {
  background: var(--primary-hover);
}

._shareButton_1bg4u_229 {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--border);
}

._shareButton_1bg4u_229:hover {
  background: var(--input-bg);
}

/* Stats Section */
._statsSection_1bg4u_297 {
  margin-bottom: 3rem;
}

._statsGrid_1bg4u_305 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

._statCard_1bg4u_317 {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: transform 0.2s ease;
}

._statCard_1bg4u_317:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}

._statIcon_1bg4u_349 {
  width: 48px;
  height: 48px;
  background: var(--primary);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem;
}

._statInfo_1bg4u_373 {
  display: flex;
  flex-direction: column;
}

._statNumber_1bg4u_383 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text);
}

._statLabel_1bg4u_395 {
  font-size: 0.9rem;
  color: var(--text-muted);
  margin-top: 0.25rem;
}

/* Collections Section */
._collectionsSection_1bg4u_409 {
  background: var(--card-bg);
  border-radius: 12px;
  padding: 2rem;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

/* Tabs */
._tabsHeader_1bg4u_427 {
  display: flex;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
._tabButton_1bg4u_437 {
  background: var(--input-bg);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
._tabButton_1bg4u_437._active_1bg4u_453 {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

._sectionHeader_1bg4u_465 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}

._sectionHeader_1bg4u_465 h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text);
  margin: 0;
}

._createButton_1bg4u_493 {
  background: var(--primary);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 7px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.2s ease;
  border: none;
  cursor: pointer;
}

._createButton_1bg4u_493:hover {
  background: var(--primary-hover);
}

._collectionsGrid_1bg4u_525 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}

/* Owned NFTs grid reuses similar card styles */
._nftsGrid_1bg4u_539 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
}
._nftCard_1bg4u_549 {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.12s ease;
}
._nftCard_1bg4u_549:hover {
  transform: translateY(-2px);
}
._nftImage_1bg4u_571 {
  position: relative;
  aspect-ratio: 1;
}
._nftImage_1bg4u_571 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._badge_1bg4u_589 {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
}
._badge_1bg4u_589._sale_1bg4u_609 {
  background: #10b981;
}
._badge_1bg4u_589._auction_1bg4u_615 {
  background: #f59e0b;
}
/* Standard badges for collections */
._badge_1bg4u_589._std721_1bg4u_623 {
  background: #3b82f6; /* blue */
}
._badge_1bg4u_589._std1155_1bg4u_629 {
  background: #8b5cf6; /* indigo */
}
._nftInfo_1bg4u_635 {
  padding: 0.75rem 0.85rem;
}
._nftTitle_1bg4u_641 {
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: var(--text);
}
._nftPrice_1bg4u_651 {
  color: #10b981;
  font-weight: 700;
}
._notForSale_1bg4u_659 {
  color: var(--text-muted);
}

/* Filter buttons */
._filterButtons_1bg4u_669 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
._filterButton_1bg4u_669 {
  background: var(--input-bg);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 0.4rem 0.9rem;
  cursor: pointer;
}
._filterButton_1bg4u_669._active_1bg4u_453 {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

/* ✅ Fixed Collection Card - Use theme variables */
._collectionCard_1bg4u_709 {
  background: var(--card-bg);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid var(--border);
  position: relative;
  height: 420px;
  display: flex;
  flex-direction: column;
}

._collectionCard_1bg4u_709:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-strong);
  border-color: var(--primary);
}

._collectionImage_1bg4u_745 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  flex-shrink: 0;
}

._collectionImage_1bg4u_745 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._collectionInfo_1bg4u_771 {
  padding: 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

._collectionName_1bg4u_787 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 1rem 0;
  line-height: 1.3;
  max-height: 2.6em;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

._collectionStats_1bg4u_815 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 1.5rem;
}

._collectionStat_1bg4u_815 {
  text-align: center;
}

._collectionStat_1bg4u_815 ._statNumber_1bg4u_383 {
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 0.25rem;
}

._collectionStat_1bg4u_815 ._statLabel_1bg4u_395 {
  display: block;
  font-size: 0.8rem;
  color: var(--text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ✅ Green View Collection Button - Theme Compatible */
._viewCollectionButton_1bg4u_873 {
  background: var(--primary);
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  margin-top: auto;
}

._viewCollectionButton_1bg4u_873:hover:not(:disabled) {
  background: var(--primary-hover);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--shadow-strong);
}

._viewCollectionButton_1bg4u_873:active:not(:disabled) {
  transform: translateY(0);
}

._viewCollectionButton_1bg4u_873:disabled {
  background: var(--text-muted);
  cursor: not-allowed;
  opacity: 0.5;
}

/* ✅ Edit Button - Theme Compatible */
._editCollectionButton_1bg4u_935 {
  width: 40px;
  height: 40px;
  background: var(--input-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  color: var(--text);
}

._editCollectionButton_1bg4u_935:hover:not(:disabled) {
  background: var(--primary);
  color: white;
  border-color: var(--primary);
}

._editCollectionButton_1bg4u_935:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: var(--text-muted);
  color: white;
}

._collectionActions_1bg4u_991 {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: auto;
}

/* ✅ Banned Collection Styles - Theme Compatible */
._bannedCollection_1bg4u_1007 {
  opacity: 0.6;
  border-color: #dc2626;
}

._bannedBadge_1bg4u_1017 {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #dc2626;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  z-index: 10;
}

/* Empty State */
._emptyState_1bg4u_1045 {
  text-align: center;
  padding: 3rem;
  color: var(--text-muted);
}

._createFirstButton_1bg4u_1057 {
  background: var(--primary);
  color: white;
  padding: 1rem 2rem;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
  margin-top: 1rem;
  font-weight: 500;
  transition: background 0.2s ease;
}

._createFirstButton_1bg4u_1057:hover {
  background: var(--primary-hover);
}

/* Responsive Design */
@media (max-width: 768px) {
  ._profileHeader_1bg4u_15 {
    text-align: center;
  }

  /* Show mobile header details; hide desktop details to avoid dup */
  ._profileDetailsMobile_1bg4u_219 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
  }

  ._profileDetails_1bg4u_69 {
    display: none;
  }

  ._profileContainer_1bg4u_1 {
    padding: 1rem;
  }

  ._profileInfo_1bg4u_33 {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }

  ._profileImageSection_1bg4u_45 {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  ._profileDetails_1bg4u_69 {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  ._profileBasicInfo_1bg4u_83 {
    flex: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0 auto;
  }

  /* Ensure perfect centering for header text blocks */
  ._username_1bg4u_91,
  ._joinDate_1bg4u_171,
  ._bio_1bg4u_183 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  /* Hide desktop actions on mobile; we render a mobile-specific block under bio */
  ._profileDetails_1bg4u_69 > ._profileActions_1bg4u_195 {
    display: none;
  }

  /* Mobile inline actions below bio */
  ._profileActionsMobile_1bg4u_209 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    width: 100%;
    max-width: 420px;
    margin: 0.75rem auto 0;
  }

  ._profileActionsMobile_1bg4u_209 ._editButton_1bg4u_227,
  ._profileActionsMobile_1bg4u_209 ._shareButton_1bg4u_229 {
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
  }

  /* If there's only one action (e.g. Share Profile), center it */
  ._profileActionsMobile_1bg4u_209 ._shareButton_1bg4u_229:only-child {
    grid-column: 1 / -1;
    width: auto;
    justify-self: center;
  }

  /* Allow children to actually shrink inside the grid to avoid overlap */
  ._profileActionsMobile_1bg4u_209 > * {
    min-width: 0;
  }

  ._username_1bg4u_91 {
    font-size: 1.5rem;
  }

  ._statsGrid_1bg4u_305 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._collectionsGrid_1bg4u_525 {
    grid-template-columns: 1fr;
  }

  ._collectionCard_1bg4u_709 {
    height: auto;
  }

  ._sectionHeader_1bg4u_465 {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }

  ._createButton_1bg4u_493 {
    /* Centered, never touching the container edges on tablets */
    width: min(420px, calc(100% - 2rem));
    align-self: center;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
  }

  ._profileImage_1bg4u_45 {
    width: 100px;
    height: 100px;
  }

  ._walletInfo_1bg4u_105 {
    justify-content: center;
    flex-wrap: wrap;
    width: max-content;
    margin: 0 auto;
  }

  ._joinDate_1bg4u_171,
  ._bio_1bg4u_183 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  ._profileHeader_1bg4u_15 {
    padding: 1rem;
  }

  ._collectionsSection_1bg4u_409 {
    padding: 1rem;
  }

  /* Phones: keep two stats per row for tighter layout */
  ._statsGrid_1bg4u_305 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }

  ._statCard_1bg4u_317 {
    padding: 0.875rem;
    gap: 0.75rem;
  }

  /* One-per-row on phones */
  ._collectionsGrid_1bg4u_525 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  ._nftsGrid_1bg4u_539 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  ._createButton_1bg4u_493 {
    /* Phones: leave comfortable side gutters and cap width */
    width: min(360px, calc(100% - 2rem));
    box-sizing: border-box;
  }

  ._collectionCard_1bg4u_709 {
    height: auto;
  }

  ._collectionImage_1bg4u_745 {
    height: 160px;
  }

  ._collectionInfo_1bg4u_771 {
    padding: 1rem;
  }

  ._collectionStats_1bg4u_815 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    margin-bottom: 1rem;
  }

  ._viewCollectionButton_1bg4u_873 {
    padding: 12px;
    font-size: 13px;
  }
}
._bannedContainer_1nkur_1 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  padding: 2rem;
}

._bannedCard_1nkur_19 {
  max-width: 500px;
  width: 100%;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 3rem 2rem;
  text-align: center;
  box-shadow: var(--shadow-strong);
}

._iconContainer_1nkur_41 {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}

._warningIcon_1nkur_53 {
  font-size: 4rem;
  color: #ef4444;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 50%;
  padding: 1rem;
}

._title_1nkur_69 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text);
  margin: 0 0 1rem 0;
}

._message_1nkur_83 {
  font-size: 1.1rem;
  color: var(--text-muted);
  margin: 0 0 2rem 0;
  line-height: 1.6;
}

._reasonSection_1nkur_97,
._dateSection_1nkur_99 {
  background: rgba(239, 68, 68, 0.05);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 8px;
  padding: 1rem;
  margin: 1rem 0;
  text-align: left;
}

._reasonSection_1nkur_97 h3 {
  color: var(--text);
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
  font-weight: 600;
}

._reasonSection_1nkur_97 p,
._dateSection_1nkur_99 p {
  color: var(--text-muted);
  margin: 0;
  font-size: 0.95rem;
}

._contactSection_1nkur_145 {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--border);
}

._contactSection_1nkur_145 p {
  color: var(--text-muted);
  margin: 0 0 1rem 0;
}

._contactButton_1nkur_167 {
  display: inline-block;
  background: var(--primary);
  color: white;
  padding: 0.75rem 2rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

._contactButton_1nkur_167:hover {
  background: var(--primary-hover);
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 768px) {
  ._bannedContainer_1nkur_1 {
    padding: 1rem;
  }

  ._bannedCard_1nkur_19 {
    padding: 2rem 1rem;
  }

  ._title_1nkur_69 {
    font-size: 1.5rem;
  }

  ._warningIcon_1nkur_53 {
    font-size: 3rem;
    padding: 0.75rem;
  }
}
._editProfileContainer_g5rxw_1 {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem 0;
}

/* Header */
._header_g5rxw_15 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

._backButton_g5rxw_29 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text);
  text-decoration: none;
  transition: background 0.2s ease;
}

._backButton_g5rxw_29:hover {
  background: var(--bg);
}

._header_g5rxw_15 h1 {
  margin: 0;
  color: var(--text);
  font-size: 1.75rem;
  font-weight: 600;
}

/* Edit Form */
._editForm_g5rxw_79 {
  background: var(--card-bg);
  border-radius: 12px;
  padding: 2rem;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

/* Image Section */
._imageSection_g5rxw_97 {
  text-align: center;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--border);
}

._imageWrapper_g5rxw_111 {
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
}

._profileImage_g5rxw_123 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid var(--primary);
}

._imageOverlay_g5rxw_139 {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  gap: 0.5rem;
}

._uploadButton_g5rxw_155,
._removeButton_g5rxw_157 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  transition: all 0.2s ease;
}

._uploadButton_g5rxw_155 {
  background: var(--primary);
  color: white;
}

._uploadButton_g5rxw_155:hover {
  background: var(--primary-hover);
  transform: scale(1.1);
}

._removeButton_g5rxw_157 {
  background: #ef4444;
  color: white;
}

._removeButton_g5rxw_157:hover {
  background: #dc2626;
  transform: scale(1.1);
}

._hiddenInput_g5rxw_223 {
  display: none;
}

._imageHint_g5rxw_231 {
  color: var(--text-muted);
  font-size: 0.9rem;
  margin: 0;
}

/* Form Grid */
._formGrid_g5rxw_245 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}

._formSection_g5rxw_259 h3 {
  color: var(--text);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 1.5rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border);
}

/* Form Groups */
._formGroup_g5rxw_279 {
  margin-bottom: 1.5rem;
}

._formGroup_g5rxw_279 label {
  display: block;
  color: var(--text);
  font-weight: 500;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

._formGroup_g5rxw_279 input,
._formGroup_g5rxw_279 textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
  color: var(--text);
  font-size: 0.9rem;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}

._formGroup_g5rxw_279 input:focus,
._formGroup_g5rxw_279 textarea:focus {
  outline: none;
  border-color: var(--primary);
}

._formGroup_g5rxw_279 textarea {
  resize: vertical;
  min-height: 100px;
  font-family: inherit;
}

/* Action Buttons */
._actionButtons_g5rxw_355 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding-top: 2rem;
  border-top: 1px solid var(--border);
}

._cancelButton_g5rxw_371,
._saveButton_g5rxw_373 {
  /* same vertical size for both buttons */
  box-sizing: border-box;
  min-height: 44px;
  padding: 0.75rem 2rem;
  border-radius: 8px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._cancelButton_g5rxw_371 {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--border);
}

._cancelButton_g5rxw_371:hover {
  background: var(--bg);
}

._saveButton_g5rxw_373 {
  background: var(--primary);
  color: white;
  /* match cancel's 1px border so heights are identical */
  border: 1px solid transparent;
}

._saveButton_g5rxw_373:hover {
  background: var(--primary-hover);
}

._saveButton_g5rxw_373:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._saveButton_g5rxw_373:disabled:hover {
  background: var(--primary);
}

/* Mobile-only layout polish for Edit Profile */
@media (max-width: 768px) {
  /* Container and header */
  ._editProfileRoot_g5rxw_471,
  ._editProfileContainer_g5rxw_1 {
    padding: 1rem;
  }
  ._header_g5rxw_15,
  ._title_g5rxw_481 {
    text-align: center;
  }
  ._avatarWrap_g5rxw_487,
  ._avatarSection_g5rxw_489 {
    display: flex;
    justify-content: center;
  }
  ._avatar_g5rxw_487,
  ._profileImage_g5rxw_123 {
    width: 96px;
    height: 96px;
  }

  /* Form layout */
  ._form_g5rxw_245,
  ._formBody_g5rxw_513 {
    display: grid;
    gap: 0.875rem;
    max-width: 640px;
    margin: 0 auto;
  }
  ._row_g5rxw_525,
  ._formRow_g5rxw_527 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  ._group_g5rxw_537,
  ._formGroup_g5rxw_279 {
    width: 100%;
  }

  /* Inputs/selects – same width/height and centered */
  ._input_g5rxw_549,
  ._textInput_g5rxw_551,
  ._select_g5rxw_553,
  ._selectInput_g5rxw_555,
  ._formGroup_g5rxw_279 input,
  ._formGroup_g5rxw_279 select {
    height: 48px;
    padding: 0.75rem 0.9rem;
    width: min(420px, calc(100% - 2rem));
    margin: 0 auto;
    box-sizing: border-box;
  }

  /* Website input-with-icon parity (if present) */
  ._inputWithIcon_g5rxw_577 {
    height: 48px;
    padding: 0.75rem 0.9rem;
    width: min(420px, calc(100% - 2rem));
    margin: 0 auto;
    box-sizing: border-box;
  }
  ._inputWithIcon_g5rxw_577 input {
    height: 100%;
  }

  /* Bio/textarea – roomier and centered */
  ._textarea_g5rxw_601,
  ._formGroup_g5rxw_279 textarea {
    width: min(560px, calc(100% - 1rem));
    margin: 0 auto;
    min-height: 140px;
    resize: vertical;
    box-sizing: border-box;
  }

  /* Actions – 2-up buttons, centered */
  ._actions_g5rxw_621,
  ._buttons_g5rxw_623,
  ._formActions_g5rxw_625 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    max-width: 420px;
    margin: 0.75rem auto 0;
  }
  ._saveButton_g5rxw_373,
  ._cancelButton_g5rxw_371,
  ._primaryButton_g5rxw_643,
  ._secondaryButton_g5rxw_645 {
    width: 100%;
    justify-content: center;
  }

  ._dangerZone_g5rxw_655 {
    margin-top: 1.25rem;
  }

  ._editProfileContainer_g5rxw_1 {
    padding: 1rem 0.75rem;
  }

  ._header_g5rxw_15 {
    justify-content: center;
    text-align: center;
  }

  ._editForm_g5rxw_79 {
    padding: 1rem;
  }

  /* Avatar block */
  ._imageSection_g5rxw_97 {
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
  }
  ._profileImage_g5rxw_123 {
    width: 96px;
    height: 96px;
    border-width: 3px;
  }
  ._imageOverlay_g5rxw_139 {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  /* Stack the two columns */
  ._formGrid_g5rxw_245 {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
  }

  ._formSection_g5rxw_259 h3 {
    margin-bottom: 0.75rem;
  }

  /* Inputs full-width and consistent height */
  ._formGroup_g5rxw_279 input,
  ._formGroup_g5rxw_279 select {
    min-height: 48px;
    width: 100%;
    box-sizing: border-box;
  }

  ._formGroup_g5rxw_279 textarea {
    min-height: 140px;
    width: 100%;
    box-sizing: border-box;
  }

  /* Actions centered; buttons full-width */
  ._actionButtons_g5rxw_355 {
    justify-content: center;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    padding-top: 1rem;
  }
  ._saveButton_g5rxw_373,
  ._cancelButton_g5rxw_371 {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  /* Narrow phones – tighten caps */
  ._input_g5rxw_549,
  ._textInput_g5rxw_551,
  ._select_g5rxw_553,
  ._selectInput_g5rxw_555,
  ._formGroup_g5rxw_279 input,
  ._formGroup_g5rxw_279 select,
  ._inputWithIcon_g5rxw_577 {
    width: min(360px, calc(100% - 2rem));
  }
  ._textarea_g5rxw_601,
  ._formGroup_g5rxw_279 textarea {
    width: calc(100% - 1rem);
  }

  /* Stack actions if space is tight */
  ._actions_g5rxw_621,
  ._buttons_g5rxw_623,
  ._formActions_g5rxw_625 {
    grid-template-columns: 1fr;
    max-width: 360px;
  }

  ._editForm_g5rxw_79 {
    padding: 0.75rem;
  }
  ._profileImage_g5rxw_123 {
    width: 88px;
    height: 88px;
  }
}
._marketplace_4vqor_1 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

._marketplaceHeader_4vqor_13 {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

._searchContainer_4vqor_29 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--card-bg);
}
._searchIcon_4vqor_47 {
  font-size: 1.1rem;
  color: var(--text-muted);
}
._searchInput_4vqor_55 {
  border: none;
  outline: none;
  background: transparent;
  color: var(--text);
}

._performanceInfo_4vqor_69 {
  margin-left: auto;
  color: var(--text-muted);
  font-size: 0.9rem;
}

._nftGrid_4vqor_81 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
}

._nftCard_4vqor_93 {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

._nftCard_4vqor_93:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}

._imageContainer_4vqor_119 {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}

._imageContainer_4vqor_119 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._imagePlaceholder_4vqor_145 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--input-bg);
}

._loadingSpinner_4vqor_163 {
  width: 20px;
  height: 20px;
  border: 2px solid #e5e7eb;
  border-top: 2px solid var(--primary);
  border-radius: 50%;
  animation: _spin_4vqor_1 1s linear infinite;
}

@keyframes _spin_4vqor_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

._likeButton_4vqor_199 {
  position: absolute;
  top: 8px;
  right: 8px;
}

._cardContent_4vqor_211 {
  padding: 0.75rem 1rem 1rem;
}

._nftName_4vqor_219 {
  font-weight: 600;
  margin: 0 0 0.25rem 0;
}

._collectionName_4vqor_229 {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.9rem;
  cursor: pointer;
}

._priceInfo_4vqor_243 {
  margin-top: 0.5rem;
}

._priceLabel_4vqor_251 {
  color: var(--text-muted);
  font-size: 0.9rem;
}
._price_4vqor_243 {
  font-weight: 700;
  margin-left: 0.35rem;
}
._notForSale_4vqor_267 {
  color: var(--text-muted);
  font-size: 0.9rem;
}

._loadingSkeleton_4vqor_277 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
}

._skeletonCard_4vqor_289 {
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
}

._skeletonImage_4vqor_301 {
  height: 200px;
  background: linear-gradient(90deg, #111 25%, #1b1b1b 37%, #111 63%);
  background-size: 400% 100%;
  animation: _shimmer_4vqor_1 1.4s ease infinite;
}

._skeletonContent_4vqor_315 {
  padding: 0.75rem;
}
._skeletonTitle_4vqor_321 {
  height: 14px;
  width: 60%;
  background: #1b1b1b;
  border-radius: 6px;
  margin-bottom: 8px;
}
._skeletonSubtitle_4vqor_335 {
  height: 12px;
  width: 40%;
  background: #1b1b1b;
  border-radius: 6px;
  margin-bottom: 6px;
}
._skeletonPrice_4vqor_349 {
  height: 12px;
  width: 30%;
  background: #1b1b1b;
  border-radius: 6px;
}

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

._emptyState_4vqor_381 {
  text-align: center;
  color: var(--text-muted);
  padding: 2rem;
}

._loadMoreContainer_4vqor_393 {
  display: flex;
  justify-content: center;
  margin: 1rem 0 2rem;
}
._loadMoreButton_4vqor_403 {
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 0.7rem 1.1rem;
  font-weight: 600;
  cursor: pointer;
}

._errorMessage_4vqor_423 {
  text-align: center;
  color: #dc2626;
  margin: 1rem 0;
}
._retryButton_4vqor_433 {
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 0.6rem 1rem;
  cursor: pointer;
}

@media (max-width: 768px) {
  ._nftGrid_4vqor_81 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  ._nftGrid_4vqor_81 {
    grid-template-columns: 1fr;
  }
}
._page_tl63v_1 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
  color: var(--text);
}

/* Marketplace can opt into full-width desktop layout */
._pageWide_tl63v_17 {
  max-width: none;
}

/* Marketplace (wide) tuning: smaller cards, more image */
._pageWide_tl63v_17 ._cardImage_tl63v_27 {
  height: auto;
  aspect-ratio: 1 / 1;
}

._pageWide_tl63v_17 ._cardImageBanner_tl63v_37 {
  height: auto;
  aspect-ratio: 1370 / 420;
}

._pageWide_tl63v_17 ._cardImageSquare_tl63v_47 {
  height: auto;
  aspect-ratio: 1 / 1;
}

._pageWide_tl63v_17 ._cardBody_tl63v_57 {
  padding: 0.65rem;
  gap: 0.4rem;
}

._pageWide_tl63v_17 ._productActions_tl63v_67 {
  margin-top: 0.35rem;
}

._pageWide_tl63v_17 ._primaryBtn_tl63v_75,
._pageWide_tl63v_17 ._secondaryBtn_tl63v_77 {
  padding: 0.5rem 0.65rem;
  border-radius: 10px;
}

._pageWide_tl63v_17 ._productName_tl63v_87 {
  font-size: 0.95rem;
}

._pageWide_tl63v_17 ._productCollection_tl63v_95 {
  font-size: 0.8rem;
}

._pageWide_tl63v_17 ._priceLabel_tl63v_103 {
  font-size: 0.7rem;
}

._pageWide_tl63v_17 ._priceValue_tl63v_111 {
  font-size: 0.95rem;
}

._pageWide_tl63v_17 ._subRow_tl63v_119 {
  font-size: 0.8rem;
}

/* ===== Shop layout (Marketplace + Favorites) ===== */
._shopLayout_tl63v_129 {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 1rem;
  align-items: start;
}

._shopLayoutCollapsed_tl63v_143 {
  grid-template-columns: 76px 1fr;
}

._sidebar_tl63v_151 {
  position: sticky;
  top: 1rem;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow);
  padding: 1rem;
  display: flex;
  flex-direction: column;
}

._sidebarCollapsed_tl63v_175 {
  padding: 0.6rem;
}

._collapseBtn_tl63v_183 {
  border: 1px solid var(--border);
  background: var(--input-bg);
  color: var(--text);
  border-radius: 8px;
  padding: 0.35rem 0.55rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._sidebarIcons_tl63v_207 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.25rem 0;
}

._sidebarIconBtn_tl63v_221 {
  border: 1px solid var(--border);
  background: var(--input-bg);
  color: var(--text);
  border-radius: 10px;
  padding: 0.6rem 0.5rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

._sidebarFooter_tl63v_247 {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--border);
  color: var(--text-muted);
  font-size: 0.8rem;
  text-align: center;
}

._sidebarHeader_tl63v_265 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

._sidebarHeaderRight_tl63v_281 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._mobileFilterToggle_tl63v_293 {
  display: none;
  border: 1px solid var(--border);
  background: var(--input-bg);
  color: var(--text);
  border-radius: 8px;
  padding: 0.4rem 0.65rem;
  cursor: pointer;
  white-space: nowrap;
}

._filtersBodyClosed_tl63v_315 {
  display: none;
}

._filtersBody_tl63v_315 {
  display: block;
}

._sidebarTitle_tl63v_331 {
  font-weight: 700;
  margin: 0;
}

._clearBtn_tl63v_341 {
  border: 1px solid var(--border);
  background: var(--input-bg);
  color: var(--text);
  border-radius: 8px;
  padding: 0.4rem 0.65rem;
  cursor: pointer;
  white-space: nowrap;
}

._filterGroup_tl63v_361 {
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  border-top: 1px solid var(--border);
}

._filterLabel_tl63v_373 {
  display: block;
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-bottom: 0.4rem;
}

._filterSelect_tl63v_387,
._filterInput_tl63v_389 {
  width: 100%;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--input-bg);
  color: var(--text);
  outline: none;
}

._filterRow_tl63v_409 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

._filterChecks_tl63v_421 {
  display: grid;
  gap: 0.5rem;
}

._main_tl63v_431 {
  min-width: 0;
}

._resultsHeader_tl63v_439 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-start;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow);
  padding: 0.85rem 1rem;
  margin-bottom: 1rem;
}

._resultsLeft_tl63v_467 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

._resultsTitle_tl63v_479 {
  font-weight: 700;
  margin: 0;
}

._resultsSub_tl63v_489 {
  color: var(--text-muted);
  font-size: 0.9rem;
}

._resultsRight_tl63v_499 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._sortInline_tl63v_511 {
  min-width: 190px;
}

._shopGrid_tl63v_519 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

._cardImage_tl63v_27 {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: hidden;
}

/* Collections image variants (override fixed height) */
._cardImageBanner_tl63v_37 {
  height: auto;
  aspect-ratio: 1370 / 420;
}

._cardImageSquare_tl63v_47 {
  height: auto;
  aspect-ratio: 1 / 1;
}

._cardImageBanner_tl63v_37 {
  height: auto;
  aspect-ratio: 1370 / 420;
}

._cardImageSquare_tl63v_47 {
  height: auto;
  aspect-ratio: 1 / 1;
}

._productMeta_tl63v_587 {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: baseline;
}

._productLeft_tl63v_601 {
  min-width: 0;
}

._productName_tl63v_87 {
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._productCollection_tl63v_95 {
  color: var(--text-muted);
  font-size: 0.85rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._priceBlock_tl63v_639 {
  text-align: right;
  white-space: nowrap;
}

._priceLabel_tl63v_103 {
  color: var(--text-muted);
  font-size: 0.75rem;
}

._priceValue_tl63v_111 {
  font-weight: 800;
}

._subRow_tl63v_119 {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
  color: var(--text-muted);
  font-size: 0.85rem;
}

._presaleSubRow_tl63v_685 {
  flex-wrap: wrap;
}

._presaleCreator_tl63v_693,
._presalePayment_tl63v_695 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._presalePayment_tl63v_695 {
  flex: 1 1 100%;
}

@media (max-width: 480px) {
  ._presaleCollection_tl63v_719 {
    display: none;
  }

  ._presalePayment_tl63v_695 {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    word-break: break-word;
  }
}

._pill_tl63v_743 {
  border: 1px solid var(--border);
  background: var(--input-bg);
  color: var(--text);
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 700;
}

._productActions_tl63v_67 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.5rem;
}

._loadMoreRow_tl63v_777 {
  display: flex;
  justify-content: center;
  margin: 1.25rem 0;
}

._loadMoreBtn_tl63v_789 {
  border: 1px solid var(--border);
  background: var(--input-bg);
  color: var(--text);
  border-radius: 10px;
  padding: 0.7rem 1rem;
  cursor: pointer;
}

@media (max-width: 1100px) {
  ._shopGrid_tl63v_519 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Use extra space on large screens (Marketplace only) */
@media (min-width: 1350px) {
  ._pageWide_tl63v_17 ._shopGrid_tl63v_519 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1700px) {
  ._pageWide_tl63v_17 ._shopGrid_tl63v_519 {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 900px) {
  ._shopLayout_tl63v_129 {
    grid-template-columns: 1fr;
  }
  ._sidebar_tl63v_151 {
    position: static;
  }

  ._mobileFilterToggle_tl63v_293 {
    display: inline-flex;
  }
}

@media (max-width: 560px) {
  ._shopGrid_tl63v_519 {
    grid-template-columns: repeat(2, 1fr);
  }
  ._resultsRight_tl63v_499 {
    width: 100%;
    justify-content: space-between;
  }
  ._sortInline_tl63v_511 {
    min-width: 0;
    width: 100%;
  }
}
._header_tl63v_897 {
  margin-bottom: 1rem;
}
._title_tl63v_903 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}
._subtitle_tl63v_913 {
  margin: 0.25rem 0 0;
  color: var(--text-muted);
}

._searchBar_tl63v_923 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  box-shadow: var(--shadow);
}
._searchIcon_tl63v_947 {
  font-size: 1.25rem;
  color: var(--text-muted);
}
._searchInput_tl63v_955 {
  flex: 1;
  border: none;
  background: transparent;
  color: var(--text);
  font-size: 1rem;
  outline: none;
}
._filterToggle_tl63v_971 {
  border: 1px solid var(--border);
  background: var(--input-bg);
  color: var(--text);
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}
._helper_tl63v_987 {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 0.5rem;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow-strong);
  z-index: 50;
}
._helperHeader_tl63v_1011 {
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border);
}
._helper_tl63v_987 ul {
  list-style: none;
  margin: 0;
  padding: 0.25rem;
}
._helper_tl63v_987 li {
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-radius: 8px;
}
._helper_tl63v_987 li:hover {
  background: var(--input-bg);
}

._filters_tl63v_315 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: center;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1rem;
  margin-bottom: 1.25rem;
}
._check_tl63v_1071 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._priceRange_tl63v_1081 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._priceRange_tl63v_1081 input {
  width: 110px;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--input-bg);
  color: var(--text);
}
._sort_tl63v_511 {
  margin-left: auto;
  min-width: 180px;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--input-bg);
  color: var(--text);
}

._grid_tl63v_1127 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
}
._rowGrid_tl63v_1137 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
._section_tl63v_1147 {
  margin: 1.25rem 0;
}
._sectionTitle_tl63v_1153 {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

._tabs_tl63v_1165 {
  display: flex;
  gap: 0.5rem;
  margin: 0.5rem 0 1rem;
}
._tabBtn_tl63v_1175 {
  border: 1px solid var(--border);
  background: var(--input-bg);
  color: var(--text);
  border-radius: 999px;
  padding: 0.4rem 0.9rem;
  cursor: pointer;
}
._tabBtnActive_tl63v_1191 {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

._suggestWrap_tl63v_1203 {
  position: relative;
}
._suggestList_tl63v_1209 {
  position: absolute;
  z-index: 20;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow);
}
._suggestItem_tl63v_1233 {
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  color: var(--text);
  padding: 0.55rem 0.75rem;
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  cursor: pointer;
}
._suggestItem_tl63v_1233:hover {
  background: var(--input-bg);
}
._suggestName_tl63v_1263 {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._suggestAddr_tl63v_1275 {
  color: var(--text-muted);
  font-size: 0.85rem;
  white-space: nowrap;
}
._card_tl63v_27 {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
._card_tl63v_27:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}
._cardImage_tl63v_27 {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: hidden;
}
._cardImage_tl63v_27 > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._badge_tl63v_1333 {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #f59e0b;
  color: #111;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 700;
}
._badgeSale_tl63v_1355 {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #10b981;
  color: white;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 700;
}
._cardBody_tl63v_57 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Profile snippet text styles */
._userMeta_tl63v_1393 {
  display: flex;
  gap: 0.5rem 1rem;
  flex-wrap: wrap;
  color: var(--text-muted);
  font-size: 0.85rem;
}
._userLine_tl63v_1407 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._userBio_tl63v_1417 {
  color: var(--text);
  font-size: 0.9rem;
  line-height: 1.4;
  max-height: 3.6em; /* ~2 lines */
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
._flipFront_tl63v_1439 ._cardBody_tl63v_57,
._flipBack_tl63v_1441 ._cardBody_tl63v_57 {
  /* ensure consistent vertical layout so buttons align across cards */
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
._flipFront_tl63v_1439 ._userMeta_tl63v_1393 {
  margin-bottom: 0.25rem;
}
._flipFront_tl63v_1439 ._cardTitle_tl63v_1459 {
  margin-bottom: 0.25rem;
}
._flipFront_tl63v_1439 ._cardActions_tl63v_1465,
._flipBack_tl63v_1441 ._cardActions_tl63v_1465 {
  margin-top: auto; /* pin buttons to bottom on both sides */
}
._cardTitleCompact_tl63v_1473 {
  font-size: 0.95rem; /* slightly smaller when content is dense */
}
._cardTitle_tl63v_1459 {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._cardMeta_tl63v_1491 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-muted);
  font-size: 0.9rem;
}
._collection_tl63v_1505 {
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._price_tl63v_103 {
  font-weight: 700;
  color: var(--text);
}
._cardActions_tl63v_1465 {
  display: flex;
  gap: 0.5rem;
  margin-top: auto; /* pin buttons to bottom for consistent height */
}
._ownerRow_tl63v_1535 {
  font-size: 0.85rem;
  color: var(--text-muted);
}
._collectionDescription_tl63v_1543 {
  font-size: 0.85rem;
  color: var(--text-muted);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._primaryBtn_tl63v_75 {
  flex: 1;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 8px;
  padding: 0.6rem 0.75rem;
  cursor: pointer;
}
._secondaryBtn_tl63v_77 {
  flex: 1;
  background: transparent;
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 0.6rem 0.75rem;
  cursor: pointer;
}

/* Flip card container layered inside scroller card */
._flipCard_tl63v_1601 {
  perspective: 1000px;
  height: 320px; /* match viewMoreCard height for uniform row */
}
._flipInner_tl63v_1609 {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
}
._flipActive_tl63v_1623 ._flipInner_tl63v_1609 {
  transform: rotateY(180deg);
}
._flipFront_tl63v_1439,
._flipBack_tl63v_1441 {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: flex;
  flex-direction: column;
}
._flipFront_tl63v_1439 {
  /* front face */
  contain: content;
}
._flipBack_tl63v_1441 {
  background: var(--card-bg);
  transform: rotateY(180deg);
  padding: 1rem;
}

/* Ensure inner content area alignment for flip cards */
._flipCard_tl63v_1601 ._cardBody_tl63v_57 {
  min-height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Back side specifics: fill available height and pin actions to bottom */
._flipBack_tl63v_1441 ._cardBody_tl63v_57 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
._flipBack_tl63v_1441 ._cardTitle_tl63v_1459 {
  margin-bottom: 0.25rem;
}
._flipBack_tl63v_1441 ._userBio_tl63v_1417 {
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
._flipBack_tl63v_1441 ._cardActions_tl63v_1465 {
  margin-top: auto;
}

/* Mini stats on card back */
._statsMiniGrid_tl63v_1719 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  margin-top: 0.4rem;
}
._statMini_tl63v_1731 {
  background: var(--input-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 0.4rem;
  text-align: center;
}
._statMiniValue_tl63v_1745 {
  font-weight: 700;
  color: var(--text);
}
._statMiniLabel_tl63v_1753 {
  font-size: 0.75rem;
  color: var(--text-muted);
}

/* Ensure consistent body height for user scroller cards */
._userCardBody_tl63v_1765 {
  display: flex;
  flex-direction: column;
  min-height: 240px; /* ensure consistent total height so buttons align */
}

/* Fixed-height rows to normalize layout when data is missing */
._userMetaFixed_tl63v_1779 {
  min-height: 1.2em; /* reserve one line even if joined is missing */
}
._userBioFixed_tl63v_1785 {
  font-size: 0.83rem; /* slightly smaller for contrast */
  color: var(--text-muted);
  font-style: italic; /* differentiate from other text */
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 2.6em;
  min-height: 2.6em; /* reserve two lines even if bio is missing */
}

/* Collection stats mini column (used in collection cards) */
._collectionStatsMini_tl63v_1815 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.4rem;
}
._collectionStat_tl63v_1815 {
  padding: 0; /* no border, clean rows */
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}
._collectionStatValue_tl63v_1839 {
  font-weight: 700;
  color: var(--text);
  font-size: 0.9rem;
}
._collectionStatLabel_tl63v_1849 {
  font-size: 0.7rem;
  color: var(--text-muted);
}

/* Aligned label:value list for collection stats */
._collectionStatsList_tl63v_1861 {
  display: grid;
  grid-template-columns: 110px 1fr; /* align numeric values */
  row-gap: 0.25rem;
  column-gap: 0.5rem;
  margin-top: 0.4rem;
}
._collectionStatLabelText_tl63v_1875 {
  font-size: 0.8rem;
  color: var(--text-muted);
}
._collectionStatValueText_tl63v_1883 {
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--text);
}

/* Ensure consistent body height for collection scroller cards */
._collectionCardBody_tl63v_1897 {
  display: flex;
  flex-direction: column;
  min-height: 180px;
}

._state_tl63v_1909 {
  padding: 2rem;
  text-align: center;
  color: var(--text-muted);
}
._stateError_tl63v_1919 {
  padding: 2rem;
  text-align: center;
  color: #dc2626;
}

._loadMoreWrap_tl63v_1931 {
  display: flex;
  justify-content: center;
  margin: 1rem 0 2rem;
}
._rowMoreWrap_tl63v_1941 {
  display: flex;
  justify-content: center;
  margin-top: 0.75rem;
}
._loadMoreBtn_tl63v_789 {
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 0.75rem 1.25rem;
  font-weight: 600;
  cursor: pointer;
}

@media (max-width: 768px) {
  ._page_tl63v_1 {
    padding: 1rem;
  }
  ._title_tl63v_903 {
    font-size: 1.5rem;
  }
  ._searchBar_tl63v_923 {
    padding: 0.6rem 0.75rem;
  }
  ._filters_tl63v_315 {
    gap: 0.5rem 0.75rem;
  }
  ._priceRange_tl63v_1081 input {
    width: 90px;
  }
  ._grid_tl63v_1127 {
    grid-template-columns: 1fr 1fr;
  }
  ._rowGrid_tl63v_1137 {
    grid-template-columns: 1fr 1fr;
  }
  /* Mobile-only: normalize card heights and pin actions to the bottom */
  ._card_tl63v_27 {
    /* keep cards visually consistent per row on mobile */
    display: flex;
    flex-direction: column;
  }
  ._cardBody_tl63v_57 {
    /* ensure enough space so buttons align, and push actions to bottom */
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
  }
  ._userBio_tl63v_1417 {
    max-height: 4.2em; /* allow up to 3 lines on mobile */
    line-clamp: 3;
    -webkit-line-clamp: 3;
  }
  ._ownerRow_tl63v_1535 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  ._primaryBtn_tl63v_75,
  ._secondaryBtn_tl63v_77 {
    min-height: 40px; /* stable button size */
  }
  ._cardActions_tl63v_1465 {
    margin-top: 0; /* allow space-between to place at bottom */
  }

  ._statsMiniGrid_tl63v_1719 {
    grid-template-columns: repeat(2, 1fr);
  }
  /* vertical layout already applies on mobile */
}

@media (max-width: 768px) {
  ._flipCard_tl63v_1601 {
    height: 340px; /* taller on mobile to fit stats and buttons */
  }
}
@media (max-width: 480px) {
  ._grid_tl63v_1127 {
    grid-template-columns: 1fr;
  }
  ._rowGrid_tl63v_1137 {
    grid-template-columns: 1fr 1fr; /* two columns on small phones */
    gap: 0.5rem; /* tighter gap to fit */
  }
  ._flipCard_tl63v_1601 {
    height: 380px; /* extra height for small phones */
  }
}
/* Mobile responsiveness */
._moderationDashboard_agrfb_3 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

@media (max-width: 768px) {
  ._moderationDashboard_agrfb_3 {
    padding: 1rem;
  }
  ._tabHeaders_agrfb_23 {
    flex-wrap: wrap;
  }
  ._tabHeader_agrfb_23 {
    padding: 0.75rem;
    font-size: 0.9rem;
  }
  ._tabContent_agrfb_37 {
    padding: 1rem;
  }
  ._reportHeader_agrfb_43 {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
  }
  ._reportActions_agrfb_53 {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}

._loadingContainer_agrfb_65 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  gap: 1rem;
}

._spinner_agrfb_83 {
  width: 40px;
  height: 40px;
  border: 4px solid var(--border);
  border-top: 4px solid var(--primary);
  border-radius: 50%;
  animation: _spin_agrfb_83 1s linear infinite;
}

@keyframes _spin_agrfb_83 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

._header_agrfb_119 {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border);
}

._header_agrfb_119 h1 {
  color: var(--text);
  margin-bottom: 0.5rem;
}

._header_agrfb_119 p {
  color: var(--text-muted);
  font-size: 1.1rem;
}

._tabsContainer_agrfb_151 {
  background: var(--card-bg);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px var(--shadow);
}

._tabHeaders_agrfb_23 {
  display: flex;
  background: var(--vote-btn-bg);
  border-bottom: 1px solid var(--border);
}

._tabHeader_agrfb_23 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  font-weight: 600;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
}

._tabHeader_agrfb_23:hover {
  color: var(--text);
  background: var(--border);
}

._tabHeader_agrfb_23._active_agrfb_219 {
  color: var(--primary);
  border-bottom-color: var(--primary);
  background: var(--card-bg);
}

._tabContent_agrfb_37 {
  padding: 2rem;
  min-height: 500px;
}

._emptyState_agrfb_241 {
  text-align: center;
  padding: 3rem;
  color: var(--text-muted);
}

/* Reports Styles */
._reportsList_agrfb_255 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._reportCard_agrfb_267 {
  background: var(--vote-btn-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.3s ease;
}

._reportCard_agrfb_267:hover {
  border-color: var(--primary);
  transform: translateY(-2px);
}

._reportCard_agrfb_267._reviewed_agrfb_293 {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}

._reportHeader_agrfb_43 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

._reportType_agrfb_317 {
  background: var(--primary);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
}

._reportReason_agrfb_335 {
  background: #ef4444;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  text-transform: capitalize;
}

._reportContent_agrfb_353 {
  color: var(--text-muted);
  margin-bottom: 1.5rem;
}

._reportContent_agrfb_353 p {
  margin-bottom: 0.5rem;
}

._reportStatus_agrfb_371 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._statusBadge_agrfb_383 {
  background: #10b981;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  width: fit-content;
}

._reviewedBy_agrfb_401,
._reviewedAt_agrfb_403 {
  font-size: 0.9rem;
  color: var(--text-muted);
}

._reportActions_agrfb_53 {
  display: flex;
  gap: 1rem;
}

._approveButton_agrfb_423,
._banButton_agrfb_425,
._dismissButton_agrfb_427 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}

._approveButton_agrfb_423 {
  background: #10b981;
  color: white;
}

._approveButton_agrfb_423:hover:not(:disabled) {
  background: #059669;
}

._banButton_agrfb_425 {
  background: #ef4444;
  color: white;
}

._banButton_agrfb_425:hover:not(:disabled) {
  background: #dc2626;
}

._dismissButton_agrfb_427 {
  background: var(--vote-btn-bg);
  color: var(--text);
  border: 1px solid var(--border);
}

._dismissButton_agrfb_427:hover:not(:disabled) {
  background: var(--border);
}

._approveButton_agrfb_423:disabled,
._banButton_agrfb_425:disabled,
._dismissButton_agrfb_427:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._bannedActions_agrfb_521 {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
}

/* Banned Content Styles */
._bannedList_agrfb_535 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._bannedCard_agrfb_547 {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 12px;
  padding: 1.5rem;
}

._bannedHeader_agrfb_561 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

._bannedType_agrfb_575 {
  background: #ef4444;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
}

._bannedId_agrfb_593 {
  font-family: "Courier New", monospace;
  font-size: 0.9rem;
  color: var(--text-muted);
}

._bannedContent_agrfb_605 {
  color: var(--text-muted);
}

._bannedContent_agrfb_605 p {
  margin-bottom: 0.5rem;
}

/* Moderators Styles */
._addModeratorForm_agrfb_623 {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: var(--vote-btn-bg);
  border-radius: 12px;
  border: 1px solid var(--border);
}

._addModeratorForm_agrfb_623 h3 {
  color: var(--text);
  margin-bottom: 1rem;
}

._inputGroup_agrfb_649 {
  display: flex;
  gap: 1rem;
}

._inputGroup_agrfb_649 input {
  flex: 1;
  padding: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--card-bg);
  color: var(--text);
}

._inputGroup_agrfb_649 input:focus {
  outline: none;
  border-color: var(--primary);
}

._inputGroup_agrfb_649 button {
  padding: 0.75rem 1.5rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}

._inputGroup_agrfb_649 button:hover:not(:disabled) {
  background: var(--primary-hover);
}

._inputGroup_agrfb_649 button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._moderatorsList_agrfb_727 h3 {
  color: var(--text);
  margin-bottom: 1rem;
}

._moderatorCard_agrfb_737 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1rem;
}

._moderatorInfo_agrfb_759 {
  color: var(--text-muted);
}

._moderatorInfo_agrfb_759 p {
  margin-bottom: 0.25rem;
}

._removeButton_agrfb_775 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #ef4444;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}

._removeButton_agrfb_775:hover:not(:disabled) {
  background: #dc2626;
}

._removeButton_agrfb_775:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Filter Buttons */
._filterButtons_agrfb_823 {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: var(--vote-btn-bg);
  border-radius: 12px;
  border: 1px solid var(--border);
}

._filterButton_agrfb_823 {
  padding: 0.5rem 1rem;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text);
  cursor: pointer;
  transition: all 0.3s ease;
}

._filterButton_agrfb_823:hover {
  background: var(--border);
}

._filterButton_agrfb_823._active_agrfb_219 {
  background: var(--primary);
  color: white;
  border-color: var(--primary);
}

/* NFT Details Styles */
._nftDetails_agrfb_885 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}

._nftImage_agrfb_899 {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--border);
}

/* Comment Details Styles */
._commentDetails_agrfb_917,
._bannedCommentDetails_agrfb_919 {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 1rem;
  margin: 1rem 0;
}

._commentHeader_agrfb_935 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

._userAvatar_agrfb_949 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--border);
}

._commentMeta_agrfb_965 p {
  margin: 0.25rem 0;
  font-size: 0.9rem;
  color: var(--text-muted);
}

._commentContentBox_agrfb_977,
._bannedCommentText_agrfb_979 {
  background: var(--vote-btn-bg);
  border-left: 4px solid var(--primary);
  padding: 1rem;
  border-radius: 6px;
  margin: 1rem 0;
}

._commentText_agrfb_995,
._commentContent_agrfb_977 {
  background: rgba(239, 68, 68, 0.05);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 6px;
  padding: 0.75rem;
  margin-top: 0.5rem;
  font-style: italic;
  color: var(--text);
  word-wrap: break-word;
  white-space: pre-wrap;
}

._userDetails_agrfb_1021 {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 1rem;
  margin: 1rem 0;
}

._bannedNftDetails_agrfb_1043 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0;
}

/* Moderator Name Styling */
._bannedByInfo_agrfb_1059,
._reviewedBy_agrfb_401 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._moderatorName_agrfb_1075,
._reviewerName_agrfb_1077 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary);
  font-weight: 600;
}

._roleTag_agrfb_1093 {
  background: var(--primary);
  color: white;
  padding: 0.125rem 0.5rem;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 0.25rem;
}

._addressOnly_agrfb_1115 {
  font-family: "Courier New", monospace;
  color: var(--text-muted);
  font-size: 0.9rem;
}

/* Special styling for admin role */
._roleTag_agrfb_1093:has-text("admin") {
  background: #ef4444;
}

/* Alternative approach for admin styling */
._moderatorName_agrfb_1075:has(._roleTag_agrfb_1093:contains("admin")) ._roleTag_agrfb_1093,
._reviewerName_agrfb_1077:has(._roleTag_agrfb_1093:contains("admin")) ._roleTag_agrfb_1093 {
  background: #ef4444;
}

/* Collection Details Styles */
._collectionDetails_agrfb_1151 {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 1rem;
  margin: 1rem 0;
}

._collectionHeader_agrfb_1167 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

._collectionImage_agrfb_1181 {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  object-fit: cover;
  border: 2px solid var(--border);
}

._collectionMeta_agrfb_1197 {
  flex: 1;
}

._collectionMeta_agrfb_1197 p {
  margin: 0.25rem 0;
  font-size: 0.9rem;
}

._collectionDescription_agrfb_1215 {
  background: var(--vote-btn-bg);
  border-left: 4px solid var(--primary);
  padding: 1rem;
  border-radius: 6px;
  margin-top: 1rem;
}

._collectionDescription_agrfb_1215 p {
  margin: 0;
  font-style: italic;
  color: var(--text-muted);
}

/* Update ban button for collections */
._banButton_agrfb_425:disabled[title*="administrator"] {
  background: #6b7280;
  color: #9ca3af;
  cursor: not-allowed;
}

._banButton_agrfb_425:disabled[title*="administrator"]:hover {
  background: #6b7280;
  transform: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  ._moderationDashboard_agrfb_3 {
    padding: 1rem;
  }

  ._tabHeaders_agrfb_23 {
    flex-direction: column;
  }

  ._reportActions_agrfb_53 {
    flex-direction: column;
  }

  ._moderatorCard_agrfb_737 {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }

  ._inputGroup_agrfb_649 {
    flex-direction: column;
  }

  ._commentHeader_agrfb_935 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  ._userAvatar_agrfb_949 {
    width: 32px;
    height: 32px;
  }

  ._userDetails_agrfb_1021,
  ._bannedNftDetails_agrfb_1043 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._bannedByInfo_agrfb_1059,
  ._reviewedBy_agrfb_401 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  ._roleTag_agrfb_1093 {
    margin-left: 0;
    margin-top: 0.25rem;
  }

  ._collectionHeader_agrfb_1167 {
    flex-direction: column;
    align-items: center;
  }

  ._collectionImage_agrfb_1181 {
    width: 60px;
    height: 60px;
  }
}
._adminDashboard_9yzsm_1 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
  min-height: 100vh;
}

/* Loading */
._loadingContainer_9yzsm_17 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  gap: 1rem;
}

._spinner_9yzsm_35 {
  width: 40px;
  height: 40px;
  border: 4px solid var(--border);
  border-top: 4px solid var(--primary);
  border-radius: 50%;
  animation: _spin_9yzsm_35 1s linear infinite;
}

@keyframes _spin_9yzsm_35 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Header */
._header_9yzsm_73 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding: 2rem;
  background: var(--card-bg);
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

._titleSection_9yzsm_97 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._crownIcon_9yzsm_109 {
  font-size: 2.5rem;
  color: #fbbf24;
}

._header_9yzsm_73 h1 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text);
  margin: 0;
}

._header_9yzsm_73 p {
  color: var(--text-muted);
  margin: 0.5rem 0 0 0;
  font-size: 1rem;
}

._adminInfo_9yzsm_145 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._adminBadge_9yzsm_157 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 12px;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Tabs */
._tabsContainer_9yzsm_183 {
  background: var(--card-bg);
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  overflow: hidden;
}

._tabHeaders_9yzsm_199 {
  display: flex;
  background: var(--vote-btn-bg);
  border-bottom: 1px solid var(--border);
}

._tabHeader_9yzsm_199 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1.25rem;
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  font-weight: 600;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  font-size: 0.95rem;
}

._tabHeader_9yzsm_199:hover {
  color: var(--text);
  background: var(--border);
}

._tabHeader_9yzsm_199._active_9yzsm_255 {
  color: var(--primary);
  border-bottom-color: var(--primary);
  background: var(--card-bg);
}

._tabContent_9yzsm_267 {
  padding: 2rem;
  min-height: 600px;
}

/* Section Headers */
._sectionHeader_9yzsm_279 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}

._sectionHeader_9yzsm_279 h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text);
  margin: 0;
}

/* Buttons */
._addButton_9yzsm_309,
._reloadButton_9yzsm_311,
._pauseButton_9yzsm_313,
._unpauseButton_9yzsm_315 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

._addButton_9yzsm_309 {
  background: var(--primary);
  color: white;
}

._addButton_9yzsm_309:hover {
  background: var(--primary-hover);
}

._reloadButton_9yzsm_311 {
  background: var(--vote-btn-bg);
  color: var(--text);
  border: 1px solid var(--border);
}

._reloadButton_9yzsm_311:hover {
  background: var(--border);
}

._pauseButton_9yzsm_313._pause_9yzsm_313 {
  background: #ef4444;
  color: white;
}

._pauseButton_9yzsm_313._unpause_9yzsm_315 {
  background: #10b981;
  color: white;
}

._pauseButton_9yzsm_313:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* Moderators Tab */
._moderatorsTab_9yzsm_409 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

._moderatorsList_9yzsm_421 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._moderatorCard_9yzsm_433 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--vote-btn-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.3s ease;
}

._moderatorCard_9yzsm_433:hover {
  border-color: var(--primary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}

._moderatorInfo_9yzsm_467 {
  flex: 1;
}

._moderatorHeader_9yzsm_475 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

._moderatorHeader_9yzsm_475 h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text);
  margin: 0;
}

._roleBadge_9yzsm_503 {
  background: var(--primary);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

._moderatorAddress_9yzsm_523 {
  font-family: "Courier New", monospace;
  color: var(--text-muted);
  font-size: 0.9rem;
  margin: 0.25rem 0;
}

._permissions_9yzsm_537 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}

._permissionTag_9yzsm_553 {
  background: rgba(59, 130, 246, 0.1);
  color: var(--primary);
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: capitalize;
}

._moderatorDate_9yzsm_573 {
  color: var(--text-muted);
  font-size: 0.85rem;
  margin: 0.5rem 0 0 0;
}

._moderatorActions_9yzsm_585 {
  display: flex;
  gap: 0.5rem;
}

._editButton_9yzsm_595,
._removeButton_9yzsm_597 {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

._editButton_9yzsm_595 {
  background: var(--vote-btn-bg);
  color: var(--text);
  border: 1px solid var(--border);
}

._editButton_9yzsm_595:hover {
  background: var(--primary);
  color: white;
}

._removeButton_9yzsm_597 {
  background: #ef4444;
  color: white;
}

._removeButton_9yzsm_597:hover {
  background: #dc2626;
}

/* Contract Tab */
._contractTab_9yzsm_663 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

._contractStatus_9yzsm_675 {
  background: var(--vote-btn-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1.5rem;
}

._contractStatus_9yzsm_675 h3 {
  color: var(--text);
  margin: 0 0 1rem 0;
}

._statusCard_9yzsm_699 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

._statusItem_9yzsm_713 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._statusBadge_9yzsm_725 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: 600;
  background: var(--primary);
  color: white;
}

._settingsSection_9yzsm_747 {
  background: var(--vote-btn-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1.5rem;
}

._settingsSection_9yzsm_747 h3 {
  color: var(--text);
  margin: 0 0 1.5rem 0;
}

._settingsGrid_9yzsm_771 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}

._settingCard_9yzsm_783 {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 1.5rem;
}

._settingCard_9yzsm_783 label {
  display: block;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 0.5rem;
}

._inputGroup_9yzsm_811 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

._inputGroup_9yzsm_811 input {
  flex: 1;
  padding: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--card-bg);
  color: var(--text);
}

._inputGroup_9yzsm_811 button {
  padding: 0.75rem 1rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
}

._inputGroup_9yzsm_811 button:hover {
  background: var(--primary-hover);
}

._settingCard_9yzsm_783 small {
  color: var(--text-muted);
  font-size: 0.85rem;
}

/* Token Management */
._addTokenCard_9yzsm_881 {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

._addTokenCard_9yzsm_881 h4 {
  color: var(--text);
  margin: 0 0 1rem 0;
}

._tokenInputGroup_9yzsm_907 {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 0.5rem;
  align-items: center;
}

._tokenInputGroup_9yzsm_907 input {
  padding: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--card-bg);
  color: var(--text);
}

._tokenInputGroup_9yzsm_907 select {
  padding: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--card-bg);
  color: var(--text);
  cursor: pointer;
}

._tokenInputGroup_9yzsm_907 button {
  padding: 0.75rem 1rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  white-space: nowrap;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  ._adminDashboard_9yzsm_1 {
    padding: 1rem;
  }
  ._header_9yzsm_73 {
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  ._adminBadge_9yzsm_157 {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
  }
  ._tabsContainer_9yzsm_183 ._tabHeaders_9yzsm_199 {
    flex-wrap: wrap;
  }
  ._tabHeader_9yzsm_199 {
    padding: 0.75rem;
    font-size: 0.9rem;
  }
  ._tabContent_9yzsm_267 {
    padding: 1rem;
  }
  ._sectionHeader_9yzsm_279 {
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
  }
  ._settingsGrid_9yzsm_771 {
    grid-template-columns: 1fr;
  }
  ._tokenInputGroup_9yzsm_907 {
    grid-template-columns: 1fr;
  }
  ._moderatorCard_9yzsm_433,
  ._tokenCard_9yzsm_1051 {
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
  }
  ._moderatorActions_9yzsm_585 {
    width: 100%;
  }
}

._tokensList_9yzsm_1071 h4 {
  color: var(--text);
  margin: 0 0 1rem 0;
}

._tokenCard_9yzsm_1051 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.3s ease;
}

._tokenCard_9yzsm_1051:hover {
  border-color: var(--primary);
  transform: translateY(-2px);
}

._tokenHeader_9yzsm_1113 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

._tokenLogo_9yzsm_1127 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--vote-btn-bg);
  object-fit: cover;
}

._tokenInfo_9yzsm_1143 h5 {
  margin: 0 0 0.25rem 0;
  color: var(--text);
  font-weight: 600;
}

._tokenSymbol_9yzsm_1155 {
  color: var(--primary);
  font-weight: 600;
  font-size: 0.9rem;
}

._tokenAddress_9yzsm_1167 {
  color: var(--text-muted);
  font-family: monospace;
  font-size: 0.8rem;
  display: block;
  margin-top: 0.25rem;
}

._tokenControls_9yzsm_1183 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._statusRow_9yzsm_1195 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  background: var(--vote-btn-bg);
  border-radius: 6px;
}

._switch_9yzsm_1213 {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

._switch_9yzsm_1213 input {
  opacity: 0;
  width: 0;
  height: 0;
}

._slider_9yzsm_1239 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.3s;
  border-radius: 24px;
}

._slider_9yzsm_1239:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: var(--card-bg);
  transition: 0.3s;
  border-radius: 50%;
}

input:checked + ._slider_9yzsm_1239 {
  background-color: var(--primary);
}

input:checked + ._slider_9yzsm_1239:before {
  transform: translateX(20px);
}

._syncStatus_9yzsm_1303 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
}

._syncBadge_9yzsm_1317 {
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

._syncBadge_9yzsm_1317._synced_9yzsm_1333 {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
}

._syncBadge_9yzsm_1317._pending_9yzsm_1343 {
  background: rgba(251, 191, 36, 0.1);
  color: #fbbf24;
}

._syncBadge_9yzsm_1317._failed_9yzsm_1353 {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

._syncButton_9yzsm_1363 {
  width: 32px;
  height: 32px;
  border: none;
  background: var(--vote-btn-bg);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text);
  transition: all 0.2s ease;
}

._syncButton_9yzsm_1363:hover {
  background: var(--primary);
  color: white;
}

/* Analytics Tab */
._analyticsTab_9yzsm_1403 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

._analyticsGrid_9yzsm_1415 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

._analyticCard_9yzsm_1429 {
  background: var(--vote-btn-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1.5rem;
  text-align: center;
  transition: transform 0.2s ease;
}

._analyticCard_9yzsm_1429:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}

._analyticCard_9yzsm_1429 h3 {
  color: var(--text-muted);
  font-size: 0.9rem;
  font-weight: 500;
  margin: 0 0 0.5rem 0;
  text-transform: uppercase;
}

._analyticNumber_9yzsm_1473 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text);
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

._analyticCard_9yzsm_1429 small {
  color: var(--text-muted);
  font-size: 0.8rem;
}

._comingSoon_9yzsm_1505 {
  text-align: center;
  background: var(--vote-btn-bg);
  border: 1px dashed var(--border);
  border-radius: 12px;
  padding: 3rem;
}

._comingSoon_9yzsm_1505 h3 {
  color: var(--text);
  margin: 0 0 1rem 0;
}

._comingSoon_9yzsm_1505 p {
  color: var(--text-muted);
  margin: 0;
}

/* Modal */
._modalOverlay_9yzsm_1543 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 2rem;
}

._modalContainer_9yzsm_1573 {
  background: var(--card-bg);
  border-radius: 16px;
  border: 1px solid var(--border);
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: var(--shadow-strong);
}

._modalHeader_9yzsm_1595 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--border);
}

._modalHeader_9yzsm_1595 h2 {
  color: var(--text);
  margin: 0;
  font-size: 1.25rem;
}

._closeButton_9yzsm_1623 {
  background: var(--vote-btn-bg);
  border: 1px solid var(--border);
  border-radius: 6px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text);
}

._closeButton_9yzsm_1623:hover {
  background: var(--border);
}

._modalContent_9yzsm_1657 {
  padding: 1.5rem;
}

._formGroup_9yzsm_1665 {
  margin-bottom: 1.5rem;
}

._formGroup_9yzsm_1665 label {
  display: block;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 0.5rem;
}

._formGroup_9yzsm_1665 input,
._formGroup_9yzsm_1665 select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--card-bg);
  color: var(--text);
}

._permissionsGrid_9yzsm_1707 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-top: 0.5rem;
}

._checkboxLabel_9yzsm_1721 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: normal;
  cursor: pointer;
  text-transform: capitalize;
}

._modalActions_9yzsm_1739 {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  padding: 1.5rem;
  border-top: 1px solid var(--border);
}

._cancelButton_9yzsm_1755 {
  padding: 0.75rem 1.5rem;
  background: var(--vote-btn-bg);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
}

._cancelButton_9yzsm_1755:hover {
  background: var(--border);
}

/* Empty States */
._emptyState_9yzsm_1785 {
  text-align: center;
  color: var(--text-muted);
  padding: 2rem;
  font-style: italic;
}

/* Auction Management Styles */
._manualAuctionEnd_9yzsm_1801 {
  background: var(--card-bg);
  border: 1px solid var(--border-light);
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 2rem;
}

._manualControls_9yzsm_1817 {
  display: flex;
  gap: 1rem;
  margin: 1rem 0;
  align-items: center;
}

._tokenIdInput_9yzsm_1831 {
  flex: 1;
  padding: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--input-bg);
  color: var(--text);
  font-size: 1rem;
}

._tokenIdInput_9yzsm_1831:focus {
  outline: none;
  border-color: var(--primary);
}

._endAuctionButton_9yzsm_1861 {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

._endAuctionButton_9yzsm_1861:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

._endAuctionButton_9yzsm_1861:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._warning_9yzsm_1907 {
  color: #f59e0b;
  font-style: italic;
  display: block;
  margin-top: 0.5rem;
}

._expiredAuctionsList_9yzsm_1921 {
  background: var(--card-bg);
  border: 1px solid var(--border-light);
  border-radius: 12px;
  overflow: hidden;
}

._listHeader_9yzsm_1935 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-light);
  background: var(--vote-btn-bg);
}

._listHeader_9yzsm_1935 h3 {
  margin: 0;
  color: var(--text);
}

._refreshButton_9yzsm_1963 {
  background: var(--primary);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

._refreshButton_9yzsm_1963:hover:not(:disabled) {
  background: var(--primary-hover);
}

._auctionsList_9yzsm_1993 {
  max-height: 500px;
  overflow-y: auto;
}

._auctionItem_9yzsm_2003 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-light);
  transition: background-color 0.2s ease;
}

._auctionItem_9yzsm_2003:hover {
  background: var(--vote-btn-bg);
}

._auctionItem_9yzsm_2003:last-child {
  border-bottom: none;
}

._auctionInfo_9yzsm_2037 {
  display: flex;
  gap: 1rem;
  flex: 1;
}

._nftPreview_9yzsm_2049 {
  display: flex;
  gap: 1rem;
  align-items: center;
}

._nftThumbnail_9yzsm_2061 {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  object-fit: cover;
}

._nftPreview_9yzsm_2049 h4 {
  margin: 0 0 0.25rem 0;
  color: var(--text);
  font-size: 1rem;
}

._nftPreview_9yzsm_2049 p {
  margin: 0.25rem 0;
  color: var(--text-muted);
  font-size: 0.875rem;
}

._auctionDetails_9yzsm_2099 {
  margin-left: 2rem;
}

._auctionDetails_9yzsm_2099 p {
  margin: 0.25rem 0;
  color: var(--text);
  font-size: 0.875rem;
}

._expiredStatus_9yzsm_2119 {
  color: #ef4444;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
}

._alertBadge_9yzsm_2133 {
  background: #ef4444;
  color: white;
  padding: 2px 6px;
  border-radius: 12px;
  font-size: 0.75rem;
  margin-left: 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
  ._adminDashboard_9yzsm_1 {
    padding: 1rem;
  }

  ._header_9yzsm_73 {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }

  ._tabHeaders_9yzsm_199 {
    flex-direction: column;
  }

  ._tabContent_9yzsm_267 {
    padding: 1rem;
  }

  ._settingsGrid_9yzsm_771 {
    grid-template-columns: 1fr;
  }

  ._analyticsGrid_9yzsm_1415 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._moderatorCard_9yzsm_433 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  ._tokenInputGroup_9yzsm_907 {
    grid-template-columns: 1fr;
  }

  ._statusCard_9yzsm_699 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  ._manualControls_9yzsm_1817 {
    flex-direction: column;
    align-items: stretch;
  }

  ._auctionItem_9yzsm_2003 {
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
  }

  ._auctionInfo_9yzsm_2037 {
    flex-direction: column;
  }

  ._nftPreview_9yzsm_2049 {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  ._analyticsGrid_9yzsm_1415 {
    grid-template-columns: 1fr;
  }
}
._compactHero_b6hc2_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._headerRow_b6hc2_13 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._imageThumbnailSmall_b6hc2_25 {
  width: 120px;
  height: 120px;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
}

._headerInfo_b6hc2_43 {
  display: flex;
  flex-direction: column;
}

._chipGroup_b6hc2_53 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

._chip_b6hc2_53,
._chipTimer_b6hc2_67 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  font-size: 12px;
}

._chipTimer_b6hc2_67 {
  background: linear-gradient(135deg, rgba(102,126,234,.12), rgba(118,75,162,.12));
}

._chipLabel_b6hc2_97 {
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: .04em;
}

._chipValue_b6hc2_109 {
  color: var(--text-primary, #fff);
  font-weight: 600;
}

._buyInline_b6hc2_119 {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 10px;
}

._buyQty_b6hc2_131 {
  background: rgba(0,0,0,.2);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 8px;
}

._buyActions_b6hc2_145 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._container_b6hc2_155 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem 1rem;
  min-height: 100vh;
}

._backButton_b6hc2_169 {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--text-primary, #fff);
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  cursor: pointer;
  font-size: 1rem;
  margin-bottom: 2rem;
  transition: all 0.3s ease;
}

._backButton_b6hc2_169:hover {
  background: rgba(255, 255, 255, 0.2);
}

._loading_b6hc2_201, ._error_b6hc2_201 {
  text-align: center;
  padding: 3rem;
  font-size: 1.2rem;
}

._error_b6hc2_201 {
  color: #ff3b30;
}

._error_b6hc2_201 button {
  margin-top: 1rem;
  padding: 0.75rem 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 1rem;
}

._contentCompact_b6hc2_243 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
._imageThumbnail_b6hc2_25 {
  width: 220px;
  height: 220px;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.35);
}

._image_b6hc2_25 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._inactiveBadge_b6hc2_283 {
  margin-top: 1rem;
  padding: 1rem;
  background: rgba(255, 59, 48, 0.2);
  border: 2px solid rgba(255, 59, 48, 0.5);
  border-radius: 8px;
  text-align: center;
  color: #ff3b30;
  font-weight: 700;
  font-size: 1.1rem;
}

._infoSection_b6hc2_307 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 1.25rem;
}

._title_b6hc2_321 {
  font-size: 1.9rem;
  font-weight: 800;
  margin: 0 0 0.5rem 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

._symbol_b6hc2_341 {
  font-size: 0.95rem;
  color: #999;
  margin-bottom: 0.75rem;
  font-family: monospace;
}

._presaleBadgeActive_b6hc2_355 {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 6px 10px;
  border-radius: 8px;
  background: #1b5e20;
  color: #fff;
  font-size: 12px;
}

._presaleBadgeScheduled_b6hc2_375 {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 6px 10px;
  border-radius: 8px;
  background: #424242;
  color: #fff;
  font-size: 12px;
}

._presaleBadgeEnded_b6hc2_395 {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 6px 10px;
  border-radius: 8px;
  background: #263238;
  color: #eee;
  font-size: 12px;
}

._stats_b6hc2_415 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}

._statCard_b6hc2_429 {
  background: rgba(102, 126, 234, 0.1);
  border: 1px solid rgba(102, 126, 234, 0.3);
  border-radius: 10px;
  padding: 0.9rem 0.75rem;
  text-align: center;
}

._statLabel_b6hc2_445 {
  font-size: 0.8rem;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

._statValue_b6hc2_461 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary, #fff);
}

._timer_b6hc2_473 {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
  border: 1px solid rgba(102, 126, 234, 0.4);
  border-radius: 10px;
  padding: 1rem;
  text-align: center;
  margin-bottom: 1rem;
}

._timerLabel_b6hc2_491 {
  font-size: 0.9rem;
  color: #999;
  margin-bottom: 0.5rem;
}

._timerValue_b6hc2_503 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary, #fff);
  font-family: monospace;
}

._buySection_b6hc2_517 {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 1rem;
}

._quantitySelector_b6hc2_531 {
  margin-bottom: 1.5rem;
}

._quantitySelector_b6hc2_531 label {
  display: block;
  font-size: 0.9rem;
  color: #999;
  margin-bottom: 0.5rem;
}

._quantityControls_b6hc2_553 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._quantityControls_b6hc2_553 button {
  width: 42px;
  height: 42px;
  background: rgba(102, 126, 234, 0.2);
  border: 1px solid rgba(102, 126, 234, 0.5);
  color: var(--text-primary, #fff);
  border-radius: 8px;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

._quantityControls_b6hc2_553 button:hover:not(:disabled) {
  background: rgba(102, 126, 234, 0.4);
}

._quantityControls_b6hc2_553 button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

._quantityControls_b6hc2_553 input {
  flex: 1;
  height: 42px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--text-primary, #fff);
  border-radius: 8px;
  padding: 0 1rem;
  font-size: 1.2rem;
  text-align: center;
}

._totalPrice_b6hc2_631 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: rgba(102, 126, 234, 0.1);
  border-radius: 8px;
  margin-bottom: 1rem;
  font-size: 1.05rem;
}

._totalPrice_b6hc2_631 ._price_b6hc2_653 {
  font-weight: 700;
  font-size: 1.3rem;
  color: #667eea;
}

._errorMessage_b6hc2_665 {
  background: rgba(255, 59, 48, 0.2);
  border: 1px solid rgba(255, 59, 48, 0.5);
  color: #ff3b30;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  text-align: center;
}

._buyButton_b6hc2_685 {
  width: 100%;
  padding: 1rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}

._buyButton_b6hc2_685:hover:not(:disabled) {
  transform: scale(1.02);
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
}

._buyButton_b6hc2_685:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._soldOut_b6hc2_731 {
  background: rgba(255, 59, 48, 0.2);
  border: 2px solid rgba(255, 59, 48, 0.5);
  color: #ff3b30;
  padding: 2rem;
  border-radius: 12px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

._details_b6hc2_755 {
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

._details_b6hc2_755 h3 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  color: var(--text-primary, #fff);
}

._detailRow_b6hc2_783 {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

._detailRow_b6hc2_783:last-child {
  border-bottom: none;
}

._detailRow_b6hc2_783 span:first-child {
  color: #999;
}

._detailRow_b6hc2_783 span:last-child {
  color: var(--text-primary, #fff);
  font-weight: 500;
}

._address_b6hc2_823 {
  font-family: monospace;
  font-size: 0.9rem;
}

/* NFTs section below presale */
._nftsSection_b6hc2_835 {
  margin-top: 1rem;
  padding-top: 0.5rem;
}

._nftsTitle_b6hc2_845 {
  margin: 0 0 1rem 0;
}

._emptyState_b6hc2_853 {
  padding: 2rem;
  text-align: center;
  color: #999;
}

._nftsGrid_b6hc2_865 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
}

._nftCard_b6hc2_877 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  overflow: hidden;
}

._nftImage_b6hc2_891 {
  position: relative;
  width: 100%;
  padding-bottom: 70%;
  background: rgba(0, 0, 0, 0.2);
}

._nftImage_b6hc2_891 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._saleBadge_b6hc2_923 {
  position: absolute;
  bottom: 8px;
  left: 8px;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(102, 126, 234, 0.7);
  color: #fff;
  font-size: 12px;
}

._nftInfo_b6hc2_945 {
  padding: 10px 12px 12px;
}

._nftName_b6hc2_953 {
  font-weight: 600;
  margin-bottom: 6px;
}

._nftMetaRow_b6hc2_963 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #aaa;
}

._nftPrice_b6hc2_979 {
  color: #667eea;
  font-weight: 600;
}

._nftOwner_b6hc2_989 {
  font-family: monospace;
}

@media (max-width: 1024px) {
  ._buyInline_b6hc2_119 {
    grid-template-columns: 1fr;
  }

  ._stats_b6hc2_415 {
    grid-template-columns: 1fr;
  }

  ._title_b6hc2_321 {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  ._container_b6hc2_155 {
    padding: 1rem;
  }

  ._infoSection_b6hc2_307 {
    padding: 1.5rem;
  }

  ._quantityControls_b6hc2_553 button {
    width: 40px;
    height: 40px;
  }

  ._quantityControls_b6hc2_553 input {
    height: 40px;
  }
}
._container_17kuh_1 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 20px;
  min-height: 80vh;
}

._header_17kuh_15 {
  text-align: center;
  margin-bottom: 40px;
}

._header_17kuh_15 h1 {
  font-size: 2.5rem;
  margin-bottom: 10px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._header_17kuh_15 p {
  color: var(--text-secondary);
  font-size: 1.1rem;
}

._filters_17kuh_51 {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

._filterButton_17kuh_67,
._filterActive_17kuh_69 {
  padding: 10px 20px;
  border: 2px solid var(--primary);
  background: transparent;
  color: var(--primary);
  border-radius: 25px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}

._filterButton_17kuh_67:hover {
  background: var(--primary);
  color: #fff;
}

._filterActive_17kuh_69 {
  background: var(--primary);
  color: #fff;
}

._connectPrompt_17kuh_111,
._loading_17kuh_113,
._error_17kuh_115,
._empty_17kuh_117 {
  text-align: center;
  padding: 60px 20px;
  background: var(--card-bg);
  border-radius: 12px;
  box-shadow: 0 2px 8px var(--shadow);
}

._loading_17kuh_113 ._spinner_17kuh_133 {
  width: 50px;
  height: 50px;
  border: 4px solid var(--border-light);
  border-top: 4px solid var(--primary);
  border-radius: 50%;
  animation: _spin_17kuh_133 1s linear infinite;
  margin: 0 auto 20px;
}

@keyframes _spin_17kuh_133 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

._error_17kuh_115 p {
  color: #f44336;
  margin-bottom: 20px;
}

._error_17kuh_115 button {
  padding: 10px 30px;
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
}

._presaleGrid_17kuh_193 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}

._card_17kuh_205 {
  background: var(--card-bg);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px var(--shadow);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

._card_17kuh_205:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px var(--shadow-strong);
}

._cardImage_17kuh_231 {
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

._cardImage_17kuh_231 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._statusBadge_17kuh_259 {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 12px;
  border-radius: 20px;
  color: #fff;
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: capitalize;
}

._cardContent_17kuh_283 {
  padding: 20px;
}

._cardContent_17kuh_283 h3 {
  font-size: 1.4rem;
  margin-bottom: 5px;
  color: var(--text-primary);
}

._symbol_17kuh_303 {
  color: var(--text-secondary);
  font-size: 0.9rem;
  margin-bottom: 15px;
}

._stats_17kuh_315 {
  background: var(--vote-btn-bg);
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
}

._statRow_17kuh_329 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
}

._statRow_17kuh_329:last-child {
  border-bottom: none;
}

._statRow_17kuh_329 span {
  color: var(--text-secondary);
  font-size: 0.95rem;
}

._statRow_17kuh_329 strong {
  color: var(--primary);
  font-size: 1.1rem;
}

._presaleInfo_17kuh_373 {
  margin-bottom: 15px;
  padding: 10px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

._infoRow_17kuh_387 {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  font-size: 0.85rem;
}

._infoRow_17kuh_387 span:first-child {
  color: var(--text-secondary);
}

._infoRow_17kuh_387 span:last-child {
  color: var(--text-primary);
  font-weight: 500;
}

._cardActions_17kuh_419 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._revealModeRow_17kuh_431 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--vote-btn-bg);
}

._revealModeLabel_17kuh_453 {
  color: var(--text-secondary);
  font-size: 0.9rem;
  font-weight: 600;
}

._revealModeSelect_17kuh_465 {
  flex: 0 0 auto;
  max-width: 60%;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--card-bg);
  color: var(--text-primary);
}

/* Slot / roulette animation strip */
._slotWrap_17kuh_487 {
  border: 1px solid var(--border);
  background: var(--card-bg);
  border-radius: 10px;
  padding: 10px;
}

._slotHeader_17kuh_501 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

._slotTitle_17kuh_515 {
  font-weight: 700;
  color: var(--text-primary);
}

._slotMsg_17kuh_525 {
  font-size: 0.85rem;
  color: var(--text-secondary);
}

._slotViewport_17kuh_535 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

._slotItem_17kuh_547 {
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--card-bg);
  padding: 8px;
  text-align: center;
  transition: transform 0.12s ease, border-color 0.12s ease;
}

._slotActive_17kuh_565 {
  border-color: var(--primary);
  transform: scale(1.03);
}

._slotImage_17kuh_575 {
  width: 100%;
  height: 64px;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 6px;
}

._slotImageFallback_17kuh_591 {
  width: 100%;
  height: 64px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  font-weight: 700;
  margin-bottom: 6px;
}

._slotName_17kuh_617 {
  font-size: 0.8rem;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._slotWinner_17kuh_633 {
  margin-top: 8px;
  font-weight: 700;
  color: var(--text-primary);
}

._revealButton_17kuh_645,
._viewButton_17kuh_647 {
  padding: 12px;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.95rem;
}

._revealButton_17kuh_645 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
}

._revealButton_17kuh_645:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

._revealButton_17kuh_645:disabled {
  background: #555;
  cursor: not-allowed;
  opacity: 0.6;
}

._viewButton_17kuh_647 {
  background: var(--card-bg);
  color: var(--primary);
  border: 2px solid var(--primary);
}

._viewButton_17kuh_647:hover {
  background: var(--primary);
  color: #fff;
}

@media (max-width: 768px) {
  ._header_17kuh_15 h1 {
    font-size: 2rem;
  }

  ._presaleGrid_17kuh_193 {
    grid-template-columns: 1fr;
  }

  ._filters_17kuh_51 {
    flex-direction: column;
    align-items: stretch;
  }

  ._filterButton_17kuh_67,
  ._filterActive_17kuh_69 {
    width: 100%;
  }
}
._overlay_10ggf_1 {
  position: fixed;
  inset: 0;
  background: var(--shadow-modal);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

._modal_10ggf_21 {
  width: min(920px, calc(100vw - 32px));
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: 0 18px 60px var(--shadow-modal);
  overflow: hidden;
}

._header_10ggf_39 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
}

._title_10ggf_55 {
  font-weight: 700;
  color: var(--text-primary);
}

._close_10ggf_65 {
  border: none;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  color: var(--text-secondary);
  cursor: pointer;
}

._body_10ggf_83 {
  padding: 16px;
}

._message_10ggf_91 {
  color: var(--text-secondary);
  margin-bottom: 12px;
}

._viewport_10ggf_101 {
  position: relative;
  height: 150px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: var(--vote-btn-bg);
  overflow: hidden;
}

._centerMarker_10ggf_119 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  transform: translateX(-50%);
  background: var(--primary);
  box-shadow: 0 0 0 1px var(--border);
  z-index: 2;
}

._strip_10ggf_143 {
  position: absolute;
  top: 12px;
  left: 0;
  display: flex;
  gap: 8px;
  padding: 0;
  will-change: transform;
}

._item_10ggf_163 {
  width: 88px;
  flex: 0 0 88px;
  border-radius: 12px;
  padding: 8px;
  border: 2px solid var(--border);
  background: var(--card-bg);
}

._imageWrap_10ggf_181 {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--border-light);
}

._image_10ggf_181 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

._imageFallback_10ggf_211 {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-weight: 700;
  font-size: 12px;
}

._name_10ggf_233 {
  margin-top: 6px;
  font-size: 11px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._winner_10ggf_251 {
  margin-top: 12px;
  font-weight: 700;
  color: var(--text-primary);
}

._footer_10ggf_263 {
  display: flex;
  justify-content: flex-end;
  padding: 14px 16px;
  border-top: 1px solid var(--border);
}

._button_10ggf_277 {
  border: 1px solid var(--border);
  background: var(--card-bg);
  color: var(--text-primary);
  padding: 10px 14px;
  border-radius: 12px;
  cursor: pointer;
}

._common_10ggf_295 { border-color: var(--border); }
._uncommon_10ggf_297 { border-color: var(--primary); }
._rare_10ggf_299 { border-color: var(--link-color); }
._epic_10ggf_301 { border-color: var(--text-primary); }
._legendary_10ggf_303 { border-color: var(--badge-bg); }
._overlay_194nd_1 {
  position: fixed;
  inset: 0;
  background: var(--shadow-modal);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2100;
}

._modal_194nd_21 {
  width: min(520px, calc(100vw - 32px));
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: 0 18px 60px var(--shadow-modal);
  overflow: hidden;
}

._header_194nd_39 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
}

._title_194nd_55 {
  font-weight: 800;
  color: var(--text-primary);
}

._close_194nd_65 {
  border: none;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  color: var(--text-secondary);
  cursor: pointer;
}

._body_194nd_83 {
  padding: 16px;
  display: grid;
  gap: 12px;
}

._list_194nd_95 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: min(55vh, 520px);
  overflow: auto;
  padding-right: 2px;
}

._listItem_194nd_113 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--vote-btn-bg);
}

._row_194nd_135 {
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 12px;
  align-items: center;
}

._imageWrap_194nd_149 {
  width: 84px;
  height: 84px;
  border-radius: 12px;
  overflow: hidden;
  border: 2px solid var(--border);
  background: var(--vote-btn-bg);
}

._image_194nd_149 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

._imageFallback_194nd_181 {
  width: 84px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-weight: 800;
}

._name_194nd_201 {
  font-weight: 800;
  color: var(--text-primary);
  line-height: 1.2;
}

._meta_194nd_213 {
  margin-top: 6px;
  color: var(--text-secondary);
  font-size: 13px;
}

._pill_194nd_225 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--vote-btn-bg);
  color: var(--text-primary);
  font-size: 13px;
}

._dot_194nd_249 {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--border);
}

._common_194nd_263 ._dot_194nd_249 { background: var(--border); }
._uncommon_194nd_265 ._dot_194nd_249 { background: var(--primary); }
._rare_194nd_267 ._dot_194nd_249 { background: var(--link-color); }
._epic_194nd_269 ._dot_194nd_249 { background: var(--text-primary); }
._legendary_194nd_271 ._dot_194nd_249 { background: var(--badge-bg); }

._footer_194nd_275 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 16px;
  border-top: 1px solid var(--border);
}

._button_194nd_291 {
  border: 1px solid var(--border);
  background: var(--card-bg);
  color: var(--text-primary);
  padding: 10px 14px;
  border-radius: 12px;
  cursor: pointer;
}

._primary_194nd_309 {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
._container_9suyl_1 {
  padding: 24px;
}

._card_9suyl_9 {
  max-width: 720px;
  margin: 0 auto;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--card);
  padding: 20px;
}

._title_9suyl_27 {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 700;
}

._subtitle_9suyl_39 {
  margin: 0 0 16px;
  opacity: 0.85;
}

._controls_9suyl_49 {
  display: grid;
  gap: 12px;
}

._grid_9suyl_59 {
  display: grid;
  grid-template-columns: 1fr 160px;
  gap: 12px;
  align-items: end;
}

._label_9suyl_73 {
  display: grid;
  gap: 6px;
  font-size: 14px;
}

._select_9suyl_85 {
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--bg);
  color: var(--text);
  padding: 0 10px;
}

._input_9suyl_103 {
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--bg);
  color: var(--text);
  padding: 0 10px;
}

._buttons_9suyl_121 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

._primary_9suyl_133,
._secondary_9suyl_135 {
  height: 40px;
  border-radius: 12px;
  padding: 0 14px;
  border: 1px solid var(--border);
  background: var(--bg);
  color: var(--text);
  cursor: pointer;
}

._primary_9suyl_133 {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

._primary_9suyl_133:disabled,
._secondary_9suyl_135:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._hint_9suyl_179 {
  margin: 0;
  opacity: 0.75;
  font-size: 13px;
}

._error_9suyl_191 {
  margin-top: 6px;
  font-size: 13px;
  opacity: 0.9;
}

@media (max-width: 640px) {
  ._grid_9suyl_59 {
    grid-template-columns: 1fr;
  }
}
._page_1xvz0_1 {
  padding: 16px;
  max-width: 960px;
  margin: 0 auto;
}

._header_1xvz0_13 {
  margin-bottom: 16px;
}

._title_1xvz0_21 {
  margin: 0 0 4px 0;
}

._subtitle_1xvz0_29 {
  margin: 0;
  color: var(--text-muted);
}

._link_1xvz0_39 {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 6px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--input-bg);
  color: var(--text);
  text-decoration: none;
  font-weight: 600;
}

._link_1xvz0_39:hover {
  text-decoration: none;
  filter: brightness(1.05);
}

._linkInline_1xvz0_75 {
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 2px;
}

._quickLinks_1xvz0_87 {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--card-bg);
}

._quickLinksTitle_1xvz0_103 {
  font-weight: 700;
  margin-bottom: 8px;
}

._quickLinksRow_1xvz0_113 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._card_1xvz0_125 {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  margin: 12px 0;
}

._cardTitle_1xvz0_141 {
  margin: 0 0 10px 0;
}

._h3_1xvz0_149 {
  margin: 14px 0 6px 0;
}

._p_1xvz0_1 {
  margin: 8px 0;
  color: var(--text);
}

._ul_1xvz0_167,
._ol_1xvz0_169 {
  margin: 8px 0 8px 18px;
}

._code_1xvz0_177 {
  margin: 10px 0;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--input-bg);
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.9rem;
}

._inlineMath_1xvz0_199 {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--input-bg);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.85rem;
}

._legend_1xvz0_221 {
  margin: 10px 0;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--card-bg);
}

._legendRow_1xvz0_237 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

._imagePlaceholder_1xvz0_251 {
  margin: 12px 0;
  padding: 14px;
  border: 1px dashed var(--border);
  border-radius: 12px;
  background: var(--input-bg);
  color: var(--text-muted);
}

._figure_1xvz0_269 {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--input-bg);
}

._figureImage_1xvz0_285 {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

._figureImageNarrow_1xvz0_299 {
  max-width: 210px;
  max-height: 360px;
  object-fit: contain;
  margin: 0 auto;
}

._note_1xvz0_313 {
  margin: 10px 0;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--input-bg);
  color: var(--text);
}

._topicsGrid_1xvz0_331 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
}

@media (max-width: 720px) {
  ._topicsGrid_1xvz0_331 {
    grid-template-columns: 1fr;
  }
}

._topicCard_1xvz0_357 {
  display: block;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--card-bg);
  color: var(--text);
  text-decoration: none;
}

._topicCard_1xvz0_357:hover {
  text-decoration: none;
  filter: brightness(1.05);
}

._topicTitle_1xvz0_387 {
  font-weight: 800;
  margin-bottom: 6px;
}

._topicDesc_1xvz0_397 {
  color: var(--text-muted);
  margin-bottom: 10px;
}

._topicMeta_1xvz0_407 {
  font-weight: 700;
}

._landingWrap_1xvz0_415 {
  position: relative;
}

._landingContent_1xvz0_423 {
  position: relative;
  z-index: 1;
  padding-right: clamp(220px, 42%, 520px);
}

._landingArt_1xvz0_435 {
  position: absolute;
  right: 10px;
  top: 10px;
  width: clamp(220px, 42%, 520px);
  max-height: 420px;
  height: auto;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  opacity: 0.95;
}

@media (max-width: 900px) {
  ._landingContent_1xvz0_423 {
    padding-right: 0;
  }
  ._landingArt_1xvz0_435 {
    position: static;
    display: block;
    width: min(420px, 100%);
    margin: 12px auto 0 auto;
    max-height: none;
  }
}
._wrap_k29vc_1 {
  padding: 22px;
  display: grid;
  gap: 12px;
  justify-items: center;
}
._cardSimple_k29vc_13 {
  width: 100%;
  max-width: 520px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.06) 0%,
    rgba(255, 255, 255, 0.04) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 18px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35);
  padding: 12px;
}
._cardHeader_k29vc_39 {
  font-weight: 800;
  font-size: 16px;
  margin: 4px 6px 10px;
}
._panel_k29vc_49 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 12px;
}
._panel_k29vc_49 + ._panel_k29vc_49 {
  margin-top: 8px;
}
._panelLeft_k29vc_73 {
  display: grid;
  gap: 4px;
  align-items: center;
}
._subLabel_k29vc_83 {
  color: #aeb7c8;
  font-size: 12px;
}
._amount_k29vc_91,
._amountReadonly_k29vc_93 {
  font-size: 28px;
  font-weight: 800;
  background: transparent;
  color: #eaf0ff;
  border: none;
  outline: none;
}
._panelRight_k29vc_109 {
  display: flex;
  align-items: center;
}
._tokenBtn_k29vc_117 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  border-radius: 999px;
  padding: 8px 12px;
  cursor: pointer;
}
._tokenBadge_k29vc_139 {
  font-weight: 800;
}
._flipRow_k29vc_145 {
  display: grid;
  place-items: center;
  margin: 8px 0;
}
._flipBtn_k29vc_155 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #eaf0ff;
  cursor: pointer;
}
._connectBtn_k29vc_173,
._swapBtn_k29vc_175 {
  width: 100%;
  margin-top: 10px;
  padding: 12px;
  border-radius: 12px;
  font-weight: 800;
  cursor: pointer;
}
._connectBtn_k29vc_173 {
  background: #fff;
  color: #0b0f1a;
  border: none;
}
._swapBtn_k29vc_175 {
  background: linear-gradient(90deg, #7aa8ff 0%, #ff8be0 100%);
  color: #0b0f1a;
  border: none;
}

/* Selector overlay */
._selectorOverlay_k29vc_215 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: grid;
  place-items: center;
  z-index: 30;
}
._selector_k29vc_215 {
  width: min(92vw, 560px);
  max-height: 70vh;
  overflow: hidden;
  border-radius: 16px;
  background: #0f1422;
  border: 1px solid rgba(255, 255, 255, 0.18);
  display: grid;
  grid-template-rows: auto 1fr auto;
}
._selectorSearch_k29vc_251 {
  margin: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.35);
  color: #eaf0ff;
}
._selectorList_k29vc_267 {
  overflow: auto;
}
._selectorItem_k29vc_273 {
  display: grid;
  grid-template-columns: 100px 1fr auto;
  gap: 8px;
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  background: transparent;
  color: #eaf0ff;
  border: none;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.08);
  cursor: pointer;
}
._selectorItem_k29vc_273:hover {
  background: rgba(255, 255, 255, 0.06);
}
._selectorMore_k29vc_305 {
  margin: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  cursor: pointer;
}

/* Bridge banner */
._bridge_k29vc_327 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  align-items: center;
  width: min(92vw, 520px);
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #eaf0ff;
  text-decoration: none;
}
._bridgeTitle_k29vc_353 {
  font-weight: 800;
}
._bridgeDesc_k29vc_359 {
  color: #cfd6e3;
}
._bridgeArrow_k29vc_365 {
  opacity: 0.9;
}
._row_k29vc_371 {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}
@media (min-width: 720px) {
  ._row_k29vc_371 {
    grid-template-columns: 1fr 1fr;
  }
}
._field_k29vc_391 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._label_k29vc_401 {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #aeb7c8;
}
._input_k29vc_413,
._select_k29vc_215 {
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #eaf0ff;
  border-radius: 10px;
  padding: 10px 12px;
}
._actions_k29vc_429 {
  display: flex;
  gap: 10px;
  margin-top: 12px;
}
._btn_k29vc_439 {
  border-radius: 999px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  cursor: pointer;
}
._btnPrimary_k29vc_455 {
  background: linear-gradient(90deg, #7aa8ff 0%, #ff8be0 100%);
  color: #0b0f1a;
  font-weight: 800;
  border: none;
}
._status_k29vc_467 {
  margin-top: 12px;
  font-size: 14px;
  color: #cfe1ff;
}
._warn_k29vc_477 {
  background: rgba(255, 188, 63, 0.12);
  border: 1px solid rgba(255, 188, 63, 0.3);
  color: #ffd9a1;
  padding: 10px 12px;
  border-radius: 10px;
  margin: 10px 0;
}
._help_k29vc_493 {
  margin-top: 14px;
  opacity: 0.7;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}
._tokenSymbol_k29vc_505 {
  font-weight: 800;
}
._tokenName_k29vc_511 {
  opacity: 0.9;
}
._tokenAddr_k29vc_517 {
  opacity: 0.7;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}
._tokenEmpty_k29vc_527 {
  padding: 10px;
  color: #aeb7c8;
}
._tokenControls_k29vc_535 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 6px;
}
._tokenEnd_k29vc_549 {
  color: #aeb7c8;
}
._selected_k29vc_555 {
  margin-top: 8px;
  color: #cfe1ff;
  font-size: 12px;
}


:root {
  --bg: #fafafa;
  --text: #1a1a1a;
  --text-primary: #1a1a1a;
  --text-secondary: #6b7280;
  --border: #e5e7eb;
  --border-light: #f3f4f6;
  --primary: #10b981;
  --primary-hover: #059669;
  --card-bg: #ffffff;
  --input-bg: #ffffff;
  --input-border: #e5e7eb;
  --autocomplete-bg: #ffffff;
  --badge-bg: gold;
  --link-color: #1f2937;
  --vote-btn-bg: #f5f5f5;
  --shadow: rgba(0, 0, 0, 0.06);
  --shadow-strong: rgba(0, 0, 0, 0.1);
  --text-muted: #6b7280;
  --shadow-modal: rgba(0, 0, 0, 0.25);
  --overlay-text: #ffffff;
  --overlay-text-muted: rgba(255, 255, 255, 0.8);
}

[data-theme="dark"] {
  --bg: #0a0a0a;
  --text: #f5f5f5;
  --text-primary: #f5f5f5;
  --text-secondary: #9ca3af;
  --border: #2a2a2a;
  --border-light: #1e1e1e;
  --primary: #34d399;
  --primary-hover: #10b981;
  --card-bg: #1a1a1a;
  --input-bg: #1e1e1e;
  --input-border: #2a2a2a;
  --autocomplete-bg: #1e1e1e;
  --badge-bg: goldenrod;
  --link-color: #93c5fd;
  --vote-btn-bg: #2a2a2a;
  --shadow: rgba(255, 255, 255, 0.06);
  --shadow-strong: rgba(255, 255, 255, 0.1);
  --bg-transparent: rgba(0, 0, 0, 0);
  --text-muted: #9ca3af;
  --shadow-modal: rgba(0, 0, 0, 0.5);
  --overlay-text: #ffffff;
  --overlay-text-muted: rgba(255, 255, 255, 0.8);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--bg);
  color: var(--text);
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  transition: color 0.3s ease, background-color 0.3s ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
}

/* Smooth Scrolling */

html {
  scroll-behavior: smooth;
}

/* Custom Scrollbar */

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: var(--bg);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 10px;
  border: 2px solid var(--bg);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}

/* Selection */

::selection {
  background: var(--primary);
  color: white;
}

::-moz-selection {
  background: var(--primary);
  color: white;
}

/* Focus Styles */

:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
/* Loading Skeletons and Performance Optimizations */

.loadingSkeleton {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  padding: 20px 0;
}

.skeletonCard {
  background: #f8f9fa;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.skeletonImage {
  width: 100%;
  height: 200px;
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
}

.skeletonBanner {
  width: 100%;
  height: 120px;
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
}

.skeletonContent {
  padding: 15px;
}

.skeletonTitle {
  height: 20px;
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  margin-bottom: 10px;
  border-radius: 4px;
}

.skeletonSubtitle {
  height: 16px;
  width: 70%;
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  margin-bottom: 8px;
  border-radius: 4px;
}

.skeletonPrice {
  height: 18px;
  width: 50%;
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px;
}

.skeletonText {
  height: 14px;
  width: 80%;
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  margin-bottom: 6px;
  border-radius: 4px;
}

.skeletonLogo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  margin: 0 auto 10px;
}

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

/* Image Loading States */
.imagePlaceholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  background: #f8f9fa;
  border-radius: 8px;
}

.loadingSpinner {
  width: 30px;
  height: 30px;
  border: 3px solid #e0e0e0;
  border-top: 3px solid #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Performance Info Styles */
.performanceInfo {
  font-size: 0.85rem;
  color: #666;
  background: #f8f9fa;
  padding: 8px 12px;
  border-radius: 6px;
  display: inline-block;
}

.loadTime {
  font-size: 0.8rem;
  color: #28a745;
  background: rgba(40, 167, 69, 0.1);
  padding: 4px 8px;
  border-radius: 4px;
  margin-left: 10px;
}

/* Error States */
.errorState {
  text-align: center;
  padding: 40px 20px;
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 8px;
  margin: 20px 0;
}

.errorState p {
  color: #856404;
  margin-bottom: 15px;
}

.errorState button {
  background: #ffc107;
  color: #212529;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.2s;
}

.errorState button:hover {
  background: #e0a800;
}

/* Empty States */
.emptyState {
  text-align: center;
  padding: 60px 20px;
  color: #6c757d;
}

.emptyState h3 {
  margin-bottom: 10px;
  color: #495057;
}

/* Responsive Optimizations */
@media (max-width: 768px) {
  .loadingSkeleton {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
  }

  .performanceInfo {
    font-size: 0.75rem;
    padding: 6px 10px;
  }

  .loadTime {
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }
}

/* Lazy Loading Optimizations */
img[loading="lazy"] {
  transition: opacity 0.3s ease;
}

img[loading="lazy"]:not([src]) {
  opacity: 0;
}

/* Grid Performance Optimizations */
.nftGrid {
  contain: layout style paint;
  will-change: transform;
}

.nftCard {
  contain: layout style paint;
  transform: translateZ(0); /* Force GPU acceleration */
}

/* Scroll Performance */
.offersScroller {
  will-change: transform;
  transform: translateZ(0);
}

/* Memory Management */
.imageContainer {
  position: relative;
  overflow: hidden;
  contain: layout style paint;
}

.imageContainer img {
  max-width: 100%;
  height: auto;
  display: block;
}
._page_11dqp_1 {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(
      1200px 600px at 20% 10%,
      rgba(255, 79, 247, 0.15),
      transparent
    ),
    radial-gradient(
      900px 500px at 80% 20%,
      rgba(79, 172, 255, 0.12),
      transparent
    ),
    radial-gradient(
      1000px 700px at 50% 80%,
      rgba(255, 214, 102, 0.12),
      transparent
    ),
    linear-gradient(180deg, #0b0f1a 0%, #070a12 100%);
  color: #e6e9ef;
  padding: 32px 16px 64px;
  text-align: center;
}

._inner_11dqp_55 {
  width: 100%;
  max-width: 1100px;
}

._brand_11dqp_65 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  opacity: 0.95;
  margin-bottom: 12px;
}

._brand_11dqp_65 img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 6px 16px rgba(255, 255, 255, 0.12));
}

._tagline_11dqp_95 {
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #b0b6c3;
}

._title_11dqp_109 {
  font-size: clamp(32px, 6vw, 64px);
  line-height: 1.05;
  margin: 6px 0 10px;
  font-weight: 800;
  background: linear-gradient(90deg, #ffffff 0%, #c2ddff 50%, #ffe9b8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

._subtitle_11dqp_131 {
  margin: 0 auto 22px;
  max-width: 760px;
  color: #c9cfdb;
  font-size: clamp(14px, 2.2vw, 18px);
}

._timer_11dqp_145 {
  display: flex;
  gap: 14px;
  justify-content: center;
  margin: 26px 0 30px;
  flex-wrap: wrap;
}

._timeBox_11dqp_161 {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 16px 18px;
  min-width: 86px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35),
    inset 0 0 60px rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(6px);
}

._num_11dqp_183 {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

._label_11dqp_195 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  opacity: 0.8;
}

._grid_11dqp_209 {
  margin: 36px auto 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

@media (min-width: 640px) {
  ._grid_11dqp_209 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  ._grid_11dqp_209 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

._card_11dqp_247 {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: #0f1422;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

._thumb_11dqp_263 {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  transition: transform 0.5s ease;
}

._card_11dqp_247:hover ._thumb_11dqp_263 {
  transform: scale(1.06);
}

._badge_11dqp_287 {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 6px 10px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  font-size: 12px;
}

._overlay_11dqp_309 {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(10, 14, 25, 0) 40%,
    rgba(10, 14, 25, 0.9) 100%
  );
}

._caption_11dqp_329 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  font-weight: 600;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.6);
  font-size: 14px;
}

._ctaRow_11dqp_349 {
  margin-top: 26px;
  display: flex;
  gap: 12px;
  justify-content: center;
}

._btnPrimary_11dqp_363 {
  background: linear-gradient(90deg, #7aa8ff 0%, #ff8be0 100%);
  color: #0b0f1a;
  font-weight: 800;
  border: none;
  border-radius: 999px;
  padding: 12px 18px;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(122, 168, 255, 0.25);
}

._btnGhost_11dqp_385 {
  background: transparent;
  color: #e6e9ef;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  padding: 12px 18px;
  cursor: not-allowed;
  opacity: 0.8;
}

._footerNote_11dqp_405 {
  margin-top: 18px;
  font-size: 12px;
  color: #9eabc0;
}

/* Actions */
._actions_11dqp_419 {
  margin: 10px auto 0;
  max-width: 720px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 14px 16px;
  text-align: left;
}

._actionsTitle_11dqp_439 {
  font-weight: 700;
  color: #e9edf6;
  font-size: 14px;
  margin-bottom: 8px;
}

._actionList_11dqp_453 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

@media (min-width: 700px) {
  ._actionList_11dqp_453 {
    grid-template-columns: 1fr 1fr;
  }
}

._actionItem_11dqp_483 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

._actionIcon_11dqp_503 {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}

._actionText_11dqp_521 {
  color: #cfd6e3;
  font-size: 14px;
}

._actionLink_11dqp_531 {
  color: #cfe1ff;
  text-decoration: none;
}
._actionLink_11dqp_531:hover {
  text-decoration: underline;
}

/* Sections under actions */
._section_11dqp_549 {
  margin: 16px auto 0;
  max-width: 820px;
  text-align: left;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 14px 16px;
}

._sectionTitle_11dqp_569 {
  font-weight: 800;
  color: #e9edf6;
  font-size: 16px;
  margin-bottom: 8px;
}

._promoTitle_11dqp_583 {
  font-weight: 800;
  color: #ffe1a8;
  font-size: 18px;
  margin-bottom: 4px;
}
._promoText_11dqp_595 {
  color: #f4f7ff;
  margin: 6px 0 8px;
}
._promoSubtitle_11dqp_603 {
  color: #cfd6e3;
  font-size: 14px;
  margin-bottom: 6px;
}
._promoList_11dqp_613 {
  margin: 0 0 0 18px;
  padding: 0;
  color: #d7ddea;
}
._promoList_11dqp_613 li {
  margin: 4px 0;
}

._featureList_11dqp_631 {
  list-style: disc;
  margin: 0 0 0 18px;
  color: #d7ddea;
}
._featureItem_11dqp_641 {
  margin: 4px 0;
}

._roadmapList_11dqp_649 {
  list-style: disc;
  margin: 0 0 0 18px;
  color: #d7ddea;
}
._roadmapList_11dqp_649 li {
  margin: 4px 0;
}

._sparkle_11dqp_667 {
  position: absolute;
  width: 6px;
  height: 6px;
  background: radial-gradient(circle, #fff 0%, rgba(255, 255, 255, 0) 70%);
  border-radius: 50%;
  filter: blur(0.4px);
  animation: _twinkle_11dqp_1 3s infinite ease-in-out;
}

@keyframes _twinkle_11dqp_1 {
  0%,
  100% {
    opacity: 0.2;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}

._bgFX_11dqp_711 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

._content_11dqp_725 {
  position: relative;
  z-index: 1;
}

/* Diagonal-scrolling NFT mosaic */
._mosaicLayer_11dqp_737 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  opacity: 0.16; /* subtle */
}

._belt_11dqp_755 {
  position: absolute;
  left: -25vw;
  right: -25vw;
  display: flex;
  justify-content: center;
}

._beltRotated_11dqp_771 {
  width: 180vw;
  transform: rotate(-20deg);
}

._beltInner_11dqp_781 {
  display: flex;
  gap: 10px;
}

._beltInner_11dqp_781._slow_11dqp_791 {
  animation: _slideLeft_11dqp_1 60s linear infinite;
}
._beltInner_11dqp_781._med_11dqp_797 {
  animation: _slideLeft_11dqp_1 45s linear infinite;
}
._beltInner_11dqp_781._fast_11dqp_803 {
  animation: _slideLeft_11dqp_1 30s linear infinite;
}
._beltInner_11dqp_781._reverse_11dqp_809 {
  animation-name: _slideRight_11dqp_1;
}

@keyframes _slideLeft_11dqp_1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes _slideRight_11dqp_1 {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

._tile_11dqp_851 {
  width: 160px;
  height: 160px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #0c1120;
}

._tile_11dqp_851 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 640px) {
  ._tile_11dqp_851 {
    width: 120px;
    height: 120px;
  }
}