#fw-section-rich-text-e1a52c4f-bc53-4983-8c46-2e704298c6d5 {
--color-primary: #ff0050;
--color-primary-rgb: 255, 0, 80;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0050;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-rich-text-4128a588-c26f-42ae-acbe-408f03d854b7 {
--color-primary: #ff0050;
--color-primary-rgb: 255, 0, 80;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0050;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-rich-text-b9b92776-ae94-432a-8732-2617a5c3ce42 {
--color-primary: #ff0050;
--color-primary-rgb: 255, 0, 80;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0050;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-rich-text-3e2191af-0932-4f36-a475-ffc83003de69 {
--color-primary: #ff0050;
--color-primary-rgb: 255, 0, 80;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0050;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-rich-text-720387fc-d2b1-4e8b-bc9b-7544238e6c81 {
--color-primary: #ff0050;
--color-primary-rgb: 255, 0, 80;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0050;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-custom-html-65ed10be-365a-48c9-9519-59cd1feba592 {

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.vine-container {
    width: 100%;
    height: 100px;
    position: relative;
    overflow: hidden;
}

.vine-line {
    width: 100%;
    height: 100%;
}

.vine-path {
    fill: none;
    stroke: #ffffff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

}
#fw-section-collection-template {
--color-primary: #ff0050;
--color-primary-rgb: 255, 0, 80;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0050;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}

#fw-section-custom-html-b6353bc8-2204-40e6-9300-4dfae4eec155 {

/* ============================================================
   HERO BANNER
   ============================================================ */

/* Ensure the FourthWall wrapper around the hero also has a black bg
   so the diagonal divider's negative margin doesn't reveal body bg */
.custom-html,
.custom-html:has(.monstora-hero),
[id*="fw-section-custom-html"] {
  background-color: var(--monstora-black) !important;
  overflow: visible !important;
  padding: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
}

.monstora-hero {
  position: relative !important;
  width: 100% !important;
  min-height: 88vh !important;
  background-color: var(--monstora-black) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: none !important;
}

/* Full-bleed Artwork Background Filling Hero Section at 15% Opacity */
.monstora-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  background-image: url('https://imgproxy.fourthwall.dev/R48pviqmdwwkhE44bO7-6YLcyPmdzJx4YZr2xzihu3w/w:1920/sm:1/enc/uZZxKjvnZyxUh_Jx/779CP8-cmlHzp8mb/_iAPqaJqwfYDu1ga/n6nA8JAIKGniytx9/aqArYhNXoGjSij8b/SavvpV9TYXhk3WdN/d2cC8VR5HzK78wk3/Tuiv6Qix8-smzRuk/0l7ghMxtuVmpHD_l/KqWeepZLSyYcZ0NQ/WhRXAxOgQWEAO_-3/bIQHECERZ9ahbK6p/MsbAWih_G5cnixX7/-_MzGmkU-5b-c6bF/kn2UTaGIDAFI71t8/TrAc7eMd7-8n-lKP.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  opacity: 0.15 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Overlapping diagonal triangles */
.monstora-hero__triangle {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  height: 100% !important;
  width: 55% !important;
  transition: width 0.1s linear !important;
  pointer-events: none !important;
}

.monstora-hero__triangle--back {
  background: var(--monstora-pink) !important;
  clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%) !important;
  z-index: 1 !important;
  opacity: 0.9 !important;
}

.monstora-hero__triangle--front {
  background: #151515 !important;
  clip-path: polygon(42% 0, 100% 0, 100% 100%, 18% 100%) !important;
  z-index: 2 !important;
  box-shadow: -15px 0 35px rgba(0, 0, 0, 0.8) !important;
}

@keyframes triangleBackSlice {
  0% { width: 95%; opacity: 0.4; }
  55% { width: 50%; }
  78% { width: 58%; }
  100% { width: 55%; opacity: 0.9; }
}

@keyframes triangleFrontSlice {
  0% { width: 90%; opacity: 0.3; }
  55% { width: 52%; }
  78% { width: 57%; }
  100% { width: 55%; opacity: 1; }
}

.monstora-hero__triangle--back.is-intro {
  animation: triangleBackSlice 1s var(--monstora-spring-in) 0.05s both !important;
}

.monstora-hero__triangle--front.is-intro {
  animation: triangleFrontSlice 1s var(--monstora-spring-in) 0.14s both !important;
}

.monstora-hero__content {
  position: relative !important;
  z-index: 10 !important;
  width: 100% !important;
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 60px 28px 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 50px !important;
}

.monstora-hero__text {
  flex: 1 !important;
  max-width: 580px !important;
}

.monstora-hero__sub-badge {
  display: inline-block !important;
  background: var(--monstora-pink) !important;
  color: var(--monstora-white) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  padding: 6px 16px !important;
  margin-bottom: 18px !important;
  clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%) !important;
  box-shadow: 4px 4px 0 #000 !important;
}

.monstora-hero__tagline {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  margin-bottom: 34px !important;
  line-height: 1.6 !important;
}

.monstora-hero__cta {
  display: inline-block !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.09em !important;
  color: var(--monstora-white) !important;
  background: var(--monstora-pink) !important;
  padding: 16px 44px !important;
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%) !important;
  box-shadow: 5px 5px 0px #000 !important;
  transition: transform 0.25s var(--monstora-spring), filter 0.25s ease !important;
  text-decoration: none !important;
}

.monstora-hero__cta:hover {
  transform: translate(-2px, -2px) !important;
  filter: brightness(1.15) !important;
}

.monstora-hero__product {
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 10 !important;
}

.monstora-hero__product-card {
  position: relative !important;
}

.monstora-hero__product-tag {
  position: absolute !important;
  top: -12px !important;
  left: 12px !important;
  background: #000000 !important;
  color: var(--monstora-pink) !important;
  border: 2px solid var(--monstora-pink) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  padding: 4px 14px !important;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;
  z-index: 15 !important;
  box-shadow: 3px 3px 0 var(--monstora-pink) !important;
}

.monstora-hero__product-img {
  max-width: 400px !important;
  width: 100% !important;
  height: auto !important;
  filter: drop-shadow(12px 12px 0px rgba(255, 0, 92, 0.7)) !important;
  transition: transform 0.4s var(--monstora-spring), filter 0.4s ease !important;
}

.monstora-hero__product-card:hover .monstora-hero__product-img {
  transform: scale(1.04) rotate(1deg) !important;
  filter: drop-shadow(16px 16px 0px var(--monstora-pink)) !important;
}

/* ============================================================
   20-FRAME STEPPED CHROMATIC GLITCH EFFECT
   ============================================================ */
.monstora-glitch {
  position: relative !important;
  display: inline-block !important;
  cursor: pointer !important;
  user-select: none !important;
  line-height: 0 !important;
  margin-bottom: 24px !important;
}

.monstora-glitch__base {
  max-width: 440px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  filter: drop-shadow(0 0 25px rgba(255, 0, 92, 0.45)) !important;
}

.monstora-glitch__slice {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.monstora-glitch__slice img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Active Glitch Animations (Triggered via JS on hover/click/settle) */
.monstora-glitch.is-glitching .monstora-glitch__base {
  animation: glitchBase 0.52s steps(1) both !important;
}

.monstora-glitch.is-glitching .monstora-glitch__slice--top {
  animation: glitchSliceTop 0.52s steps(1) both !important;
}

.monstora-glitch.is-glitching .monstora-glitch__slice--mid {
  animation: glitchSliceMid 0.52s steps(1) both !important;
}

.monstora-glitch.is-glitching .monstora-glitch__slice--bot {
  animation: glitchSliceBot 0.52s steps(1) both !important;
}

.monstora-glitch.is-glitching .monstora-glitch__pixels {
  animation: glitchPixelsContainer 0.52s steps(1) both !important;
}

@keyframes glitchBase {
  0%   { transform: translate(0, 0); filter: drop-shadow(0 0 25px rgba(255, 0, 92, 0.45)); }
  5%   { transform: translate(-5px, 2px); filter: drop-shadow(-6px 0 10px #00F0FF); }
  10%  { transform: translate(6px, -2px); filter: drop-shadow(6px 0 14px #FF005C); }
  15%  { transform: translate(-3px, 1px); filter: drop-shadow(-3px 0 8px #00F0FF); }
  20%  { transform: translate(7px, 2px); filter: drop-shadow(7px 0 16px #FF005C); }
  25%  { transform: translate(-6px, -1px); filter: drop-shadow(-6px 0 12px #00F0FF); }
  30%  { transform: translate(4px, 1px); filter: drop-shadow(4px 0 10px #FF005C); }
  35%  { transform: translate(-7px, 2px); filter: drop-shadow(-7px 0 14px #00F0FF); }
  40%  { transform: translate(5px, -2px); filter: drop-shadow(5px 0 12px #FF005C); }
  45%  { transform: translate(-4px, 1px); filter: drop-shadow(-4px 0 10px #00F0FF); }
  50%  { transform: translate(6px, 2px); filter: drop-shadow(6px 0 14px #FF005C); }
  55%  { transform: translate(-3px, -1px); filter: drop-shadow(-3px 0 8px #00F0FF); }
  60%  { transform: translate(5px, 1px); filter: drop-shadow(5px 0 12px #FF005C); }
  65%  { transform: translate(-2px, 2px); filter: drop-shadow(-4px 0 10px #00F0FF); }
  70%  { transform: translate(4px, -1px); filter: drop-shadow(4px 0 10px #FF005C); }
  75%  { transform: translate(-3px, 0); filter: drop-shadow(-2px 0 8px #00F0FF); }
  80%  { transform: translate(2px, 1px); filter: drop-shadow(3px 0 10px #FF005C); }
  85%  { transform: translate(-1px, -1px); filter: drop-shadow(0 0 15px rgba(255, 0, 92, 0.5)); }
  92%  { transform: translate(1px, 0); filter: drop-shadow(0 0 20px rgba(255, 0, 92, 0.45)); }
  100% { transform: translate(0, 0); filter: drop-shadow(0 0 25px rgba(255, 0, 92, 0.45)); }
}

@keyframes glitchSliceTop {
  0%   { opacity: 0; }
  5%   { opacity: 0.95; clip-path: inset(0% 0% 60% 0%); transform: translate(-18px, -2px); filter: drop-shadow(4px 0 0 #FF005C) brightness(1.25); }
  10%  { opacity: 0; }
  15%  { opacity: 0.9; clip-path: inset(10% 0% 70% 0%); transform: translate(20px, 1px); filter: drop-shadow(-5px 0 0 #FF005C); }
  20%  { opacity: 0; }
  25%  { opacity: 0.95; clip-path: inset(0% 0% 50% 0%); transform: translate(-22px, 2px); filter: drop-shadow(5px 0 0 #FF005C); }
  30%  { opacity: 0; }
  35%  { opacity: 0.9; clip-path: inset(15% 0% 65% 0%); transform: translate(16px, -1px); filter: drop-shadow(-4px 0 0 #FF005C); }
  40%  { opacity: 0; }
  45%  { opacity: 0.95; clip-path: inset(5% 0% 55% 0%); transform: translate(-16px, 1px); filter: drop-shadow(4px 0 0 #FF005C); }
  50%  { opacity: 0; }
  55%  { opacity: 0.85; clip-path: inset(0% 0% 68% 0%); transform: translate(14px, 0); filter: drop-shadow(-3px 0 0 #FF005C); }
  60%  { opacity: 0; }
  65%  { opacity: 0.9; clip-path: inset(8% 0% 60% 0%); transform: translate(-12px, -1px); filter: drop-shadow(3px 0 0 #FF005C); }
  70%  { opacity: 0; }
  75%  { opacity: 0.75; clip-path: inset(0% 0% 75% 0%); transform: translate(8px, 1px); filter: drop-shadow(-2px 0 0 #FF005C); }
  80%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes glitchSliceMid {
  0%   { opacity: 0; }
  5%   { opacity: 0; }
  10%  { opacity: 0.95; clip-path: inset(30% 0% 36% 0%); transform: translate(22px, 0); filter: drop-shadow(-5px 0 0 #00F0FF) brightness(1.3); }
  15%  { opacity: 0; }
  20%  { opacity: 0.95; clip-path: inset(42% 0% 24% 0%); transform: translate(-24px, -2px); filter: drop-shadow(5px 0 0 #00F0FF); }
  25%  { opacity: 0; }
  30%  { opacity: 0.9; clip-path: inset(25% 0% 48% 0%); transform: translate(18px, 1px); filter: drop-shadow(-4px 0 0 #00F0FF); }
  35%  { opacity: 0; }
  40%  { opacity: 0.95; clip-path: inset(36% 0% 30% 0%); transform: translate(-20px, 0); filter: drop-shadow(4px 0 0 #00F0FF); }
  45%  { opacity: 0; }
  50%  { opacity: 0.9; clip-path: inset(28% 0% 45% 0%); transform: translate(16px, -1px); filter: drop-shadow(-3px 0 0 #00F0FF); }
  55%  { opacity: 0; }
  60%  { opacity: 0.95; clip-path: inset(40% 0% 28% 0%); transform: translate(-14px, 1px); filter: drop-shadow(3px 0 0 #00F0FF); }
  65%  { opacity: 0; }
  70%  { opacity: 0.8; clip-path: inset(32% 0% 40% 0%); transform: translate(10px, 0); filter: drop-shadow(-2px 0 0 #00F0FF); }
  75%  { opacity: 0; }
  80%  { opacity: 0.6; clip-path: inset(35% 0% 35% 0%); transform: translate(-6px, 0); filter: drop-shadow(2px 0 0 #00F0FF); }
  85%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes glitchSliceBot {
  0%   { opacity: 0; }
  5%   { opacity: 0.85; clip-path: inset(65% 0% 0% 0%); transform: translate(16px, 2px); filter: drop-shadow(-4px 0 0 #00F0FF); }
  10%  { opacity: 0.9; clip-path: inset(70% 0% 0% 0%); transform: translate(-18px, 0); filter: drop-shadow(5px 0 0 #FF005C); }
  15%  { opacity: 0; }
  20%  { opacity: 0.9; clip-path: inset(58% 0% 10% 0%); transform: translate(20px, -1px); filter: drop-shadow(-5px 0 0 #FF005C); }
  25%  { opacity: 0; }
  30%  { opacity: 0.85; clip-path: inset(68% 0% 0% 0%); transform: translate(-16px, 1px); filter: drop-shadow(4px 0 0 #00F0FF); }
  35%  { opacity: 0; }
  40%  { opacity: 0.9; clip-path: inset(62% 0% 5% 0%); transform: translate(18px, -1px); filter: drop-shadow(-4px 0 0 #FF005C); }
  45%  { opacity: 0; }
  50%  { opacity: 0.85; clip-path: inset(72% 0% 0% 0%); transform: translate(-14px, 0); filter: drop-shadow(3px 0 0 #00F0FF); }
  55%  { opacity: 0; }
  60%  { opacity: 0.8; clip-path: inset(64% 0% 8% 0%); transform: translate(12px, 1px); filter: drop-shadow(-3px 0 0 #FF005C); }
  65%  { opacity: 0; }
  70%  { opacity: 0.7; clip-path: inset(75% 0% 0% 0%); transform: translate(-8px, 0); filter: drop-shadow(2px 0 0 #00F0FF); }
  75%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes glitchPixelsContainer {
  0%   { opacity: 0; }
  5%   { opacity: 1; transform: translate(0, 0); }
  10%  { opacity: 0; }
  15%  { opacity: 1; transform: translate(-8px, 3px); }
  20%  { opacity: 1; transform: translate(10px, -3px); }
  25%  { opacity: 0; }
  30%  { opacity: 1; transform: translate(-6px, 2px); }
  35%  { opacity: 0; }
  40%  { opacity: 1; transform: translate(8px, -2px); }
  45%  { opacity: 1; transform: translate(-4px, 4px); }
  50%  { opacity: 0; }
  55%  { opacity: 1; transform: translate(6px, -1px); }
  60%  { opacity: 0; }
  65%  { opacity: 1; transform: translate(-5px, 2px); }
  70%  { opacity: 0; }
  75%  { opacity: 0.8; transform: translate(3px, -1px); }
  80%  { opacity: 0; }
  100% { opacity: 0; }
}

.monstora-glitch__pixels {
  position: absolute !important;
  inset: -14px !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

.gp {
  position: absolute !important;
  display: block !important;
}

.gp-1  { top: 12%; left: 6%; width: 22px; height: 4px; background: #00F0FF; box-shadow: 0 0 8px #00F0FF; }
.gp-2  { top: 26%; left: 22%; width: 8px; height: 8px; background: #FF005C; box-shadow: 0 0 6px #FF005C; }
.gp-3  { top: 48%; left: 42%; width: 34px; height: 3px; background: #FFFFFF; box-shadow: 0 0 6px #FFFFFF; }
.gp-4  { top: 16%; right: 14%; width: 26px; height: 5px; background: #FF005C; box-shadow: 0 0 10px #FF005C; }
.gp-5  { top: 66%; left: 14%; width: 28px; height: 3px; background: #00F0FF; box-shadow: 0 0 8px #00F0FF; }
.gp-6  { top: 82%; left: 58%; width: 38px; height: 3px; background: #FF005C; box-shadow: 0 0 8px #FF005C; }
.gp-7  { top: 38%; right: 6%; width: 10px; height: 10px; background: #00F0FF; box-shadow: 0 0 8px #00F0FF; }
.gp-8  { top: 76%; left: 30%; width: 18px; height: 5px; background: #FFFFFF; box-shadow: 0 0 6px #FFFFFF; }
.gp-9  { bottom: 2%; right: 24%; width: 24px; height: 4px; background: #FF005C; box-shadow: 0 0 8px #FF005C; }
.gp-10 { top: 54%; right: 35%; width: 7px; height: 7px; background: #00F0FF; box-shadow: 0 0 6px #00F0FF; }

/* Responsive adjustments */
@media (max-width: 768px) {
  .monstora-hero {
    min-height: 600px !important;
    height: auto !important;
  }

  .monstora-hero__content {
    flex-direction: column !important;
    text-align: center !important;
    padding: 40px 20px 80px !important;
  }

  .monstora-glitch__base {
    max-width: 280px !important;
  }

  .monstora-hero__product-img {
    max-width: 240px !important;
  }

  .monstora-hero__triangle--back {
    clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%) !important;
    width: 100% !important;
  }

  .monstora-hero__triangle--front {
    clip-path: polygon(0 50%, 100% 20%, 100% 100%, 0% 100%) !important;
    width: 100% !important;
  }
}
}
#fw-section-featured-collection-0 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ff005c;
--color-background-rgb: 255, 0, 92;
--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: #ffffff;
--color-background-brightness: 87;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-featured-collection-3d427343-b53b-48d3-896f-e88c2296a381 {
--color-primary: #ff0050;
--color-primary-rgb: 255, 0, 80;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0050;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-featured-collection-4d929c9a-1979-4437-8928-b1772b7e7d88 {
--color-primary: #ff0078;
--color-primary-rgb: 255, 0, 120;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0078;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-footer {

.container a {
    background-color: black;
    padding: 8px 15px;
    text-decoration: none;
    display: inline-block;
}
}
#fw-section-header {
--color-primary: #ff0050;
--color-primary-rgb: 255, 0, 80;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0050;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-custom-html-f803850d-f5c9-4d40-9395-b6fd82fa24e0 {

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.vine-container {
    width: 100%;
    height: 100px;
    position: relative;
    overflow: hidden;
}

.vine-line {
    width: 100%;
    height: 100%;
}

.vine-path {
    fill: none;
    stroke: #ffffff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

}
#fw-section-custom-html-4ecfe2b9-3a32-4211-afb7-374effa515de {

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.vine-container {
    width: 100%;
    height: 100px;
    position: relative;
    overflow: hidden;
}

.vine-line {
    width: 100%;
    height: 100%;
}

.vine-path {
    fill: none;
    stroke: #ffffff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

}
#fw-section-product {
--color-primary: #ff0050;
--color-primary-rgb: 255, 0, 80;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0050;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-custom-html-1ea71f4f-5398-4d43-9d52-329f4b0539bd {

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.vine-container {
    width: 100%;
    height: 100px;
    position: relative;
    overflow: hidden;
}

.vine-line {
    width: 100%;
    height: 100%;
}

.vine-path {
    fill: none;
    stroke: #ffffff;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

}
#fw-section-custom-html-8ac6cac1-f2a9-424b-a344-ed7bf25afe7e {

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.vine-container {
    width: 100%;
    height: 100px;
    position: relative;
    overflow: hidden;
}

.vine-line {
    width: 100%;
    height: 100%;
}

.vine-path {
    fill: none;
    stroke: #ffffff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

}
#fw-section-product-recommendations {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ff0050;
--color-background-rgb: 255, 0, 80;
--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: #ffffff;
--color-background-brightness: 85;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}






#fw-section-password {
--color-primary: #ff0050;
--color-primary-rgb: 255, 0, 80;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0050;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}