#fw-section-featured-collection-89c6e4cb-5ce5-4b7e-add4-a09656da25fe {
--font-heading-scale: 0.8;
--font-body-scale: 1.22;
}

#fw-section-text-blocks-a8ed9e49-8f94-433c-a33c-809c9440eee9 {
--font-heading-scale: 0.85;
--font-body-scale: 1.52;
}
#fw-section-featured-collection-12d43149-d4b0-4292-9383-ba5993052a44 {
--font-heading-scale: 0.84;
--font-body-scale: 1.49;
}


#fw-section-collection-template-collection-jord-collection-template {
--color-primary: #0095ff;
--color-primary-rgb: 0, 149, 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: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #0095ff;
--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-b9026a3a-6dad-4f78-8c89-b4978ad5a399 {
--color-primary: #ff0093;
--color-primary-rgb: 255, 0, 147;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0093;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* ===== LIGHT SWEEP BUTTON EFFECT ===== */
button, .button, a {
  position: relative !important;
  overflow: hidden !important;
}

/* shine layer */
button::after, .button::after, a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.6),
    transparent
  );
  transform: skewX(-20deg);
  pointer-events: none;
}

/* hover animation */
button:hover::after,
.button:hover::after,
a:hover::after {
  left: 125%;
  transition: 0.6s ease;
}
}
#fw-section-links-list-18bd9234-fe38-4a70-82b3-45d82a1e48c7 {
--font-heading-scale: 0.7;
--font-body-scale: 1.97;
}
#fw-section-links-list-18bd9234-fe38-4a70-82b3-45d82a1e48c7 {
--color-primary: #0cbcff;
--color-primary-rgb: 12, 188, 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: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #0cbcff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* ===== LIGHT SWEEP BUTTON EFFECT ===== */
button, .button, a {
  position: relative !important;
  overflow: hidden !important;
}

/* shine layer */
button::after, .button::after, a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.6),
    transparent
  );
  transform: skewX(-20deg);
  pointer-events: none;
}

/* hover animation */
button:hover::after,
.button:hover::after,
a:hover::after {
  left: 125%;
  transition: 0.9s ease;
}
}
#fw-section-collections-list-8c076076-0aa7-467f-8ff3-b5a460df5991 {
--color-primary: #0095ff;
--color-primary-rgb: 0, 149, 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: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #0095ff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

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

}



#fw-section-product-product-jord-product-page-template {
--color-primary: #0095ff;
--color-primary-rgb: 0, 149, 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: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #0095ff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-product-recommendations-product-jord-product-page-template {
--font-heading-scale: 0.7;
--font-body-scale: 0.9;
}