#fw-section-custom-html-f2ce7dfa-cb80-4fa1-a9e1-19e6d336d68d {

.collection {
  background-color: #1a1a1a !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' shape-rendering='crispEdges'><rect width='30' height='30' fill='%232a2a2a'/><rect x='30' y='30' width='30' height='30' fill='%232a2a2a'/></svg>") !important;
  background-size: 60px 60px !important;
}

.collection .section-header__heading {
  color: #ffffff !important;
}

.collection .collection__heading {
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  padding-left: 12px !important;
  border-left: 3px solid rgba(255, 255, 255, 0.5) !important;
}

.tile__image {
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.product-tile:hover .tile__image {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6) !important;
}

.tile__image .image {
  position: relative !important;
}

.tile__image .image::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.4) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease !important;
  pointer-events: none !important;
}

.product-tile:hover .tile__image .image::after {
  opacity: 1 !important;
}

.tile__heading {
  color: #f0f0f0 !important;
  font-family: 'Architects Daughter', cursive !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.tile__price {
  color: #a0a0a0 !important;
  font-size: 0.82em !important;
}
}
#fw-section-collection-template-collection-default {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #08001a;
--color-background-rgb: 8, 0, 26;
--color-on-background: #d9abff;
--color-on-background-rgb: 217, 171, 255;
--color-on-primary: #fffafa;
--color-on-primary-rgb: 255, 250, 250;
--color-product-image-background: #d9abff;
--color-background-brightness: 5;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #fffafa;
--primary-btn-border-color: #d9abff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #d9abff;
--secondary-btn-border-color: #d9abff;

}

#fw-section-collections-list-15c86e45-25c7-414a-a090-8d0a99145160 {

.collections-list {
  background-color: #1a1a1a !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' shape-rendering='crispEdges'><rect width='30' height='30' fill='%232a2a2a'/><rect x='30' y='30' width='30' height='30' fill='%232a2a2a'/></svg>") !important;
  background-size: 60px 60px !important;
}

.collections-list .section-header__heading {
  color: #ffffff !important;
}

.collections-list__item-image-wrapper {
  border-radius: 8px !important;
  overflow: hidden !important;
  position: relative !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.collections-list__item:hover .collections-list__item-image-wrapper {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6) !important;
}

.collections-list__item-image-wrapper::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.4) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease !important;
  pointer-events: none !important;
}

.collections-list__item:hover .collections-list__item-image-wrapper::after {
  opacity: 1 !important;
}

.collections-list__item-title {
  color: #f0f0f0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
}
#fw-section-donations-78df85f2-9a44-4626-8498-af55b7db6f0f {

.donations {
  background-color: #1a1a1a !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' shape-rendering='crispEdges'><rect width='30' height='30' fill='%232a2a2a'/><rect x='30' y='30' width='30' height='30' fill='%232a2a2a'/></svg>") !important;
  background-size: 60px 60px !important;
}

.donations__heading {
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  padding-left: 12px !important;
  border-left: 3px solid rgba(255, 255, 255, 0.5) !important;
}

.donations__text {
  color: #a0a0a0 !important;
}

.donations .input-field__input {
  background-color: #2a2a2a !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

.donations .input-field__label {
  color: #a0a0a0 !important;
}

.donations .input-field__icon svg {
  fill: #a0a0a0 !important;
}

.donations .input-field__prefix {
  color: #a0a0a0 !important;
}

.donations .radio-button__label {
  background-color: #2a2a2a !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #e0e0e0 !important;
}

.donations .radio-button__input:checked + .radio-button__label {
  background-color: #444444 !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  color: #ffffff !important;
}

.donations .button--primary {
  background-color: #333333 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.donations .button--primary:hover {
  background-color: #444444 !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}
}
#fw-section-footer {

footer,
.footer,
[class*="Footer_footer"],
[class*="Footer_wrapper"] {
  background-color: #121212 !important;
  background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px) !important;
  background-size: 16px 16px !important;
  background-position: -8px -8px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 40px 20px 24px !important;
  color: #b0b0b0 !important;
}

footer a,
.footer a,
[class*="Footer"] a {
  color: #e0e0e0 !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

footer a:hover,
.footer a:hover,
[class*="Footer"] a:hover {
  color: #ffffff !important;
}

footer h3,
footer h4,
[class*="Footer"] h3,
[class*="Footer"] h4 {
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 12px !important;
}

footer svg,
.footer svg,
[class*="Footer"] svg {
  color: #e0e0e0 !important;
  fill: currentColor !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

footer a:hover svg,
.footer a:hover svg,
[class*="Footer"] a:hover svg {
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

footer input[type="email"],
[class*="Footer"] input[type="email"] {
  background-color: #242424 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 8px 12px !important;
}

footer button[type="submit"],
[class*="Footer"] button[type="submit"] {
  background-color: #333333 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 4px !important;
  padding: 8px 16px !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

footer button[type="submit"]:hover,
[class*="Footer"] button[type="submit"]:hover {
  background-color: #444444 !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

[class*="Footer"] [class*="copyright"],
[class*="Footer"] [class*="bottom"],
footer p {
  color: #888888 !important;
  font-size: 0.8rem !important;
}
}
#fw-section-header {
--font-heading-scale: 1.15;
--font-body-scale: 1.15;
}
#fw-section-header {

header,
.header,
[class*="Header_header"],
[class*="Header_wrapper"] {
  background-color: #1a1a1a !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' shape-rendering='crispEdges'><rect width='30' height='30' fill='%232a2a2a'/><rect x='30' y='30' width='30' height='30' fill='%232a2a2a'/></svg>") !important;
  background-size: 60px 60px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

header nav a,
.header nav a,
[class*="Header"] nav a,
[class*="nav"] a {
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: #e0e0e0 !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

header nav a:hover,
.header nav a:hover,
[class*="Header"] nav a:hover,
[class*="nav"] a:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
}

header svg,
.header svg,
[class*="Header"] svg,
[class*="Header"] button {
  color: #e0e0e0 !important;
  fill: currentColor !important;
}

header button:hover svg,
header a:hover svg {
  color: #ffffff !important;
}
}
#fw-section-product-product-default {

.product--padding {
  background-color: #1a1a1a !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' shape-rendering='crispEdges'><rect width='30' height='30' fill='%232a2a2a'/><rect x='30' y='30' width='30' height='30' fill='%232a2a2a'/></svg>") !important;
  background-size: 60px 60px !important;
}
.product-info__title {
  color: #ffffff !important;
}
.product-info__price,
.product-info__prices {
  color: #e0e0e0 !important;
}
}
#fw-section-product-recommendations-product-default {

.product-recommendations--padding {
  background-color: #111111 !important;
  background-image: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%) !important;
}

.product-recommendations .collection__heading {
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  padding-left: 12px !important;
  border-left: 3px solid rgba(255, 255, 255, 0.5) !important;
}

.product-recommendations .product-tile:hover {
  transform: translateY(-3px) !important;
  transition: transform 0.2s ease !important;
}

.product-recommendations .tile__heading {
  color: #f0f0f0 !important;
}

.product-recommendations .tile__price {
  color: #b0b0b0 !important;
}
}