#fw-section-rich-text-7750a67d-7980-4b5c-8d58-f63837728ae9 {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
.rich-text{
  text-align: left;
  font-size: 20px;
}
}
#fw-section-custom-html-348a1315-e900-43f3-8bc7-41a3faa780dc {



.custom-html--fw-section-custom-html-66d08c0f-83e8-428c-b1b5-53cf3a70c638{
padding:0px;
}
}
#fw-section-rich-text-46671911-7266-41b6-8637-33b2896a055a {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
.rich-text{
  text-align: left;
  font-size: 20px;
}
}

#fw-section-rich-text-f014020a-b861-465f-be86-4af083157454 {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
.rich-text{
  text-align: left;
  font-size: 20px;
}
}
#fw-section-custom-html-66d08c0f-83e8-428c-b1b5-53cf3a70c638 {



.custom-html--fw-section-custom-html-66d08c0f-83e8-428c-b1b5-53cf3a70c638{
padding:0px;
}
}
#fw-section-rich-text-175541604646009 {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
.rich-text{
  text-align: left;
  font-size: 20px;
}
}

#fw-section-hero-987b53a2-cad1-44b2-957c-5577434b3900 {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #1a428a;
--color-background-rgb: 26, 66, 138;
--color-on-background: #F9F8FF;
--color-on-background-rgb: 249, 248, 255;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 62;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #F9F8FF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F9F8FF;
--secondary-btn-border-color: #F9F8FF;

}
#fw-section-rich-text-1710ab36-035d-4288-8c0e-8c6b2ca5af97 {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-image-with-text-27b09371-dd63-409a-b83e-77996dc8e9e5 {
--color-primary: #006def;
--color-primary-rgb: 0, 109, 239;
--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: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #006def;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-image-with-text-be22e340-8057-47f1-913f-011cf246d35a {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-image-with-text-9a941286-91b5-4561-b22f-6f3ba137704e {
--color-primary: #2b73ff;
--color-primary-rgb: 43, 115, 255;
--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: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #2b73ff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}






#fw-section-hero-8eef9d86-b953-4e1b-92b0-08aecef51770 {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #1a428a;
--color-background-rgb: 26, 66, 138;
--color-on-background: #F9F8FF;
--color-on-background-rgb: 249, 248, 255;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 62;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #F9F8FF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F9F8FF;
--secondary-btn-border-color: #F9F8FF;

}



#fw-section-image-with-text-5c94fd41-ac2a-45f8-96ec-8bfc0e45c494 {
--color-primary: #205ed0;
--color-primary-rgb: 32, 94, 208;
--color-background: #1a428a;
--color-background-rgb: 26, 66, 138;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #F9F8FF;
--color-on-primary-rgb: 249, 248, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 62;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #205ed0;
--primary-btn-text: #F9F8FF;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}



#fw-section-collection-template-collection-default {

.collection-template__header h1{
  font-size:2.5vh !important;
}
}


#fw-section-hero-video-0 {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #71fb71;
--color-on-background-rgb: 113, 251, 113;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #71fb71;
--secondary-btn-bg: transparent;
--secondary-btn-text: #71fb71;
--secondary-btn-border-color: #71fb71;
section[data-section-id="fw-section-hero-video-0"] {
padding-bottom:0px;
}

}

#fw-section-custom-html-36c36ac5-b7c1-4b52-b999-a71c18a58454 {

.collection-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;

    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding-right:10%;
    padding-left:10%;
    padding-top:5vh;
    padding-bottom:5vh;
background-color: rgba(16, 43, 81, 0.8);
}

.collection-box {
    flex: 1 1 0;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.collection-box img {
    width: 100%;
      max-width: 150px;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
    border-radius: 5px;
  transition: transform 0.3s ease;
}

.collection-label{
  padding-top: 10px;
  text-align: center;
  color: white; /* or your preferred base color */
  text-shadow: 2px 2px 4px #71FB71;
  transition: transform 0.3s ease;
  font-size:12px;
  letter-spacing: 2px;
}

.collection-box img:hover {
    transform: scale(1.1); /* expands by 10% on hover */
}

@media (max-width: 768px) {
  .collection-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      padding: 10px;
      justify-items: center;
      width: 100%;
      box-sizing: border-box;
  }

  .collection-box {
      width: 100%;
      box-sizing: border-box;
  }

  .collection-box img {
      width: 100%;
      max-width: 100px;
      height: auto;
      aspect-ratio: 1/1;
      object-fit: contain;
  }
}

.custom-html--fw-section-custom-html-36c36ac5-b7c1-4b52-b999-a71c18a58454 {
  padding: 0 !important;
}


}
#fw-section-custom-html-7f6af79c-4bf9-40bc-9a02-378250a9144f {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #1a428a;
--color-background-rgb: 26, 66, 138;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 62;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
.custom-html--fw-section-custom-html-7f6af79c-4bf9-40bc-9a02-378250a9144f{
 padding:0px; 
}
}
#fw-section-collections-list-b5921e0e-3c51-494f-9eaf-98e817a323cc {

.collections-list__item-image-wrapper,
.collections-list__item-image-wrapper--ratio-1-1 {
  background-color: transparent;
}

.collections-list__item-title {
  text-align: center;
  color: white; /* or your preferred base color */
  -webkit-text-stroke: 1px #70d44b;
  text-shadow: 2px 2px 4px #3fa9f5;
  transition: transform 0.3s ease;
  font-size:15px;
  letter-spacing: 2px;
}
.grid__column {
    padding:40px;
}

.collections-list {
    background-color: rgba(0, 0, 0, 0.7); /* Black with 50% transparency */
}

.section-header {
  display: none;
}

}


#fw-section-custom-html-1da5881c-58c3-4031-bafc-94642aeaa704 {

.collection-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;

    width: 100%;
    box-sizing: border-box;
    padding: 0; /* Removed left/right padding */
}

.collection-box {
    flex: 0 0 auto;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.collection-box img {
    width: 100%;
    max-width: 300px;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.collection-label {
    padding-top: 10px;
    text-align: center;
    color: white;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: bold;
}

.collection-box img:hover {
    transform: scale(1.1);
}

/* Mobile styles */
@media (max-width: 768px) {
    .collection-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        padding: 10px;
        justify-items: center;
        width: 100%;
        box-sizing: border-box;
    }

    .collection-box {
        width: 100%;
        box-sizing: border-box;
    }

    .collection-box img {
        width: 100%;
        max-width: 250px;
        height: auto;
        aspect-ratio: 1/1;
        object-fit: contain;
    }
}

.custom-html--fw-section-custom-html-1da5881c-58c3-4031-bafc-94642aeaa704{
  padding: 0 !important;
}

}


#fw-section-hero-acdb79b5-cac7-4fc2-8844-7617fc15bfe3 {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #1a428a;
--color-background-rgb: 26, 66, 138;
--color-on-background: #F9F8FF;
--color-on-background-rgb: 249, 248, 255;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 62;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #F9F8FF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F9F8FF;
--secondary-btn-border-color: #F9F8FF;

}





#fw-section-header {
--color-primary: #ff292f;
--color-primary-rgb: 255, 41, 47;
--color-background: #1b71de;
--color-background-rgb: 27, 113, 222;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #F9F8FF;
--color-on-primary-rgb: 249, 248, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 100;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff292f;
--primary-btn-text: #F9F8FF;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
.collections-list__item-title{
  text-align: center;
}

}
#fw-section-custom-html-17fd7bc3-7afd-4ee9-9af1-4c7e389e3fc0 {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1a428a;
--color-on-background-rgb: 26, 66, 138;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #1a428a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1a428a;
--secondary-btn-border-color: #1a428a;

}
#fw-section-product-product-default {
--color-primary: #71fb71;
--color-primary-rgb: 113, 251, 113;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1a428a;
--color-on-background-rgb: 26, 66, 138;
--color-on-primary: #31a821;
--color-on-primary-rgb: 49, 168, 33;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #71fb71;
--primary-btn-text: #31a821;
--primary-btn-border-color: #1a428a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1a428a;
--secondary-btn-border-color: #1a428a;

}

#fw-section-custom-html-a8e238c2-8d79-4129-8cdf-76339e78c0bc {


		.subheader-wrapper {
			width: 100%;
			padding: 16px 0;
		}
		.subheader {
			max-width: 1100px;
			margin: 0 auto;
		}
		.subheader-row {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			margin-bottom: 8px;
		}
		.subheader-column {
			flex: 1;
			padding: 0 16px;
			border-radius: 4px;
			box-shadow: 0 1px 2px rgba(0,0,0,0.04);
			margin: 0 8px;
		}
        .subheader-column-label{
            padding:10px;
            color:#fff;
            font-weight:bold;
        }
		.subheader-box-column {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-end;
			justify-content: center;
			gap: 16px;
            margin-top:5px;
            margin-bottom:5px;
		}
		.subheader-box-item {
			display: flex;
			flex-direction: column;
			align-items: center;
			flex: 0 0 calc(20% - 16px);
			max-width: calc(20% - 16px);
			box-sizing: border-box;
            cursor: pointer;
		}
		.subheader-box {
			width: 60px;
			height: 60px;
			background: #e0e0e0;
			border-radius: 8px;
			margin-bottom: 4px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.subheader-box-label {
			font-size: 13px;
			color: #fff;
			margin-top: 2px;
            margin-bottom:2px;
			text-align: center;
			width: 100%;
			cursor: pointer;
		}
		.subheader-subcategory-tabs {
			display: flex;
			flex-direction: column;
			width: 100%;
			margin: 16px 0 0 0;
			gap: 10px;
			border-radius: 8px;
			padding: 0 !important;
			margin: 0 !important;
			max-height: 0;
			opacity: 0;
			overflow: hidden;
			transition: max-height 0.4s cubic-bezier(.4,0,.2,1), opacity 0.3s ease, padding 0.3s ease;
		}
		.subheader-subcategory-tabs.subheader-show {
			max-height: 500px;
			opacity: 1;
			padding: 10px 0 !important;
	/* end subheader-subcategory-tabs.subheader-show */
		}
		.subheader-subcategory-tabs.subheader-show {
			max-height: 500px;
			opacity: 1;
			padding: 0 !important;
		}
		.subheader-subcategory-tab {
			width: 100%;
			border-radius: 6px;
			padding: 12px 0;
			font-size: 15px;
			color: #fff;
			cursor: pointer;
			text-align: center;
			font-weight: 500;
			transition: background 0.2s, color 0.2s;
            background-color:#1a428a;
            border:1px solid #1b71de;
		}
		.subheader-subcategory-tab:hover {
			color: #31a821;
            background-color: #71fb71;
		}
		/* MOBILE ACCORDION FIX WITH ANIMATION */
		@media (max-width: 700px) {
			.subheader {
				max-width: 100%;
			}
			.subheader-row {
				flex-direction: column;
                margin-bottom: 0px;
			}

			.subheader-box-column {
				flex-wrap: wrap;
				overflow: hidden;
				max-height: 0;
				opacity: 0;
				gap: 10px;
				transition: max-height 0.4s cubic-bezier(.4,0,.2,1), opacity 0.3s ease;
			}
			.subheader-box-column.subheader-show {
				max-height: 1000px; /* enough to expand */
				opacity: 1;
			}
            .subheader-column{
                padding: 0px;
                margin:0px;
            }
			.subheader-column-label {
				border-radius: 6px;
				cursor: pointer;
				font-weight: 600;
                background-color: #1a428a;
                border:1px solid #1b71de;
                color:#fff
			}
			.subheader-box-item {
				max-width: 48%;
				margin-bottom: 12px;
                cursor: pointer;
			}
			.subheader-box {
				width: 60px;
				height: 60px;
				min-width: 60px;
				min-height: 60px;
				font-size: 18px;
			}
			.subheader-box-label {
				padding: 6px 0;
			}
			.subheader-subcategory-tabs.subheader-show {
				padding: 10px 0 !important;
				gap: 6px;
			}
			.subheader-subcategory-tab {
				font-size: 15px;
				padding: 12px 0;
			}
		}
}