#fw-section-rich-text-3d533b70-7c07-4a49-bf13-fbaf1ba1e7ab {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ededed;
--color-background-rgb: 237, 237, 237;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 237;
background-color: var(--color-background);
color: var(--color-on-background);
p {
  font-size: 1.0rem; /* ~20px if root is 16px */
  line-height: 1.6;   /* more vertical spacing */
  letter-spacing: 0.09em; /* adds horizontal breathing room */
  font-weight: 100; 
}
}
#fw-section-footer {

.header-menu-nav-item a {
  font-size: 72px !important;
}
}

#fw-section-collection-template {
--color-primary: #ff0000;
--color-primary-rgb: 255, 0, 0;
--color-background: #ededed;
--color-background-rgb: 237, 237, 237;
--color-on-primary: #d21f1f;
--color-on-primary-rgb: 210, 31, 31;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 237;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-product {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ededed;
--color-background-rgb: 237, 237, 237;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #030303;
--color-on-background-rgb: 3, 3, 3;
--color-product-image-background: #ffffff;
--color-background-brightness: 237;
background-color: var(--color-background);
color: var(--color-on-background);

}








#fw-section-header {
--color-primary: #a900c3;
--color-primary-rgb: 169, 0, 195;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
.header {
    font-family: 'Cinzel', sans-serif;
    background-color: rgba(0, 0, 0, 0);
    font-size: 1.0rem;
    z-index: 10;
    letter-spacing: 0.09em; /* adds horizontal breathing room */
    font-weight: 500; 
}
.header__link {
    padding: 15px 15px;
    color: var(--color-on-background);
    text-decoration: none;
}
}
#fw-section-image-with-text-28482f0c-0896-41d3-9ae8-dc327e7a3233 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ebfbfb;
--color-background-rgb: 235, 251, 251;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 246;
background-color: var(--color-background);
color: var(--color-on-background);
img {
  max-width: 60%; /* or any % */
  height: auto;
  margin: 0 auto; /* centers it */
  display: block;
}
}

#fw-section-image-with-text-682ac5d4-7b5e-4817-a95a-1c5f4a47e727 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #cbcbcb;
--color-on-background-rgb: 203, 203, 203;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
p {
  font-size: 0.9rem; /* ~20px if root is 16px */
  line-height: 1.6;   /* more vertical spacing */
  letter-spacing: 0.07em; /* adds horizontal breathing room */
  font-weight: 100; 
}
}
#fw-section-custom-html-079b8238-08c5-4ec3-971d-e498bac0cef0 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
section {
  padding: clamp(8px, 1.5vw, 24px);
}
}

#fw-section-rich-text-3fcc0bd0-84e2-4bd1-a7eb-ebbd7d56bfb3 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ebfbfb;
--color-background-rgb: 235, 251, 251;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 246;
background-color: var(--color-background);
color: var(--color-on-background);
p {
  font-size: 1.0rem; /* ~20px if root is 16px */
  line-height: 1.6;   /* more vertical spacing */
  letter-spacing: 0.09em; /* adds horizontal breathing room */
  font-weight: 100; 
}
}
#fw-section-rich-text-a9aace39-2ad5-4b02-bdd6-a3e397ed38ec {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
p {
  font-family: 'EB Garamond', serif;
  font-size: 0.9rem; /* ~20px if root is 16px */
  line-height: 1.6;   /* more vertical spacing */
  letter-spacing: 0.07em; /* adds horizontal breathing room */
  font-weight: 100; 
}

}
#fw-section-image-with-text-6ff72c03-a4f5-4798-a4df-72c025c6a2ff {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #cbcbcb;
--color-on-background-rgb: 203, 203, 203;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
p {
  font-size: 0.9rem; /* ~20px if root is 16px */
  line-height: 1.6;   /* more vertical spacing */
  letter-spacing: 0.07em; /* adds horizontal breathing room */
  font-weight: 100; 
}
h2 {
  text-align: right;
}
}
#fw-section-custom-html-d632b036-a059-4f5f-8869-1149245f87a8 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ebfbfb;
--color-background-rgb: 235, 251, 251;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 246;
background-color: var(--color-background);
color: var(--color-on-background);
section {
  padding: clamp(8px, 1.5vw, 24px);
}
}
#fw-section-custom-html-4c606214-797c-4026-9521-1d5705d2c1d4 {
--color-primary: #ededed;
--color-primary-rgb: 237, 237, 237;
--color-background: #ededed;
--color-background-rgb: 237, 237, 237;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 237;
background-color: var(--color-background);
color: var(--color-on-background);
section {
  padding: clamp(8px, 1.5vw, 24px);
}
}
#fw-section-featured-collection-eeb5cdfb-2780-4d46-9d9d-a76878edc60d {
--color-primary: #ff0000;
--color-primary-rgb: 255, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
/* Product grid tiles */
.product-card, .product-card__media { background:#eee !important; }
.product-card { border-radius:12px; }

}
#fw-section-featured-collection-0 {
--color-primary: #ff0000;
--color-primary-rgb: 255, 0, 0;
--color-background: #ededed;
--color-background-rgb: 237, 237, 237;
--color-on-primary: #fe00ff;
--color-on-primary-rgb: 254, 0, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 237;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-hero-0 {

.button--primary {
    background-color: var(--color-on-primary);
    color: var(--color-primary);
}

/* Secondary button styling */
.button--secondary {
  background-color: transparent;   /* make it clear */
  border: 1px solid #ebfbfb;       /* white outline (adjust to your brand color) */
  color: #ffffff;                  /* white text */
  font-weight: 500;                /* a little less heavy than primary */
  margin-top: 1px;                /* more space below the primary */
  transition: all 0.3s ease;       /* smooth hover */
}

/* Stack hero buttons vertically */
.hero__cta-container,
.hero__cta-container--center {
  display: flex;
  flex-direction: column !important;  /* force column */
  align-items: center;                 /* keep centered */
  gap: 20px;                           /* space between */
}

/* Make each CTA size nicely */
.hero__cta { 
  flex: 0 0 auto !important;           /* don’t stretch */
}

/* Optional: give both buttons the same max width */
.button--expand {
  width: 100%;
  max-width: 320px;
}

/* Font spacing and such for paragraph "Free shipping" etc.  */
p {
  font-family: 'EB Garamond', serif;
  font-size: 1.0rem; /* ~20px if root is 16px */
  line-height: 1.0;   /* more vertical spacing */
  letter-spacing: 0.17em; /* adds horizontal breathing room */
  
}

}
#fw-section-image-a6e13b7f-ef57-4f1e-b622-04daefead357 {

img {
  width: auto; /* Width will scale proportionally */
  height: 500px; /* Sets a fixed height */
}
}
#fw-section-announcement-bar-1bf78851-e9c9-4f07-bcdc-5d7ab8c3faa3 {
--color-primary: #ff7ef8;
--color-primary-rgb: 255, 126, 248;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #040404;
--color-on-background-rgb: 4, 4, 4;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
.countdown__label {
  font-size: 1.0rem; /* ~20px if root is 16px */
  line-height: 0.7;   /* more vertical spacing */
  letter-spacing: 0.3em; /* adds horizontal breathing room */
  font-weight: 550;
}
}