#fw-section-featured-collection-518b2ab1-65c5-4b11-b26b-684c3fa22011 {

/* ==========================================================================
   VALUE SELECT: FEATURED COLLECTION ONLY
   ========================================================================== */

/* Collection Section Background */
#fw-section-featured-collection-1719123617,
.featured-collection {
  background-color: #0B0C10 !important;
  background-image: radial-gradient(circle at 50% 0%, rgba(65, 105, 225, 0.05) 0%, transparent 70%);
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* Product Tile Container */
.featured-collection .tile {
  background: #14161F !important;
  border-radius: 16px !important; /* Sharper, more elegant corners than the default 40px */
  border: 1px solid rgba(255, 255, 255, 0.03) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden;
}

/* Tile Hover State - The "Artifact" Effect */
.featured-collection .tile:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(138, 43, 226, 0.5) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(138, 43, 226, 0.2) !important;
}

/* Product Image Area */
.featured-collection .tile__image,
.featured-collection .image.image--background-color,
.featured-collection .image__object {
  background: transparent !important;
  border-radius: 16px 16px 0 0 !important;
}

/* Image Blend Mode - Helps white-background product shots blend into the dark theme */
.featured-collection .tile__item {
  mix-blend-mode: luminosity;
  transition: mix-blend-mode 0.5s ease, transform 0.5s ease;
}

.featured-collection .tile:hover .tile__item {
  mix-blend-mode: normal;
  transform: scale(1.05);
}

/* Product Typography */
.featured-collection .tile__description {
  padding: 1.5rem !important;
  background: linear-gradient(to bottom, rgba(20, 22, 31, 0), rgba(20, 22, 31, 1) 20%);
}

.featured-collection .tile__heading {
  color: #EAEBEE !important;
  font-family: 'Cinzel', Poppins, sans-serif !important;
  font-size: 1.1rem !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

/* Price Styling */
.featured-collection .tile__price {
  color: #FFD700 !important; /* Alchemist Gold */
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}

/* Color Swatch Options */
.featured-collection .tile__option-color {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
}

#fw-section-featured-collection-162e0c0c-01c7-493d-9867-5393b64f4f15 {

/* ==========================================================================
   VALUE SELECT: FEATURED COLLECTION ONLY
   ========================================================================== */

/* Collection Section Background */
#fw-section-featured-collection-1719123617,
.featured-collection {
  background-color: #0B0C10 !important;
  background-image: radial-gradient(circle at 50% 0%, rgba(65, 105, 225, 0.05) 0%, transparent 70%);
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* Product Tile Container */
.featured-collection .tile {
  background: #14161F !important;
  border-radius: 16px !important; /* Sharper, more elegant corners than the default 40px */
  border: 1px solid rgba(255, 255, 255, 0.03) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden;
}

/* Tile Hover State - The "Artifact" Effect */
.featured-collection .tile:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(138, 43, 226, 0.5) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(138, 43, 226, 0.2) !important;
}

/* Product Image Area */
.featured-collection .tile__image,
.featured-collection .image.image--background-color,
.featured-collection .image__object {
  background: transparent !important;
  border-radius: 16px 16px 0 0 !important;
}

/* Image Blend Mode - Helps white-background product shots blend into the dark theme */
.featured-collection .tile__item {
  mix-blend-mode: luminosity;
  transition: mix-blend-mode 0.5s ease, transform 0.5s ease;
}

.featured-collection .tile:hover .tile__item {
  mix-blend-mode: normal;
  transform: scale(1.05);
}

/* Product Typography */
.featured-collection .tile__description {
  padding: 1.5rem !important;
  background: linear-gradient(to bottom, rgba(20, 22, 31, 0), rgba(20, 22, 31, 1) 20%);
}

.featured-collection .tile__heading {
  color: #EAEBEE !important;
  font-family: 'Cinzel', Poppins, sans-serif !important;
  font-size: 1.1rem !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

/* Price Styling */
.featured-collection .tile__price {
  color: #FFD700 !important; /* Alchemist Gold */
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}

/* Color Swatch Options */
.featured-collection .tile__option-color {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
}
#fw-section-featured-collection-58f18f73-8bd6-4e1e-8420-5c973ae0ec86 {

/* ==========================================================================
   VALUE SELECT: FEATURED COLLECTION ONLY
   ========================================================================== */

/* Collection Section Background */
#fw-section-featured-collection-1719123617,
.featured-collection {
  background-color: #0B0C10 !important;
  background-image: radial-gradient(circle at 50% 0%, rgba(65, 105, 225, 0.05) 0%, transparent 70%);
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* Product Tile Container */
.featured-collection .tile {
  background: #14161F !important;
  border-radius: 16px !important; /* Sharper, more elegant corners than the default 40px */
  border: 1px solid rgba(255, 255, 255, 0.03) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden;
}

/* Tile Hover State - The "Artifact" Effect */
.featured-collection .tile:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(138, 43, 226, 0.5) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(138, 43, 226, 0.2) !important;
}

/* Product Image Area */
.featured-collection .tile__image,
.featured-collection .image.image--background-color,
.featured-collection .image__object {
  background: transparent !important;
  border-radius: 16px 16px 0 0 !important;
}

/* Image Blend Mode - Helps white-background product shots blend into the dark theme */
.featured-collection .tile__item {
  mix-blend-mode: luminosity;
  transition: mix-blend-mode 0.5s ease, transform 0.5s ease;
}

.featured-collection .tile:hover .tile__item {
  mix-blend-mode: normal;
  transform: scale(1.05);
}

/* Product Typography */
.featured-collection .tile__description {
  padding: 1.5rem !important;
  background: linear-gradient(to bottom, rgba(20, 22, 31, 0), rgba(20, 22, 31, 1) 20%);
}

.featured-collection .tile__heading {
  color: #EAEBEE !important;
  font-family: 'Cinzel', Poppins, sans-serif !important;
  font-size: 1.1rem !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

/* Price Styling */
.featured-collection .tile__price {
  color: #FFD700 !important; /* Alchemist Gold */
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}

/* Color Swatch Options */
.featured-collection .tile__option-color {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
}



#fw-section-featured-collection-1719123617 {

/* ==========================================================================
   VALUE SELECT: FEATURED COLLECTION ONLY
   ========================================================================== */

/* Collection Section Background */
#fw-section-featured-collection-1719123617,
.featured-collection {
  background-color: #0B0C10 !important;
  background-image: radial-gradient(circle at 50% 0%, rgba(65, 105, 225, 0.05) 0%, transparent 70%);
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* Product Tile Container */
.featured-collection .tile {
  background: #14161F !important;
  border-radius: 16px !important; /* Sharper, more elegant corners than the default 40px */
  border: 1px solid rgba(255, 255, 255, 0.03) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden;
}

/* Tile Hover State - The "Artifact" Effect */
.featured-collection .tile:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(138, 43, 226, 0.5) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(138, 43, 226, 0.2) !important;
}

/* Product Image Area */
.featured-collection .tile__image,
.featured-collection .image.image--background-color,
.featured-collection .image__object {
  background: transparent !important;
  border-radius: 16px 16px 0 0 !important;
}

/* Image Blend Mode - Helps white-background product shots blend into the dark theme */
.featured-collection .tile__item {
  mix-blend-mode: luminosity;
  transition: mix-blend-mode 0.5s ease, transform 0.5s ease;
}

.featured-collection .tile:hover .tile__item {
  mix-blend-mode: normal;
  transform: scale(1.05);
}

/* Product Typography */
.featured-collection .tile__description {
  padding: 1.5rem !important;
  background: linear-gradient(to bottom, rgba(20, 22, 31, 0), rgba(20, 22, 31, 1) 20%);
}

.featured-collection .tile__heading {
  color: #EAEBEE !important;
  font-family: 'Cinzel', Poppins, sans-serif !important;
  font-size: 1.1rem !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

/* Price Styling */
.featured-collection .tile__price {
  color: #FFD700 !important; /* Alchemist Gold */
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}

/* Color Swatch Options */
.featured-collection .tile__option-color {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
}
#fw-section-footer {

/* ==========================================================================
   HFM AESTHETIC: FOOTER ONLY
   ========================================================================== */

/* Main Footer Container: The Dungeon Floor */
#fw-section-footer,
#fw-section-footer .footer,
.footer {
  background-color: #121315 !important; /* Deepest shadow, matches collection background */
  border-top: 4px solid #1A1C19 !important; /* Heavy iron separator */
  padding-top: 3rem !important;
  padding-bottom: 2rem !important;
}

/* Footer Navigation Links */
.footer__menu-link,
.footer__nav .footer__list-item a {
  color: #A0A5B5 !important; /* Weathered steel */
  font-family: 'Cinzel', Poppins, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: color 0.2s ease, text-shadow 0.2s ease;
  padding-bottom: 2px;
}

/* Footer Link Hover State */
.footer__menu-link:hover,
.footer__nav .footer__list-item a:hover {
  color: #EAEBEE !important; /* Bright practical white */
  text-shadow: 0 0 8px rgba(255, 69, 0, 0.4); /* Faint torchlight ember */
}

/* Social Media Icons */
.footer__social-link {
  color: #A0A5B5 !important;
  transition: transform 0.2s ease, color 0.2s ease;
}

.footer__social-link:hover {
  color: #8B0000 !important; /* Deep crimson accent on hover */
  transform: translateY(-2px); /* Simple physical lift */
}

/* Bottom Section (Copyright & Powered By) */
.footer__bottom {
  border-top: 1px solid #24262A !important; /* Subtle stone line */
  margin-top: 2rem !important;
  padding-top: 1.5rem !important;
}

.footer__list--bottom .footer__list-item,
.footer__copy,
.footer__powered-by {
  color: #6C7280 !important; /* Dimmed, low-priority text */
  font-family: monospace !important; /* RPG system text vibe */
  font-size: 0.85rem !important;
  letter-spacing: 0.5px;
}

/* Currency Dropdown / Selector */
.footer__dropdown-link,
.dropdown-button {
  background-color: #1A1C19 !important;
  color: #A0A5B5 !important;
  border: 1px solid #3A3D42 !important;
  border-radius: 2px !important; /* Hard edges */
  font-family: monospace !important;
}

.footer__dropdown-inner {
  background-color: #1A1C19 !important;
  border: 1px solid #3A3D42 !important;
  border-radius: 2px !important;
}

.footer__dropdown-link:hover {
  background-color: #24262A !important;
  color: #EAEBEE !important;
}
}
#fw-section-announcement-bar-9a8d612a-fb80-466a-9fba-67ff5b8f9e2f {

/* ==========================================================================
   HFM AESTHETIC: ANNOUNCEMENT BAR ONLY
   ========================================================================== */

/* Announcement Bar Background: Forged Iron */
#fw-section-announcement-bar-9a8d612a-fb80-466a-9fba-67ff5b8f9e2f .announcement-bar,
.announcement-bar {
  background-color: #1A1C19 !important; /* Dark forged iron */
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.2) 100%) !important;
  border-bottom: 2px solid #8B0000 !important; /* Deep crimson accent */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.6) !important;
  position: relative;
  z-index: 20; /* Ensures shadow casts over the header */
}

/* Announcement Bar Text: Practical & Urgent */
.announcement-bar__label {
  color: #EAEBEE !important; /* Practical white */
  font-family: 'Cinzel', Poppins, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* Optional: Add subtle "rivets" to the ends of the text for a physical feel */
.announcement-bar__label::before,
.announcement-bar__label::after {
  content: '•';
  color: #3A3D42;
  margin: 0 12px;
  font-size: 1.2rem;
  vertical-align: middle;
}
}
#fw-section-header {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #010000;
--color-on-primary-rgb: 1, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #010000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ==========================================================================
   VALUE SELECT: HEADER & NAVIGATION ONLY
   ========================================================================== */

/* Announcement Bar Enhancements */
#fw-section-announcement-bar-9a8d612a-fb80-466a-9fba-67ff5b8f9e2f .announcement-bar,
.announcement-bar {
  background: linear-gradient(90deg, #0B0C10 0%, #2a1b3d 50%, #0B0C10 100%) !important;
  border-bottom: 1px solid rgba(138, 43, 226, 0.4);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.8);
}

.announcement-bar__label {
  color: #FFD700 !important; /* Alchemist Gold */
  letter-spacing: 2px !important;
  text-shadow: 0 0 8px rgba(255, 215, 0, 0.3);
}

/* Main Header Container */
#fw-section-header .header,
.header {
  background: rgba(11, 12, 16, 0.75) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 215, 0, 0.15);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
}

/* Logo Magical Glow */
.header__logo-image {
  filter: drop-shadow(0 0 10px rgba(65, 105, 225, 0.5));
  transition: filter 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.4s ease;
}

.header__logo-link:hover .header__logo-image {
  filter: drop-shadow(0 0 18px rgba(138, 43, 226, 0.9));
  transform: scale(1.02);
}

/* Navigation Links */
.header__nav .header__link,
.header__icons .header__icon {
  color: #EAEBEE !important;
  font-family: 'Cinzel', Poppins, sans-serif !important;
  letter-spacing: 1.5px;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
}

/* Link Hover States */
.header__nav .header__link:hover,
.header__icons .header__icon:hover {
  color: #FFD700 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.5);
}

/* Subtle underline animation for nav links */
.header__nav .header__link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #FFD700, transparent);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.header__nav .header__link:hover::after {
  width: 80%;
}
}