#fw-section-links-list-8d9acc01-d23e-4b5e-b215-16dedcd1db8c {

/* === Home / All Product Buttons === */
a.button {
    display: none; /* Hidden by default on larger screens */
    background-color: #28a745; /* Green background */
    border-radius: 50px; /* Pill shape */
    padding: 10px 20px; /* Space around text/icon */
    margin: 0 5px; /* Space between buttons */
    text-align: center; /* Center text and icon */
    color: #000000; /* Text color black */
    font-weight: bold; /* Make text stand out */
    font-size: 16px; /* Text size */
    transition: transform 0.18s ease, box-shadow 0.18s ease; /* Smooth hover effect */
    position: relative;
    overflow: hidden;
    white-space: nowrap; /* Prevent text wrapping */
}

/* Icon inside the button */
a.button svg {
    font-size: initial; /* Show icon properly */
    color: #000000; /* Icon color black */
    width: 24px; /* Icon size */
    height: 24px;
    vertical-align: middle; /* Align icon with text */
    margin-right: 8px; /* Space between icon and text */
}

/* Hover / Active effect */
a.button:hover {
    transform: scale(1.08); /* Slight growth */
    box-shadow: 0 4px 12px rgba(0,0,0,0.25); /* Subtle shadow */
}

/* Show button only on mobile */
@media (max-width: 768px) {
    a.button {
        display: inline-flex; /* Flex to align text + icon */
        align-items: center;  /* Vertical center */
        justify-content: center; /* Horizontal center */
    }
}

}

#fw-section-links-list-bcb8e367-d6b9-46fe-83b3-6162e3363456 {

/* === Home / All Product Buttons === */
a.button {
    display: none; /* Hidden by default on larger screens */
    background-color: #28a745; /* Green background */
    border-radius: 50px; /* Pill shape */
    padding: 10px 20px; /* Space around text/icon */
    margin: 0 5px; /* Space between buttons */
    text-align: center; /* Center text and icon */
    color: #000000; /* Text color black */
    font-weight: bold; /* Make text stand out */
    font-size: 16px; /* Text size */
    transition: transform 0.18s ease, box-shadow 0.18s ease; /* Smooth hover effect */
    position: relative;
    overflow: hidden;
    white-space: nowrap; /* Prevent text wrapping */
}

/* Icon inside the button */
a.button svg {
    font-size: initial; /* Show icon properly */
    color: #000000; /* Icon color black */
    width: 24px; /* Icon size */
    height: 24px;
    vertical-align: middle; /* Align icon with text */
    margin-right: 8px; /* Space between icon and text */
}

/* Hover / Active effect */
a.button:hover {
    transform: scale(1.08); /* Slight growth */
    box-shadow: 0 4px 12px rgba(0,0,0,0.25); /* Subtle shadow */
}

/* Show button only on mobile */
@media (max-width: 768px) {
    a.button {
        display: inline-flex; /* Flex to align text + icon */
        align-items: center;  /* Vertical center */
        justify-content: center; /* Horizontal center */
    }
}

}

#fw-section-links-list-4bc60ee7-7ca5-4557-a4fd-3b90093b0f99 {

/* === Home / All Product Buttons === */
a.button {
    display: none; /* Hidden by default on larger screens */
    background-color: #28a745; /* Green background */
    border-radius: 50px; /* Pill shape */
    padding: 10px 20px; /* Space around text/icon */
    margin: 0 5px; /* Space between buttons */
    text-align: center; /* Center text and icon */
    color: #000000; /* Text color black */
    font-weight: bold; /* Make text stand out */
    font-size: 16px; /* Text size */
    transition: transform 0.18s ease, box-shadow 0.18s ease; /* Smooth hover effect */
    position: relative;
    overflow: hidden;
    white-space: nowrap; /* Prevent text wrapping */
}

/* Icon inside the button */
a.button svg {
    font-size: initial; /* Show icon properly */
    color: #000000; /* Icon color black */
    width: 24px; /* Icon size */
    height: 24px;
    vertical-align: middle; /* Align icon with text */
    margin-right: 8px; /* Space between icon and text */
}

/* Hover / Active effect */
a.button:hover {
    transform: scale(1.08); /* Slight growth */
    box-shadow: 0 4px 12px rgba(0,0,0,0.25); /* Subtle shadow */
}

/* Show button only on mobile */
@media (max-width: 768px) {
    a.button {
        display: inline-flex; /* Flex to align text + icon */
        align-items: center;  /* Vertical center */
        justify-content: center; /* Horizontal center */
    }
}

}
#fw-section-custom-html-c321e177-f81c-471e-a01b-e0b6a9710cd4 {

/* === Social Buttons - Desktop Layout === */
ul.socials {
  list-style: none !important;
  display: flex !important;
  flex-wrap: nowrap !important; /* Single row on desktop */
  justify-content: center !important; /* Center on screen */
  gap: 18px !important;
  margin: 0 auto !important;
  padding: 8px 0 !important; /* Top & bottom padding */
  min-height: 80px !important; /* Enough room for hover scaling */
  overflow: visible !important; /* Allow buttons to scale without clipping */
}

ul.socials > li {
  flex: 0 0 auto !important;
  list-style: none !important;
  transform: none !important;
}

ul.socials a[href^="http"] {
  width: 64px !important;
  height: 64px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  background:
    linear-gradient(#12121a,#0f0f17) padding-box,
    linear-gradient(135deg,#00e5ff,rgba(124,58,237,.95)) border-box !important;
  border: 2px solid transparent !important;
  color: transparent !important;
  font-size: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform .18s ease !important; /* Scale effect */
}

/* Icon layer */
ul.socials a[href^="http"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: 32px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 32px 32px !important;
}

/* Removed glow layer */
ul.socials a[href^="http"]::after {
  content: none !important;
}

/* Hover effect - scale */
ul.socials a[href^="http"]:hover {
  transform: scale(1.08) !important; /* Slight scale without clipping */
}

/* --- Icon sources --- */
ul.socials a[href*="twitch.tv"]::before               { background-image: url("https://static.twitchcdn.net/assets/favicon-32-e29e246c157142c94346.png") !important; }
ul.socials a[href*="discord.com"]::before,
ul.socials a[href*="discord.gg"]::before              { background-image: url("https://cdn.prod.website-files.com/6257adef93867e50d84d30e2/6266bc493fb42d4e27bb8393_847541504914fd33810e70a0ea73177e.ico") !important; }
ul.socials a[href*="youtube.com"]::before,
ul.socials a[href*="youtu.be"]::before                { background-image: url("https://www.youtube.com/s/desktop/ba3a814f/img/logos/favicon_144x144.png") !important; }
ul.socials a[href*="tiktok.com"]::before              { background-image: url("https://www.tiktok.com/favicon.ico") !important; background-size: contain !important; }
ul.socials a[href*="x.com"]::before,
ul.socials a[href*="twitter.com"]::before            { background-image: url("https://abs.twimg.com/favicons/twitter.2.ico") !important; background-size: contain !important; }
ul.socials a[href*="fansly.com"]::before              { background-image: url("https://fansly.com/favicon.ico") !important; background-size: contain !important; }
ul.socials a[href*="steamcommunity.com"]::before,
ul.socials a[href*="store.steampowered.com"]::before  { background-image: url("https://store.steampowered.com/favicon.ico") !important; background-size: contain !important; }
ul.socials a[href*="vrchat.com"]::before              { background-image: url("https://assets.vrchat.com/www/favicons/favicon.ico") !important; background-size: contain !important; }
ul.socials a[href*="vgen.co"]::before                 { background-image: url("https://vgen.co/img/favicon.ico") !important; background-size: contain !important; }
ul.socials a[href*="bsky.app"]::before                { background-image: url("https://bsky.app/static/favicon-32x32.png") !important; background-size: contain !important; }

/* === Mobile Responsive - Stack & scale === */
@media (max-width: 767px) {
  ul.socials {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;       /* Reduced horizontal spacing by half */
    max-width: 100% !important;
    padding: 6px 0 !important; /* Extra room on mobile */
    min-height: 60px !important;
  }

  ul.socials > li {
    flex: 0 0 22% !important; /* 4 per row */
    margin-bottom: 6px !important; /* Reduced vertical spacing by half */
  }

  ul.socials a[href^="http"] {
    width: 48px !important;   /* Button size */
    height: 48px !important;
    overflow: hidden !important;
  }

  ul.socials a[href^="http"]::before {
    width: 24px !important;   /* Smaller icon */
    height: 24px !important;
    background-size: 24px 24px !important;
    inset: 0 !important;
    margin: auto !important;
  }

  ul.socials a[href^="http"]:hover {
    transform: scale(1.08) !important; /* Hover scale works on mobile */
  }
}

}
#fw-section-links-list-b21657c0-df23-49fe-b572-924c52f0b448 {

/* === Home / All Product Buttons === */
a.button {
    display: none; /* Hidden by default on larger screens */
    background-color: #28a745; /* Green background */
    border-radius: 50px; /* Pill shape */
    padding: 10px 20px; /* Space around text/icon */
    margin: 0 5px; /* Space between buttons */
    text-align: center; /* Center text and icon */
    color: #000000; /* Text color black */
    font-weight: bold; /* Make text stand out */
    font-size: 16px; /* Text size */
    transition: transform 0.18s ease, box-shadow 0.18s ease; /* Smooth hover effect */
    position: relative;
    overflow: hidden;
    white-space: nowrap; /* Prevent text wrapping */
}

/* Icon inside the button */
a.button svg {
    font-size: initial; /* Show icon properly */
    color: #000000; /* Icon color black */
    width: 24px; /* Icon size */
    height: 24px;
    vertical-align: middle; /* Align icon with text */
    margin-right: 8px; /* Space between icon and text */
}

/* Hover / Active effect */
a.button:hover {
    transform: scale(1.08); /* Slight growth */
    box-shadow: 0 4px 12px rgba(0,0,0,0.25); /* Subtle shadow */
}

/* Show button only on mobile */
@media (max-width: 768px) {
    a.button {
        display: inline-flex; /* Flex to align text + icon */
        align-items: center;  /* Vertical center */
        justify-content: center; /* Horizontal center */
    }
}

}

#fw-section-links-list-d9063c82-e5fe-4c3b-9dc8-77323b8dfc5a {

/* === Home / All Product Buttons === */
a.button {
    display: none; /* Hidden by default on larger screens */
    background-color: #28a745; /* Green background */
    border-radius: 50px; /* Pill shape */
    padding: 10px 20px; /* Space around text/icon */
    margin: 0 5px; /* Space between buttons */
    text-align: center; /* Center text and icon */
    color: #000000; /* Text color black */
    font-weight: bold; /* Make text stand out */
    font-size: 16px; /* Text size */
    transition: transform 0.18s ease, box-shadow 0.18s ease; /* Smooth hover effect */
    position: relative;
    overflow: hidden;
    white-space: nowrap; /* Prevent text wrapping */
}

/* Icon inside the button */
a.button svg {
    font-size: initial; /* Show icon properly */
    color: #000000; /* Icon color black */
    width: 24px; /* Icon size */
    height: 24px;
    vertical-align: middle; /* Align icon with text */
    margin-right: 8px; /* Space between icon and text */
}

/* Hover / Active effect */
a.button:hover {
    transform: scale(1.08); /* Slight growth */
    box-shadow: 0 4px 12px rgba(0,0,0,0.25); /* Subtle shadow */
}

/* Show button only on mobile */
@media (max-width: 768px) {
    a.button {
        display: inline-flex; /* Flex to align text + icon */
        align-items: center;  /* Vertical center */
        justify-content: center; /* Horizontal center */
    }
}

}

#fw-section-links-list-b6801f68-4dcf-4363-9a52-f759d9ebbddc {

a.button {
    font-size: 0; /* Hides the text */
    display: none; /* Hides the button by default (on larger screens) */
    background-color: #6b5b95; /* Purple background color matching the image */
    border-radius: 50px; /* Rounded corners to match the pill shape */
    padding: 10px 15px; /* Adjust padding for proper spacing around the icon */
    margin: 0 5px; /* Space between buttons */
    text-align: center; /* Center the icon */
}

a.button svg {
    font-size: initial; /* Keeps icons visible */
    color: #ffffff; /* White color for the icons */
    width: 24px; /* Adjust icon size if needed */
    height: 24px;
}

/* Show the button only on mobile (screen width 768px or smaller) */
@media (max-width: 768px) {
    a.button {
        display: inline-block; /* Shows the button on mobile, inline-block for horizontal alignment */
    }
}
}

#fw-section-custom-html-558734e0-ffb0-4b65-be3b-4b44cbbd488c {

/* === Social Buttons - Desktop Layout === */
ul.socials {
  list-style: none !important;
  display: flex !important;
  flex-wrap: nowrap !important; /* Single row on desktop */
  justify-content: center !important; /* Center on screen */
  gap: 18px !important;
  margin: 0 auto !important;
  padding: 8px 0 !important; /* Top & bottom padding */
  min-height: 80px !important; /* Enough room for hover scaling */
  overflow: visible !important; /* Allow buttons to scale without clipping */
}

ul.socials > li {
  flex: 0 0 auto !important;
  list-style: none !important;
  transform: none !important;
}

ul.socials a[href^="http"] {
  width: 64px !important;
  height: 64px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  background:
    linear-gradient(#12121a,#0f0f17) padding-box,
    linear-gradient(135deg,#00e5ff,rgba(124,58,237,.95)) border-box !important;
  border: 2px solid transparent !important;
  color: transparent !important;
  font-size: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform .18s ease !important; /* Scale effect */
}

/* Icon layer */
ul.socials a[href^="http"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: 32px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 32px 32px !important;
}

/* Removed glow layer */
ul.socials a[href^="http"]::after {
  content: none !important;
}

/* Hover effect - scale */
ul.socials a[href^="http"]:hover {
  transform: scale(1.08) !important; /* Slight scale without clipping */
}

/* --- Icon sources --- */
ul.socials a[href*="twitch.tv"]::before               { background-image: url("https://static.twitchcdn.net/assets/favicon-32-e29e246c157142c94346.png") !important; }
ul.socials a[href*="discord.com"]::before,
ul.socials a[href*="discord.gg"]::before              { background-image: url("https://cdn.prod.website-files.com/6257adef93867e50d84d30e2/6266bc493fb42d4e27bb8393_847541504914fd33810e70a0ea73177e.ico") !important; }
ul.socials a[href*="youtube.com"]::before,
ul.socials a[href*="youtu.be"]::before                { background-image: url("https://www.youtube.com/s/desktop/ba3a814f/img/logos/favicon_144x144.png") !important; }
ul.socials a[href*="tiktok.com"]::before              { background-image: url("https://www.tiktok.com/favicon.ico") !important; background-size: contain !important; }
ul.socials a[href*="x.com"]::before,
ul.socials a[href*="twitter.com"]::before            { background-image: url("https://abs.twimg.com/favicons/twitter.2.ico") !important; background-size: contain !important; }
ul.socials a[href*="fansly.com"]::before              { background-image: url("https://fansly.com/favicon.ico") !important; background-size: contain !important; }
ul.socials a[href*="steamcommunity.com"]::before,
ul.socials a[href*="store.steampowered.com"]::before  { background-image: url("https://store.steampowered.com/favicon.ico") !important; background-size: contain !important; }
ul.socials a[href*="vrchat.com"]::before              { background-image: url("https://assets.vrchat.com/www/favicons/favicon.ico") !important; background-size: contain !important; }
ul.socials a[href*="vgen.co"]::before                 { background-image: url("https://vgen.co/img/favicon.ico") !important; background-size: contain !important; }
ul.socials a[href*="bsky.app"]::before                { background-image: url("https://bsky.app/static/favicon-32x32.png") !important; background-size: contain !important; }

/* === Mobile Responsive - Stack & scale === */
@media (max-width: 767px) {
  ul.socials {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;       /* Reduced horizontal spacing by half */
    max-width: 100% !important;
    padding: 6px 0 !important; /* Extra room on mobile */
    min-height: 60px !important;
  }

  ul.socials > li {
    flex: 0 0 22% !important; /* 4 per row */
    margin-bottom: 6px !important; /* Reduced vertical spacing by half */
  }

  ul.socials a[href^="http"] {
    width: 48px !important;   /* Button size */
    height: 48px !important;
    overflow: hidden !important;
  }

  ul.socials a[href^="http"]::before {
    width: 24px !important;   /* Smaller icon */
    height: 24px !important;
    background-size: 24px 24px !important;
    inset: 0 !important;
    margin: auto !important;
  }

  ul.socials a[href^="http"]:hover {
    transform: scale(1.08) !important; /* Hover scale works on mobile */
  }
}

}
#fw-section-links-list-8bf9784c-7ed9-48d3-b24b-54338c229ae6 {

/* === Home / All Product Buttons === */
a.button {
    display: none; /* Hidden by default on larger screens */
    background-color: #28a745; /* Green background */
    border-radius: 50px; /* Pill shape */
    padding: 10px 20px; /* Space around text/icon */
    margin: 0 5px; /* Space between buttons */
    text-align: center; /* Center text and icon */
    color: #000000; /* Text color black */
    font-weight: bold; /* Make text stand out */
    font-size: 16px; /* Text size */
    transition: transform 0.18s ease, box-shadow 0.18s ease; /* Smooth hover effect */
    position: relative;
    overflow: hidden;
    white-space: nowrap; /* Prevent text wrapping */
}

/* Icon inside the button */
a.button svg {
    font-size: initial; /* Show icon properly */
    color: #000000; /* Icon color black */
    width: 24px; /* Icon size */
    height: 24px;
    vertical-align: middle; /* Align icon with text */
    margin-right: 8px; /* Space between icon and text */
}

/* Hover / Active effect */
a.button:hover {
    transform: scale(1.08); /* Slight growth */
    box-shadow: 0 4px 12px rgba(0,0,0,0.25); /* Subtle shadow */
}

/* Show button only on mobile */
@media (max-width: 768px) {
    a.button {
        display: inline-flex; /* Flex to align text + icon */
        align-items: center;  /* Vertical center */
        justify-content: center; /* Horizontal center */
    }
}

}
#fw-section-featured-collection-09dd1da2-a008-4a1c-8b2d-9851ef432572 {

/* Center all heading text */
h1, h2, h3, h4, h5, h6 {
    text-align: center !important;
}

}
#fw-section-featured-product-9a7e303b-9301-4d46-b60a-fbd3d1a923a7 {
--color-primary: #9A47FF;
--color-primary-rgb: 154, 71, 255;
--color-background: #16162D;
--color-background-rgb: 22, 22, 45;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #00ffff;
--color-on-background-rgb: 0, 255, 255;
--color-product-image-background: #00ffff;
--color-background-brightness: 25;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-recent-videos-fd9982b7-7bf2-4faa-af5a-6c035e5b325d {

/* Center all heading text */
h1, h2, h3, h4, h5, h6 {
    text-align: center !important;
}

}
#fw-section-app-tiktok-d19d03 {

/* Center all heading text */
h1, h2, h3, h4, h5, h6 {
    text-align: center !important;
}

}

#fw-section-footer {
--color-primary: #9A47FF;
--color-primary-rgb: 154, 71, 255;
--color-background: #16162D;
--color-background-rgb: 22, 22, 45;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #00ffff;
--color-on-background-rgb: 0, 255, 255;
--color-product-image-background: #00ffff;
--color-background-brightness: 25;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-header {

/* === Simple Buttons (All Screens) === */
nav a {
    display: inline-block;          /* Always show */
    background-color: #32CD32;      /* Lime Green */
    color: black;                   /* Text color */
    padding: 10px 20px;
    margin: 5px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #228B22;     /* Darker green border */
    transition: all 0.3s ease-in-out;
    text-align: center;
    position: relative;             /* For layering */
    z-index: 9999;                  /* Ensure above other elements */
}

/* Hover effect */
nav a:hover {
    background-color: #228B22;      /* Darker green */
    color: white;
    transform: scale(1.05);
}

/* Active click effect */
nav a:active {
    transform: scale(0.95);
}

}
#fw-section-links-list-fde0e148-7903-432b-827a-375b84895355 {

/* === Home / All Product Buttons === */
a.button {
    display: none; /* Hidden by default on larger screens */
    background-color: #28a745; /* Green background */
    border-radius: 50px; /* Pill shape */
    padding: 10px 20px; /* Space around text/icon */
    margin: 0 5px; /* Space between buttons */
    text-align: center; /* Center text and icon */
    color: #000000; /* Text color black */
    font-weight: bold; /* Make text stand out */
    font-size: 16px; /* Text size */
    transition: transform 0.18s ease, box-shadow 0.18s ease; /* Smooth hover effect */
    position: relative;
    overflow: hidden;
    white-space: nowrap; /* Prevent text wrapping */
}

/* Icon inside the button */
a.button svg {
    font-size: initial; /* Show icon properly */
    color: #000000; /* Icon color black */
    width: 24px; /* Icon size */
    height: 24px;
    vertical-align: middle; /* Align icon with text */
    margin-right: 8px; /* Space between icon and text */
}

/* Hover / Active effect */
a.button:hover {
    transform: scale(1.08); /* Slight growth */
    box-shadow: 0 4px 12px rgba(0,0,0,0.25); /* Subtle shadow */
}

/* Show button only on mobile */
@media (max-width: 768px) {
    a.button {
        display: inline-flex; /* Flex to align text + icon */
        align-items: center;  /* Vertical center */
        justify-content: center; /* Horizontal center */
    }
}

}