#fw-section-rich-text-178043396360795 {

h1, h2, h3 {
  display: inline-flex !important;
  width: auto !important;
  background: #000 !important;
  color: #fff !important;
  padding: 10px 18px !important;
  border-radius: 9999px !important;
  line-height: 1 !important;
}
}

#fw-section-hero-7029594e-59d9-4e6f-8f51-5fc54531c2e8 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ff0180;
--color-background-rgb: 255, 1, 128;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 91;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: #ffffff;
--secondary-btn-text: #ff0180;
--secondary-btn-border-color: #ffffff;

}
#fw-section-rich-text-178041757609384 {
--font-heading-scale: 0.96;
--font-body-scale: 1.25;
}
#fw-section-featured-collection-6ca9a86f-c319-4745-8f7a-c2186b73a6c5 {

h1, h2, h3 {
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: #000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 9999px;
  line-height: 1;
}
}
#fw-section-featured-collection-73a85c0c-749f-41ce-86b2-0396355c7b04 {

h1, h2, h3 {
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: #000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 9999px;
  line-height: 1;
}
}

#fw-section-hero-12bd487b-a95f-41ad-ab6b-8051392a60f1 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ff0180;
--color-background-rgb: 255, 1, 128;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 91;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: #ffffff;
--secondary-btn-text: #ff0180;
--secondary-btn-border-color: #ffffff;

}
#fw-section-featured-collection-5b6b8cb7-8eb8-4da2-9953-7f19b510c8e1 {

h1, h2, h3 {
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: #000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 9999px;
  line-height: 1;
}

}
#fw-section-featured-collection-9a86604a-3af4-48b8-b882-91f799060fe5 {

h1, h2, h3 {
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: #000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 9999px;
  line-height: 1;
}

}
#fw-section-rich-text-178043448242399 {

h1, h2, h3 {
  display: inline-flex !important;
  width: auto !important;
  background: #000 !important;
  color: #fff !important;
  padding: 10px 18px !important;
  border-radius: 9999px !important;
  line-height: 1 !important;
}
}



#fw-section-hero-0 {
--font-heading-scale: 1.31;
--font-body-scale: 1.21;
}
#fw-section-hero-0 {
--color-primary: #d700ff;
--color-primary-rgb: 215, 0, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #d700ff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: #ffffff;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ==========================================================================
   THE CYBER-PINK GLOWING BANNER BUTTON
   ========================================================================== */
/* Safely targets Fourthwall's primary banner hero buttons */
.hero__button,
[class*="hero"] a[href*="collection"],
[class*="banner"] a.button,
header + main a[class*="button"] {
    position: relative !important;
    background: #ff007f !important; /* Solid bright neon pink base */
    color: #ffffff !important;
    border: 2px solid #ff66b2 !important; /* Shimmering pink edge border */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    overflow: visible !important; /* Crucial: allows the glow effect to expand outward */
    
    /* Elegant static background neon glow */
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.4), 
                inset 0 0 10px rgba(255, 255, 255, 0.2) !important;
                
    /* Ultra-smooth transitions for hover states */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* REACTIVE HOVER STATE (When mouse glides over) */
.hero__button:hover,
[class*="hero"] a[href*="collection"]:hover,
[class*="banner"] a.button:hover,
header + main a[class*="button"]:hover {
    background: #ff1a8c !important; /* Shifts to a slightly deeper vibrant magenta */
    border-color: #ffffff !important; /* Turns border white to mimic a bright neon tube igniting */
    color: #ffffff !important;
    transform: translateY(-2px) scale(1.02) !important; /* Tiny, elegant lift response */
    
    /* Intensified ambient light bloom that shoots out across your grid layout */
    box-shadow: 0 0 30px rgba(255, 0, 127, 0.85), 
                0 0 10px rgba(255, 0, 127, 0.4), 
                inset 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* ACTIVE STATE (When physically clicking the button) */
.hero__button:active,
[class*="hero"] a[href*="collection"]:active {
    transform: translateY(1px) scale(0.99) !important; /* Satisfying physical click down effect */
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.6) !important;
}


/* Tighten the vertical spacing in the hero banner */
[class*="hero__content"], 
[class*="hero-banner__content"] {
    gap: 10px !important; /* Reduces the gap between header, subtext, and button */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Tighten the vertical spacing in the hero banner */
[class*="hero__content"], 
[class*="hero-banner__content"] {
    gap: 10px !important; /* Reduces the gap between header, subtext, and button */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Reduces margins on the specific elements */
[class*="hero__content"] h1, 
[class*="hero__content"] h2, 
[class*="hero__content"] p {
    margin-bottom: -7px !important;
    margin-top: -7px !important;
}




}
#fw-section-text-carousel-6a555353-35ba-46c9-9cc6-ce74b320a34b {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: #000000;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #000000;

}
#fw-section-featured-collection-0 {
--font-heading-scale: 1.14;
--font-body-scale: 1.34;
}
#fw-section-featured-collection-0 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: #000000;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #000000;
h1, h2, h3 {
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: #000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 9999px;
  line-height: 1;
}


}
#fw-section-links-list-c9dc05ae-a43d-49a6-8380-e3b04845bf17 {
--font-heading-scale: 0.7;
--font-body-scale: 1.39;
}
#fw-section-links-list-c9dc05ae-a43d-49a6-8380-e3b04845bf17 {
--color-primary: #ff0180;
--color-primary-rgb: 255, 1, 128;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0180;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: #000000;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #000000;
h1,  {
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: #000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 9999px;
  line-height: 1;
}


}




#fw-section-footer {
--font-heading-scale: 0.96;
--font-body-scale: 1.04;
}
#fw-section-announcement-bar-d3c3437a-eadb-4450-bd36-d5f795835f4b {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ff0180;
--color-background-rgb: 255, 1, 128;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 91;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: #ffffff;
--secondary-btn-text: #ff0180;
--secondary-btn-border-color: #ffffff;
/* Reduce the HEIGHT of the announcement bar without changing its width */

/* Main announcement bar selectors */
.announcement-bar,
.announcement,
#announcement,
.announcement-banner,
.announcement-header,
.site-announcement,
.announcement-message,
.announcement-container,
#announcement-bar,
.shopify-announcement-bar,
.header-announcement,
.top-announcement {
  height: 40px !important;          /* set desired height */
  line-height: 40px !important;     /* vertically center text */
  padding-top: 0 !important;        /* remove extra vertical padding */
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;      /* hide anything that exceeds the height */
  
  background: linear-gradient(to right, #77013C, #0D8389) !important; /* dark gray → black gradient */
  color: #fff !important;           /* text color white */
  text-align: center;               /* center text horizontally */
}

/* Adjust inner text so it doesn’t add extra height */
.announcement-bar *,
.announcement *,
#announcement *,
.announcement-banner * {
  line-height: 40px !important;     /* match the parent height */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
  color: inherit !important;        /* inherit the white color */
}

/* Responsive tweak for very small screens if needed */
@media (max-width: 700px) {
  .announcement-bar,
  .announcement,
  #announcement,
  .announcement-banner,
  .announcement-header {
    height: 36px !important;
    line-height: 36px !important;
  }
}


}
.index #fw-section-header {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: #ffffff;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #ffffff;
/* Targets ONLY the text links container wrapper */
header nav, 
ul[class*="nav-list"],
nav[class*="menu"] ul,
.header__navigation {
    /* Dropped opacity from 0.75 to 0.40 so you can actually see the Gaussian blur effect */
    background: rgba(10, 10, 12, 0.40) !important; 
    
    /* True Gaussian Blur styling */
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    
    padding: 8px 20px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important; /* Softened border to blend seamlessly */
    display: inline-flex !important; /* Prevents it from breaking lines */
    align-items: center !important;
    gap: 15px !important;
}

/* Explicitly ensures the mobile burger button wrapper stays invisible/untouched */
button[class*="burger"], 
button[class*="toggle"], 
button[class*="menu"] {
    background: transparent !important;
    border: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}
}




#fw-section-password {
--font-heading-scale: 1.33;
--font-body-scale: 1.13;
}