#fw-section-announcement-bar-ce529c7b-a85d-44fe-b379-64b19142d9d6 {
--color-primary: #666054;
--color-primary-rgb: 102, 96, 84;
--color-background: #fbf7f5;
--color-background-rgb: 251, 247, 245;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #ece7df;
--color-on-primary-rgb: 236, 231, 223;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #666054;
--primary-btn-text: #ece7df;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;

}
#fw-section-custom-html-95777245-1f9f-400d-947d-bfe0f7594c91 {
--color-primary: #666054;
--color-primary-rgb: 102, 96, 84;
--color-background: #fbf7f5;
--color-background-rgb: 251, 247, 245;
--color-on-background: #3b3109;
--color-on-background-rgb: 59, 49, 9;
--color-on-primary: #ece7df;
--color-on-primary-rgb: 236, 231, 223;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #666054;
--primary-btn-text: #ece7df;
--primary-btn-border-color: #3b3109;
--secondary-btn-bg: transparent;
--secondary-btn-text: #3b3109;
--secondary-btn-border-color: #3b3109;

}


#fw-section-collection-template-collection-default {
--font-heading-scale: 0.7;
--font-body-scale: 0.96;
}
#fw-section-collection-template-collection-default {
--color-primary: #666054;
--color-primary-rgb: 102, 96, 84;
--color-background: #fbf7f5;
--color-background-rgb: 251, 247, 245;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #ece7df;
--color-on-primary-rgb: 236, 231, 223;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #666054;
--primary-btn-text: #ece7df;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;
 .tile__price {
      font-size: 14px !important;
    }

}
#fw-section-announcement-bar-1271a831-0f6f-4b88-9af2-da925e2bb2f4 {
--color-primary: #666054;
--color-primary-rgb: 102, 96, 84;
--color-background: #e2e0d7;
--color-background-rgb: 226, 224, 215;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #a88585;
--color-on-primary-rgb: 168, 133, 133;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 224;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #666054;
--primary-btn-text: #a88585;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;
/* Make announcement bar thinner */
.announcement-bar__inner {
  padding: 8px 14px !important;   /* controls thickness */
  min-height: unset !important;
}

.announcement-bar__label {
  font-size: 12px;                /* optional: smaller text */
  line-height: 1.2 !important;
}
/* Force add to cart button to use primary color */
.product-form__submit,
.product-form__add-to-cart,
button[name="add"],
.button--primary {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

/* Hover state */
.product-form__submit:hover,
.product-form__add-to-cart:hover,
button[name="add"]:hover,
.button--primary:hover {
  background-color: var(--color-primary-dark) !important;
  border-color: var(--color-primary-dark) !important;
}
}

#fw-section-hero-e3f716b1-1688-48eb-9b23-cdeaec78b3dc {
--color-primary: #1e1c1c;
--color-primary-rgb: 30, 28, 28;
--color-background: #242121;
--color-background-rgb: 36, 33, 33;
--color-on-background: #ab9c87;
--color-on-background-rgb: 171, 156, 135;
--color-on-primary: #ab9c87;
--color-on-primary-rgb: 171, 156, 135;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #1e1c1c;
--primary-btn-text: #ab9c87;
--primary-btn-border-color: #ab9c87;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ab9c87;
--secondary-btn-border-color: #ab9c87;
/* MOBILE HERO IMAGE FIX */
@media (max-width: 768px) {
  .hero,
  .hero__inner,
  .hero__image,
  .hero__background {
    min-height: 59vh !important;
    height: 59vh !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}


/* MOBILE HERO BUTTON FIX – LEFT ALIGN */
@media (max-width: 768px) {
  /* Target the button itself */
  .hero a,
  .hero button,
  .hero .fw-btn,
  .hero .button {
    width: auto !important;           /* button fits content */
    min-width: unset !important;
    padding: 10px 20px !important;    /* tighter padding */
    font-size: 14px !important;
    border-radius: 0 !important;      /* square corners */
    display: inline-block !important;
    margin-top: 0px !important;       /* closer to text */
  }

  /* Force the container wrapping button to left-align */
  .hero__content,
  .hero__inner,
  .hero .fw-btn-wrapper {
    text-align: left !important;
  }
}
/* Move hero text and button higher on mobile */
@media (max-width: 767px) {
  .hero__content,
  .hero__inner {
    transform: translateY(-45px) !important; /* Increase value to move higher */
  }
}
/* Mobile-specific hero font size */
@media only screen and (max-width: 767px) {
  .hero__heading {
    font-size: 24px !important; /* adjust size as needed */
    line-height: 1.0;           /* optional, for spacing */
  }

  .hero__cta .button {
    font-size: 12px !important; /* optional: shrink button text on mobile */
  }
}

/* Adjust space between hero title and CTA button on all devices */
.hero__heading {
    margin-bottom: 15px !important; /* reduce or increase gap as needed */
}

.hero__cta-container {
    margin-top: 0 !important; /* optional: remove extra top margin */
}

/* Desktop-only hero content adjustment */
@media only screen and (min-width: 768px) {
  .hero__content {
    transform: translateY(-100px); /* move content up 40px, adjust as needed */
  }
}
/* mobile-only button expanding code*/
@media (max-width: 768px) {
  .hero a.button--large {
    --btn-height: auto !important;
    height: auto !important;
  }
  .hero a.button--expand {
    display: inline-block !important;
    width: auto !important;
  }
}
}
#fw-section-rich-text-361f405d-27e8-4b84-94af-74e0623d5f52 {
--font-heading-scale: 0.94;
--font-body-scale: 0.92;
}
#fw-section-rich-text-361f405d-27e8-4b84-94af-74e0623d5f52 {
--color-primary: #2f2322;
--color-primary-rgb: 47, 35, 34;
--color-background: #fbf7f5;
--color-background-rgb: 251, 247, 245;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #dcd1c2;
--color-on-primary-rgb: 220, 209, 194;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #2f2322;
--primary-btn-text: #dcd1c2;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;
/* Mobile-only font size */
@media (max-width: 767px) {
  .custom-font-size {
    font-size: 12px; /* change this freely */
    line-height: 1.4;
  }
}

}




#fw-section-rich-text-5ea3d2b3-70ee-4a08-94d4-8713c18299c0 {
--font-heading-scale: 1.03;
--font-body-scale: 0.85;
}
#fw-section-rich-text-5ea3d2b3-70ee-4a08-94d4-8713c18299c0 {
--color-primary: #2f2322;
--color-primary-rgb: 47, 35, 34;
--color-background: #fbf7f5;
--color-background-rgb: 251, 247, 245;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #dcd1c2;
--color-on-primary-rgb: 220, 209, 194;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #2f2322;
--primary-btn-text: #dcd1c2;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;

}
#fw-section-rich-text-1b71551d-58a9-48ae-a7f0-70d71463d41e {
--font-heading-scale: 0.7;
--font-body-scale: 0.94;
}
#fw-section-rich-text-1b71551d-58a9-48ae-a7f0-70d71463d41e {
--color-primary: #2f2322;
--color-primary-rgb: 47, 35, 34;
--color-background: #fbf7f5;
--color-background-rgb: 251, 247, 245;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #dcd1c2;
--color-on-primary-rgb: 220, 209, 194;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #2f2322;
--primary-btn-text: #dcd1c2;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;
/* Mobile-only font size */
@media (max-width: 767px) {
  .custom-font-size {
    font-size: 14px; /* change this freely */
    line-height: 1.4;
  }
}

}
#fw-section-featured-collection-7f439630-f51f-4515-8ee3-bb84679c0b72 {
--color-primary: #fbf7f5;
--color-primary-rgb: 251, 247, 245;
--color-background: #fbf7f5;
--color-background-rgb: 251, 247, 245;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #dcd1c2;
--color-on-primary-rgb: 220, 209, 194;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #fbf7f5;
--primary-btn-text: #dcd1c2;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;
/* Make variant color swatches square instead of circle */
.tile__option-color .color-swatch__color {
  border-radius: 0 !important;
    width: 20px !important;      /* adjust width */
  height: 12px !important;     /* adjust height */
}

/* ===== EDITABLE SETTINGS ===== */
:root {
  --fc-arrow-size: 44px;
  --fc-arrow-bg: rgba(0,0,0,0.6);
  --fc-arrow-color: #fff;
}

/* Carousel wrapper */
[data-section-id="fw-section-featured-collection-7f439630-f51f-4515-8ee3-bb84679c0b72"]
.collection__grid {
  position: relative;
}

/* Force grid → horizontal scroll */
[data-section-id="fw-section-featured-collection-7f439630-f51f-4515-8ee3-bb84679c0b72"]
.grid--waffle {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 24px;
  scroll-behavior: smooth;
}

/* Slides */
[data-section-id="fw-section-featured-collection-7f439630-f51f-4515-8ee3-bb84679c0b72"]
.grid__column {
  flex: 0 0 32% !important;
  max-width: 32% !important;
}

/* Arrow buttons */
.fc-carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--fc-arrow-size);
  height: var(--fc-arrow-size);
  border-radius: 50%;
  background: var(--fc-arrow-bg);
  color: var(--fc-arrow-color);
  border: none;
  cursor: pointer;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  pointer-events: auto;
}

/* Prevent product click bleed-through */
.fc-carousel-arrow * {
  pointer-events: none;
}

/* Arrow positions */
.fc-carousel-prev { left: 10px; }
.fc-carousel-next { right: 10px; }

/* Mobile */
@media (max-width: 768px) {
  [data-section-id="fw-section-featured-collection-7f439630-f51f-4515-8ee3-bb84679c0b72"]
  .grid__column {
    flex: 0 0 80% !important;
    max-width: 80% !important;
  }
}
/* Arrow positioning */
[data-section-id="fw-section-featured-collection-7f439630-f51f-4515-8ee3-bb84679c0b72"] .fc-arrow {
  top: 15%;               /* raise arrows */
  transform: translateY(-50%);
}

/* Hide all title, price, and text overlays inside collection carousel */
[data-section-id="fw-section-featured-collection-7f439630-f51f-4515-8ee3-bb84679c0b72"]
.grid__column .card__content,
[data-section-id="fw-section-featured-collection-7f439630-f51f-4515-8ee3-bb84679c0b72"]
.grid__column .card__badge,
[data-section-id="fw-section-featured-collection-7f439630-f51f-4515-8ee3-bb84679c0b72"]
.grid__column .card__heading,
[data-section-id="fw-section-featured-collection-7f439630-f51f-4515-8ee3-bb84679c0b72"]
.grid__column .price {
    display: none !important;
}

/* Optional: make images fill the grid item after hiding text */
[data-section-id="fw-section-featured-collection-7f439630-f51f-4515-8ee3-bb84679c0b72"]
.grid__column img {
    height: 100%;
    object-fit: cover;
}



}
#fw-section-hero-1d6b984a-3ba7-4482-839f-185af08c79ce {
--color-primary: #272723;
--color-primary-rgb: 39, 39, 35;
--color-background: #fbf7f5;
--color-background-rgb: 251, 247, 245;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #dcd1c2;
--color-on-primary-rgb: 220, 209, 194;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #272723;
--primary-btn-text: #dcd1c2;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;
/* Hide hero section on mobile */
@media (max-width: 1025px) {
  [data-section-id="fw-section-hero-1d6b984a-3ba7-4482-839f-185af08c79ce"] {
    display: none !important;
  }
}

.hero__cta {
    position: relative;
    left: 180px;   /* move right */
    /* top: 0; */ /* optional: move up/down */
}

   
}
#fw-section-image-with-text-595f5e20-2e3f-452d-8989-9019d4aa8215 {

/* Hide this section on desktop but show on mobile */
@media (min-width: 1024px) {
  [data-section-id="fw-section-image-with-text-595f5e20-2e3f-452d-8989-9019d4aa8215"] {
    display: none !important;
  }
}

}

#fw-section-announcement-bar-5c9f8f7d-c808-44b4-a747-299330650d46 {
--color-primary: #fbf7f5;
--color-primary-rgb: 251, 247, 245;
--color-background: #fbf7f5;
--color-background-rgb: 251, 247, 245;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #ece7df;
--color-on-primary-rgb: 236, 231, 223;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #fbf7f5;
--primary-btn-text: #ece7df;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;

}
#fw-section-custom-html-a83791a4-1087-4654-b94c-f6b6f39e631a {

.product-collage-section {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 60px 16px;
}

.collage-container {
  width: 100%;
}

.collage-title {
  font-size: 32px;
  font-weight: 300;
  letter-spacing: -0.5px;
  margin-bottom: 40px;
  writing-mode: horizontal-tb;
  text-align: left;
}

.collage-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 16px;
  width: 100%;
}

.product-box {
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  display: block;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}

.product-box.large {
  grid-row: span 2;
}

.product-images {
  position: relative;
  width: 100%;
  height: 100%;
}

.product-images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.4s ease;
}

.hover-image {
  opacity: 0;
}

.product-box:hover .hover-image {
  opacity: 1;
}

.product-box:hover .primary-image {
  opacity: 0;
}

/* Mobile Responsive - Large on top, 2x2 grid below like Dawn theme */
@media (max-width: 768px) {
  .product-collage-section {
    padding: 40px 12px;
  }

  .collage-title {
    font-size: 24px;
    margin-bottom: 20px;
    writing-mode: horizontal-tb;
    text-align: left;
  }

  .collage-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 8px;
  }

  .product-box.large {
    grid-column: span 2;
    grid-row: span 1;
    order: -1;
  }

  .product-box {
    aspect-ratio: 1 / 1;
  }
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
  .collage-grid {
    gap: 12px;
  }
  
  .collage-title {
    font-size: 28px;
  }
}
}

#fw-section-custom-html-c1a8399c-3637-4628-b50e-4a90b7da8047 {

.fw-divider {
  width: 80%;                /* divider length */
  height: 1px;               /* thickness */
  background-color: #91827a; /* line color */
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--divider-top, 48px);
  margin-bottom: 0 (--divider-bottom, 48px);
}
.fw-divider {
  display: block !important;
}


}

#fw-section-featured-product-ef8032c9-350e-4b45-830e-c7a1788ecc68 {

@media screen and (min-width: 1024px) {
  .featured-product-info__cta {
    display: block !important; /* keeps normal flow */
    text-align: left !important; /* ensures button sticks left */
  }

  .featured-product-info__cta .button {
    width: 360px !important;   /* set the desired width */
    max-width: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .grid.grid--middle {
    display: flex !important;          /* flex container */
    justify-content: center !important; /* center whole section */
    align-items: flex-start;           /* align top of both items */
    gap: 40px;                         /* space between media & info card */
    flex-wrap: nowrap;                  /* prevent stacking */
  }

  .grid.grid--middle > .grid__column {
    flex: 0 0 auto;                    /* keep natural width */
  }
}
@media screen and (min-width: 1024px) {
  .grid.grid--middle {
    display: flex !important;
    justify-content: center !important; /* center whole block horizontally */
    align-items: center !important;     /* center product info vertically with media */
    gap: 40px;                           /* spacing between media & info card */
  }

  .grid.grid--middle > .grid__column:first-child {
    flex: 0 0 55%;  /* media width */
  }

  .grid.grid--middle > .grid__column:last-child {
    flex: 0 0 40%;  /* info card width */
  }
}
  /* Featured product layout media make bigger */
@media screen and (min-width: 1024px) {
  .grid.grid--middle > .grid__column:first-child {
    flex: 0 0 46%;
    max-width: 46%;
  }

  .grid.grid--middle > .grid__column:last-child {
    flex: 0 0 46%;
    max-width: 46%;
     }
}
.featured-product img {
  max-width: 100%;
  height: auto;
  display: block;
}/* SECONDARY TEXT ABOVE FEATURED PRODUCT TITLE */
.featured-product-info__title {
  position: relative;
}

.featured-product-info__title::before {
  content: "FAITH • BOLD • PURPOSE"; /* <-- change text here */
  display: block;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 10px;
}

}
#fw-section-custom-html-955238e5-d63e-4ce6-bc8c-364ad680e868 {
--color-primary: #fbf7f5;
--color-primary-rgb: 251, 247, 245;
--color-background: #fbf7f5;
--color-background-rgb: 251, 247, 245;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #dcd1c2;
--color-on-primary-rgb: 220, 209, 194;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #fbf7f5;
--primary-btn-text: #dcd1c2;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;

}


#fw-section-image-with-text-30147b55-ce0b-4e4c-9f8e-1564f4ecd785 {
--color-primary: #413e30;
--color-primary-rgb: 65, 62, 48;
--color-background: #242121;
--color-background-rgb: 36, 33, 33;
--color-on-background: #bdac9e;
--color-on-background-rgb: 189, 172, 158;
--color-on-primary: #a99c8d;
--color-on-primary-rgb: 169, 156, 141;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #413e30;
--primary-btn-text: #a99c8d;
--primary-btn-border-color: #bdac9e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #bdac9e;
--secondary-btn-border-color: #bdac9e;
.image-with-text__content p {
  line-height: 2 !important;
}

.image-with-text__content {
  padding-bottom: 50px !important;
}
.image-with-text__image-container img {
  width: auto !important;
  max-height: 500px !important;
  object-fit: contain !important;
}
.image-with-text__content h2 {
  font-size: 28px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}
.image-with-text__content h2 {
  color: #a68f4c !important;
}

}
#fw-section-announcement-bar-1c449755-3ed0-4196-9537-4ed2c3e25356 {
--color-primary: #666054;
--color-primary-rgb: 102, 96, 84;
--color-background: #fbf7f5;
--color-background-rgb: 251, 247, 245;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #ece7df;
--color-on-primary-rgb: 236, 231, 223;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #666054;
--primary-btn-text: #ece7df;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;

}


#fw-section-image-with-text-5465d306-6c45-464b-91ae-1496a1ae08cf {
--color-primary: #656159;
--color-primary-rgb: 101, 97, 89;
--color-background: #767876;
--color-background-rgb: 118, 120, 118;
--color-on-background: #393934;
--color-on-background-rgb: 57, 57, 52;
--color-on-primary: #d4d4cb;
--color-on-primary-rgb: 212, 212, 203;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 119;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #656159;
--primary-btn-text: #d4d4cb;
--primary-btn-border-color: #393934;
--secondary-btn-bg: transparent;
--secondary-btn-text: #393934;
--secondary-btn-border-color: #393934;
/* Background image for this specific Image-with-Text section */
[data-section-id="fw-section-image-with-text-5465d306-6c45-464b-91ae-1496a1ae08cf"] {
  background-image: url("https://cdn.fourthwall.com/offer/sh_a84d980a-1a00-4373-b790-e9e6a7772279/00d26904-0557-4313-bfc7-862e85b17133.png");
  background-size: cover;       /* cover = full bleed */
  background-position: center;
  background-repeat: no-repeat;
}

}
#fw-section-custom-html-bb4a2fa0-a90d-47ee-b596-9920302bded2 {

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap");

:root {
  --white: #fff;
  --brand-500: #10b981;
  --gray-100: #f1f5f9;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-800: #1e293b;
  --gray-900: #0f172a;
}

body {
  font-family: "Inter", sans-serif;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2rem;
  padding: 3rem 2rem;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.footer-info {
  width: 16rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.footer-title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray-900);
  text-decoration: none;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.footer-title svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--white);
  padding: 0.5rem;
  background-color: var(--brand-500);
  border-radius: 50%;
}

.footer-title span {
  margin-left: 0.5rem;
}

.footer-tagline {
  color: var(--gray-500);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.footer-section-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.footer-category {
  color: var(--gray-900);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

.footer-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  list-style-type: none;
}

.footer-link {
  color: var(--gray-600);
  text-decoration: none;
}

.footer-link:hover {
  color: var(--gray-800);
}

.footer-bottom {
  background-color: var(--gray-100);
}

.footer-bottom-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 1rem;
  padding: 1.25rem 2rem;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.footer-copyright {
  color: var(--gray-500);
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
}

.footer-social {
  display: flex;
  justify-content: center;
  column-gap: 1rem;
}

.footer-social-icon {
  color: var(--gray-500);
}

.footer-social-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

/* Small breakpoint */
@media (min-width: 640px) {
  .footer-container {
    flex-direction: row;
  }

  .footer-info {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }

  .footer-title {
    justify-content: flex-start;
  }

  .footer-section-wrapper {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }

  .footer-bottom-container {
    flex-direction: row;
    justify-content: space-between;
  }
}

}
#fw-section-footer {
--color-primary: #322923;
--color-primary-rgb: 50, 41, 35;
--color-background: #242121;
--color-background-rgb: 36, 33, 33;
--color-on-background: #dcd1c2;
--color-on-background-rgb: 220, 209, 194;
--color-on-primary: #dcd1c2;
--color-on-primary-rgb: 220, 209, 194;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #322923;
--primary-btn-text: #dcd1c2;
--primary-btn-border-color: #dcd1c2;
--secondary-btn-bg: transparent;
--secondary-btn-text: #dcd1c2;
--secondary-btn-border-color: #dcd1c2;

}
#fw-section-header {
--color-primary: #242121;
--color-primary-rgb: 36, 33, 33;
--color-background: #242121;
--color-background-rgb: 36, 33, 33;
--color-on-background: #eff0e0;
--color-on-background-rgb: 239, 240, 224;
--color-on-primary: #f5f5f5;
--color-on-primary-rgb: 245, 245, 245;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #242121;
--primary-btn-text: #f5f5f5;
--primary-btn-border-color: #eff0e0;
--secondary-btn-bg: transparent;
--secondary-btn-text: #eff0e0;
--secondary-btn-border-color: #eff0e0;

}


#fw-section-product-product-default {
--font-heading-scale: 0.7;
--font-body-scale: 1.0;
}
#fw-section-product-product-default {

.product-info__prices {
  font-size: 15px !important;
  margin-top: 2px !important;
  margin-bottom: 4px !important;
}
/* Add to Cart - default state */
.product-form__submit,
button[data-testid="add-to-cart-button"],
.btn--add-to-cart {
  background-color: #666054 !important;
  border-color: #666054 !important;
}

/* Add to Cart - hover state */
.product-form__submit:hover,
button[data-testid="add-to-cart-button"]:hover,
.btn--add-to-cart:hover {
  background-color: #4a4639 !important; /* slightly darker for hover */
  border-color: #4a4639 !important;
}
}
#fw-section-product-recommendations-product-default {
--color-primary: #363232;
--color-primary-rgb: 54, 50, 50;
--color-background: #f5f2ef;
--color-background-rgb: 245, 242, 239;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #f5f5f5;
--color-on-primary-rgb: 245, 245, 245;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 243;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #363232;
--primary-btn-text: #f5f5f5;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;

}
#fw-section-product-product-hoodie {
--font-heading-scale: 0.7;
--font-body-scale: 0.91;
}



#fw-section-product-product-sweatshirts {
--font-heading-scale: 0.71;
--font-body-scale: 0.91;
}
#fw-section-product-recommendations-product-sweatshirts {
--font-heading-scale: 0.92;
--font-body-scale: 0.89;
}
#fw-section-product-recommendations-product-sweatshirts {
--color-primary: #666054;
--color-primary-rgb: 102, 96, 84;
--color-background: #e7e3dc;
--color-background-rgb: 231, 227, 220;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-on-primary: #ece7df;
--color-on-primary-rgb: 236, 231, 223;
--color-product-image-background: #fbf7f5;
--color-background-brightness: 227;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #666054;
--primary-btn-text: #ece7df;
--primary-btn-border-color: #181818;
--secondary-btn-bg: transparent;
--secondary-btn-text: #181818;
--secondary-btn-border-color: #181818;

}