#fw-section-image-with-text-ee44a6c1-b2a5-4de6-ac88-935c25277cae {
--font-heading-scale: 2.0;
--font-body-scale: 1.0;
}








#fw-section-rich-text-176263797826770 {
--font-heading-scale: 2.0;
--font-body-scale: 1.0;
}
#fw-section-custom-html-22b5097a-5fb9-4d81-873f-46e83b5fa820 {

p {
  color: limegreen;              /* white text */
  font-size: 19px;          /* small text */
  font-style: italic;       /* italic text */
  text-align: center;       /* center text */
  font-family: Arial, sans-serif;
  max-width: 500px;         /* limit width */
  margin: 0 auto;           /* center block element */
  line-height: 1.4;         /* nice spacing */
}
p span {
  font-weight: bold;
  font-size: 25px;
  font-family: Arial, sans-serif;
}
}







#fw-section-featured-collection-1727328401 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}

#fw-section-links-list-d2a11ffc-b849-496b-9191-277cd657311f {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}


#fw-section-hero-1727327304 {
--color-primary: #42ba00;
--color-primary-rgb: 66, 186, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #42ba00;
--color-on-background-rgb: 66, 186, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #42ba00;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #42ba00;
--primary-btn-text: #000000;
--primary-btn-border-color: #42ba00;
--secondary-btn-bg: transparent;
--secondary-btn-text: #42ba00;
--secondary-btn-border-color: #42ba00;

}


#fw-section-donations-1dd8d57e-b685-44eb-965a-3f6f128c0b0a {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position 1s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}



#fw-section-collections-list-49df28d5-f947-475f-83fd-a87cf497bd19 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-featured-collection-6ca05b62-4c0d-4253-9553-745ed51a11ed {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-a32c08db-93ec-4d0e-87b0-c19c7a002392 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}

#fw-section-hero-660d8205-2a3c-4446-bb5d-15d61c1d2ba2 {
--color-primary: #42ba00;
--color-primary-rgb: 66, 186, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #42ab00;
--color-on-background-rgb: 66, 171, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #42ab00;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #42ba00;
--primary-btn-text: #000000;
--primary-btn-border-color: #42ab00;
--secondary-btn-bg: transparent;
--secondary-btn-text: #42ab00;
--secondary-btn-border-color: #42ab00;

}
#fw-section-featured-collection-5f08b474-b9c4-43ae-aebf-cd384dd18140 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-983ae965-731b-4442-a119-081f0f79a21f {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}


#fw-section-featured-collection-1727905302 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-e73538ac-dc78-43cb-bca6-d41cb00d2bd3 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}







#fw-section-featured-collection-1727328516 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-520338e4-226b-4e8b-b31a-d9374b84ccd9 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}


#fw-section-collections-list-8a9c7764-66d4-4387-9f32-41532e999096 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-featured-collection-1727328262 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-a873a7ce-7706-408a-96ee-c375a74e53d5 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}


#fw-section-image-c75293cd-e4da-4d33-8175-884051da49be {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-collections-list-3bede313-8cda-4b8c-a823-261bf4d354f9 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}


#fw-section-announcement-bar-19983b21-a04c-4369-b747-a5e81611412d {
--color-primary: #00182d;
--color-primary-rgb: 0, 24, 45;
--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: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #00182d;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}






#fw-section-collection-template {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-6cdc50ac-c0f2-4480-b6b0-dc2f113c9b27 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}

#fw-section-announcement-bar-764e7014-1db2-41f8-b118-25e030e9c2d8 {
--font-heading-scale: 0.87;
--font-body-scale: 1.52;
}
#fw-section-announcement-bar-764e7014-1db2-41f8-b118-25e030e9c2d8 {
--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: #ffffff;
--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: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}

#fw-section-collections-list-6747b833-5f04-4dbc-a3f3-62d78b0e0c2a {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-collection-template-collection-shirts {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-5d2de8ee-6826-4bc8-81db-d4ea9e4b6def {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}

#fw-section-collections-list-eb49b788-dcc0-4ee9-92a7-af9883fd77fd {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-collection-template-collection-with-added {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-ba28cb2e-72ff-4559-8c50-2513dfc3b42c {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}

#fw-section-hero-video-0 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
.hero.hero--fw-section-hero-video-0 {
    position: relative; /* Essential for aligning the black overlay */
    
    /* 1. THE TRANSPARENCY FADE */
    /* This cuts the video out to reveal the background */
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}

.hero.hero--fw-section-hero-video-0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 2. THE BLACK FADE */
    /* This adds the black tint on top of the video */
    /* 'transparent 60%' means it stays clear until 60% down, then fades to black */
    background: linear-gradient(to bottom, transparent 70%, black 100%);
    
    pointer-events: none; /* Ensures you can still click video controls */
    z-index: 1; 
}
}
#fw-section-image-fe241605-7819-470c-8796-4d9029adabfe {

/* 1. The Container */
.image-section {
  position: relative !important;
  display: block;
  overflow: hidden;
}

/* 2. The Image Blur */
.image-section__image {
  transition: filter 0.3s ease-in-out !important;
}

.image-section:hover .image-section__image {
  filter: blur(4px) !important;
}

/* 3. The Text Styling */
.image-section::after {
  content: "🔥Check Them Out NOW!🔥";
  position: absolute;
  top: 60%;
  left: 53%;
  transform: translate(-50%, -50%);
  
  /* Inherits site font but overrides style */
  font-family: inherit;
  font-size: 1.5rem; /* Slightly bigger than standard 1rem/1.2rem */
  font-weight: bold;
  color: #000000 !important; /* Forces text to Black */
  
  /* Thin White Outline */
  text-shadow: 
    -1px -1px 0 #fff,  
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff;

  /* Fade Logic */
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
  z-index: 10;
  text-align: center;
  white-space: nowrap;
}

/* 4. Show text on hover */
.image-section:hover::after {
  opacity: 1 !important;
}
}
#fw-section-hero-448abdc8-b0a6-40f5-93a1-2a36d193c141 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}




#fw-section-featured-product-1727220731 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position 1.2s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}
#fw-section-featured-collection-1723247500 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-text-carousel-e63bf677-18ec-40c6-95c2-9982b27cd1b5 {
--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: #ffffff;
--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: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-collections-list-c12a9a6d-634f-45ce-b99c-55aa9b5e06a0 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}



#fw-section-hero-1727494590 {
--color-primary: #42ba00;
--color-primary-rgb: 66, 186, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #42ba00;
--color-on-background-rgb: 66, 186, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #42ba00;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #42ba00;
--primary-btn-text: #000000;
--primary-btn-border-color: #42ba00;
--secondary-btn-bg: transparent;
--secondary-btn-text: #42ba00;
--secondary-btn-border-color: #42ba00;

}


#fw-section-links-list-1729199994 {
--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: #42ba00;
--color-on-primary-rgb: 66, 186, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #42ba00;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}

#fw-section-hero-3e1bbaf6-29b4-4fd6-8be8-f07224fa9ba6 {
--color-primary: #42ba00;
--color-primary-rgb: 66, 186, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #F9F8FF;
--color-on-background-rgb: 249, 248, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #F9F8FF;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #42ba00;
--primary-btn-text: #000000;
--primary-btn-border-color: #F9F8FF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F9F8FF;
--secondary-btn-border-color: #F9F8FF;

}

#fw-section-hero-video-5ac53745-c299-4894-8588-5f2a1c2c2725 {

video {
    opacity: 0.7; /* Keeps the overall video semi-transparent */
    
    /* The Mask: Fades top and bottom 5% */
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 5%,
        black 95%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 20%,
        black 80%,
        transparent 100%
    );
}
}



#fw-section-header {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}



#fw-section-links-list-ca0ee0cc-d97a-4124-bb4e-a9a750375c73 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}