#fw-section-collection-template {

.tile__heading {
  font-weight: 900;
}
}

#fw-section-featured-collection-d883c0d5-5599-4c7b-8b0c-12961fd7934a {

/*-----------------------------*/
/* Main Headline */

.section-header__heading {
  text-align: center;
}

/*-----------------------------*/
/* Card Layout */

.grid__column {
  padding-right: 5px;
  padding-left: 5px;
}

.grid {
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  .grid {
    flex-wrap: wrap;
  }
}

/*-----------------------------*/
/* Card Content */

.tile__description {
  text-align: left;
  padding: 16px 16px 12px;
}

.tile__option-values--center {
  justify-content: left;
  padding-left: 16px
}

.tile__heading {
  font-weight: 900;
}
}

#fw-section-featured-collection-27fbe4f4-7147-4f11-a736-0a84c4eda089 {

/*-----------------------------*/
/* Main Headline */

.section-header__heading {
  text-align: center;
}

/*-----------------------------*/
/* Card Layout */

.grid__column {
  padding-right: 5px;
  padding-left: 5px;
}

.grid {
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  .grid {
    flex-wrap: wrap;
  }
}

/*-----------------------------*/
/* Card Content */

.tile__description {
  text-align: left;
  padding: 16px 16px 12px;
}

.tile__option-values--center {
  justify-content: left;
  padding-left: 16px
}

.tile__heading {
  font-weight: 900;
}
}

#fw-section-featured-collection-a8f73fc9-48b6-4f8e-90ad-b8013015fc1c {

/*-----------------------------*/
/* Main Headline */

.section-header__heading {
  text-align: center;
}

/*-----------------------------*/
/* Card Layout */

.grid__column {
  padding-right: 5px;
  padding-left: 5px;
}

.grid {
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  .grid {
    flex-wrap: wrap;
  }
}

/*-----------------------------*/
/* Card Content */

.tile__description {
  text-align: left;
  padding: 16px 16px 12px;
}

.tile__option-values--center {
  justify-content: left;
  padding-left: 16px
}

.tile__heading {
  font-weight: 900;
}
}

#fw-section-hero-70bb7c7f-d138-42ea-91cd-e907cc27b98f {

/*-----------------------------*/
/* Desktop Size */
.container {
  margin-top: 100px;
}

.hero__content {
  padding-top: 0px;
}

.section-background__image {
  background-size: contain;
  background-position: bottom;
}

/*-----------------------------*/
/* Tablet Size */
@media (min-width: 641px) and (max-width: 1440px) {
  .hero__container--large {
    min-height: 480px;
    padding: 40px 30px;
  }
}

/*-----------------------------*/
/* Mobile Size */
@media (max-width: 640px) {
  /* Shrink top gap and make hero fill tighter */
  .hero__container--large {
    min-height: 400px !important;
    margin-top: -120px !important; /* pulls hero upward under header */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  /* Make the background image scale correctly */
  .section-background__image {
    background-size: contain !important;
    background-position: center bottom !important;
  }

  /* Kill default theme spacing that adds white space */
  .hero,
  .hero .container,
  .hero__content,
  .section--hero {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Remove extra space above the hero (between header and hero) */
  header + .hero,
  .shopify-section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}


}
#fw-section-hero-ba24f790-9a28-4ce4-be42-215b3d402a37 {

/*-----------------------------*/
/* Desktop Size */

.hero__container {
  height: 100px;
}

.section-background {
  height: 100px;
}

.hero__content {
  padding: 0px;
}

.wrapper {
  padding: 0px;
}

.container {
  max-width: none;
}

.section-background__image {
  background-size: contain;
  background-repeat: repeat-x;
}

/*-----------------------------*/
/* Mobile: moderately thicker blue bar + slightly larger text/logo */
@media (max-width: 640px) {
  /* Adjust bar height and padding */
  .section-background {
    min-height: 85px !important;     /* about 1.5× thicker than default */
    padding: 14px 12px !important;   /* balanced vertical spacing */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .hero__container {
    min-height: 85px !important;
  }

  /* Scale background image to match new height */
  .section-background__image {
    background-repeat: repeat-x !important;
    background-position: center center !important;
    background-size: auto 85px !important;  /* proportionally scaled */
  }

  /* Text inside the bar: larger but not oversized */
  .section-background,
  .section-background a,
  .section-background span {
    font-size: 16px !important;      /* ~1.5× larger than default */
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.2px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  /* Logo or image inside bar */
  .section-background img {
    height: 28px !important;         /* ~1.5× enlargement */
    width: auto !important;
    margin: 0 6px !important;
    vertical-align: middle !important;
  }
}

}
#fw-section-featured-collection-0 {

/*-----------------------------*/
/* Main Headline */

.section-header__heading {
  text-align: center;
}

/*-----------------------------*/
/* Card Layout */

.grid__column {
  padding-right: 5px;
  padding-left: 5px;
}

.grid {
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  .grid {
    flex-wrap: wrap;
  }
}

/*-----------------------------*/
/* Card Content */

.tile__description {
  text-align: left;
  padding: 16px 16px 12px;
}

.tile__option-values--center {
  justify-content: left;
  padding-left: 16px
}

.tile__heading {
  font-weight: 900;
}
}
#fw-section-collections-list-9fcc8d34-8db5-4eaa-8858-8a4ceeeaeda8 {

/*-----------------------------*/
/* Card */

a {
  pointer-events: none;
}

.collections-list__item-image-wrapper {
  aspect-ratio: 3 / 4;
}

.grid__column {
  padding: 5px;
}

/*-----------------------------*/
/* Headline */

.section-header {
  display: none;
}
}
#fw-section-links-list-1e279f3a-0ff4-4025-bfd9-c28b82ea35b1 {

/*-----------------------------*/
/* Desktop Size */

a {
  font-size: 20px;
}

/*-----------------------------*/
/* Mobile Size */

@media (max-width: 640px) {
  a {
    font-size: 15px;
  }
}
}
#fw-section-hero-0b1d611c-3ca9-49a2-83fa-8797ad6c9bb2 {
--color-primary: #171346;
--color-primary-rgb: 23, 19, 70;
--color-background: #e4e4e6;
--color-background-rgb: 228, 228, 230;
--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: #f2f1ec;
--color-background-brightness: 228;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #171346;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/*-----------------------------*/
/* Desktop Size */
a {
  font-size: 20px;
}

/*-----------------------------*/
/* Mobile Size */
@media (max-width: 640px) {
  a {
    font-size: 15px;
  }

  .hero__container--regular {
    min-height: 600px; /* keep larger area for image */
  }

  .section-background__image {
    background-position: top center;
    background-size: cover;
  }

  .hero__inner--center {
    align-items: flex-start; /* move text upward */
  }

  .hero__content {
    padding-top: 80px;   /* pushes text up into empty space */
    padding-bottom: 0;   /* removes extra gap below */
    text-align: center;  /* optional: keep balanced on mobile */
  }

  /* optional: ensure image scales nicely */
  .hero__media img {
    width: 110%;
    max-width: none;
    object-fit: cover;
  }
}

}
#fw-section-featured-collection-fd37b78b-81d3-422f-854c-0f95edb979db {

.grid__column {
  padding-right: 5px;
  padding-left: 5px;
}

.product-tile {
  background: #F2F1EC;
  padding: 50px;
  height: -webkit-fill-available;
}

.tile__heading {
  font-size: 25px;
  font-weight: 900;
}

.tile__options {
  padding-bottom: 0px;
}

@media (max-width: 640px) {
  .product-tile {
    padding: 15px;
  }
  .tile__heading {
  font-size: 15px;
  }

  .grid__column--6 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid--center {
    gap: 10px;
  }
}
}
#fw-section-featured-collection-2afae1eb-657e-4c41-8ba3-6c3e5869a667 {

/*-----------------------------*/
/* Card Layout */

.grid__column {
  padding-right: 5px;
  padding-left: 5px;
}

/*-----------------------------*/
/* Card Content */

.tile__heading {
  font-weight: 900;
}

.tile__description {
  text-align: left;
  padding: 16px 16px 12px;
}

.tile__option-values--center {
  justify-content: left;
  padding-left: 16px
}
}
#fw-section-featured-collection-8cb240ca-b3ca-4861-b721-d634d341e69d {

/*-----------------------------*/
/* Card Layout */

.grid__column {
  padding-right: 5px;
  padding-left: 5px;
}

/*-----------------------------*/
/* Card Content */

.tile__heading {
  font-weight: 900;
}

.tile__description {
  text-align: left;
  padding: 16px 16px 12px;
}

.tile__option-values--center {
  justify-content: left;
  padding-left: 16px
}
}
#fw-section-links-list-07e991c3-3a19-427d-bc60-4ae4a922e154 {

/*-----------------------------*/
/* Desktop Size */

a {
  font-size: 20px;
}

/*-----------------------------*/
/* Mobile Size */

@media (max-width: 640px) {
  a {
    font-size: 15px;
  }
}
}
#fw-section-video-f0176bfc-6e34-4a82-a6d6-252eefdb35ff {
--color-primary: #171346;
--color-primary-rgb: 23, 19, 70;
--color-background: #fffef9;
--color-background-rgb: 255, 254, 249;
--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: #f2f1ec;
--color-background-brightness: 254;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #171346;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/*-----------------------------*/
/* Desktop Size */

.video-section__container {
  overflow: hidden;
  border-radius: 25px;
}

@media (min-width: 1441px) {
  .section-fw-section-video-f0176bfc-6e34-4a82-a6d6-252eefdb35ff-padding {
    padding-right: 100px;
    padding-left: 100px;
  }
}

/*-----------------------------*/
/* Tablet Size */

@media (min-width: 641px) and (max-width: 1440px) {
  .section-fw-section-video-f0176bfc-6e34-4a82-a6d6-252eefdb35ff-padding {
    padding-right: 50px;
    padding-left: 50px;
  }
}

/*-----------------------------*/
/* Mobile Size */

@media (max-width: 640px) {
  .section-fw-section-video-f0176bfc-6e34-4a82-a6d6-252eefdb35ff-padding {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
}
#fw-section-image-with-text-9cf93e19-41de-4a04-8ef7-f24ef405fbe6 {
--color-primary: #e6ff82;
--color-primary-rgb: 230, 255, 130;
--color-background: #fffef9;
--color-background-rgb: 255, 254, 249;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #f2f1ec;
--color-background-brightness: 254;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #e6ff82;
--primary-btn-text: #000000;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/*-----------------------------*/
/* Split Layout */

.grid {
  background-color: #014837;
}

.grid__column {
  padding: 0px;
}

/*-----------------------------*/
/* Content */

.image-with-text__content {
  padding: 50px;
}

.image-with-text__heading {
  font-size: 50px;
}

/*-----------------------------*/
/* Mobile Size */

@media (max-width: 640px) {
  .image-with-text__content {
  padding: 25px;
  }
  
  .image-with-text__heading {
  font-size: 35px;
  }
}
}
#fw-section-featured-collection-d24fb86d-3295-4154-a127-82ca386467b5 {

/*-----------------------------*/
/* Card Layout */

.grid__column {
  padding-right: 5px;
  padding-left: 5px;
}

.product-tile {
  background: #F2F1EC;
  padding: 50px;
  height: -webkit-fill-available;
}

.tile__options {
  padding-bottom: 0px;
}

/*-----------------------------*/
/* Card Content */

.tile__heading {
  font-size: 25px;
  font-weight: 900;
}

/*-----------------------------*/
/* Mobile Size */

@media (max-width: 640px) {
  .product-tile {
    padding: 15px;
  }

  .grid__column--6 {
    flex-basis: 100%;
    max-width: 100%;
  }
  
  .grid--center {
    gap: 10px;
  }

  .tile__heading {
  font-size: 15px;
  }
}
}
#fw-section-featured-collection-550cbe12-909a-4f62-9d4c-580877d9ffd9 {

/*-----------------------------*/
/* Card Layout */

.grid__column {
  padding-right: 5px;
  padding-left: 5px;
}

/*-----------------------------*/
/* Card Content */

.tile__heading {
  font-weight: 900;
}

.tile__description {
  text-align: left;
  padding: 16px 16px 12px;
}

.tile__option-values--center {
  justify-content: left;
  padding-left: 16px
}
}
#fw-section-links-list-3143c8a6-fe8f-43bd-86d3-91d84436cf9e {
--color-primary: #014837;
--color-primary-rgb: 1, 72, 55;
--color-background: #fffef9;
--color-background-rgb: 255, 254, 249;
--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: #f2f1ec;
--color-background-brightness: 254;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #014837;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* Desktop Size */ a { font-size: 20px; } /*-----------------------------*/ /* Mobile Size */ @media (max-width: 640px) { a { font-size: 15px; } }
}
#fw-section-hero-89601d94-3187-465a-85a4-3058627d4dd4 {
--color-primary: #171346;
--color-primary-rgb: 23, 19, 70;
--color-background: #e4e4e6;
--color-background-rgb: 228, 228, 230;
--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: #f2f1ec;
--color-background-brightness: 228;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #171346;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/*-----------------------------*/
/* Desktop Size */
a { font-size: 20px; }

/*-----------------------------*/
/* Mobile Size */
@media (max-width: 640px) {
  a { font-size: 15px; }

  /* Elongate the module so there's room for the image below the text */
  .hero__container--regular {
    min-height: 500px !important;  /* was 600; give the image more room */
  }

  /* ===== CASE 1: background-based hero image ===== */
  /* Push the background image down without moving the text */
  .section-background__image {
    background-size: cover !important;
    /* IMAGE_OFFSET: how far to drop the image */
    background-position: center 220px !important;  /* tweak 180–280px */
    /* For engines that honor background-position-y */
    background-position-y: 220px !important;
  }

  /* ===== CASE 2: <img> inside a media wrapper ===== */
  /* If your theme renders an <img>, push it down by the same offset */
  .hero__media {
    height: 50vh;                     /* maintain a nice image height */
    margin-top: 50px !important;     /* IMAGE_OFFSET */
  }
  .hero__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important; /* keep crop consistent */
    display: block !important;
  }

  /* Center text + CTA only (no vertical movement) */
  .hero__inner--center,
  .hero__content {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

}
#fw-section-featured-collection-46507b5d-6573-4a78-85d7-3602f39c241c {

/*-----------------------------*/
/* Card Layout */

.grid__column {
  padding-right: 5px;
  padding-left: 5px;
}

/*-----------------------------*/
/* Card Content */

.tile__heading {
  font-weight: 900;
}

.tile__description {
  text-align: left;
  padding: 16px 16px 12px;
}

.tile__option-values--center {
  justify-content: left;
  padding-left: 16px
}
}
#fw-section-links-list-55754d14-5988-4f6d-8046-7f03f3ac1258 {
--color-primary: #ff6047;
--color-primary-rgb: 255, 96, 71;
--color-background: #fffef9;
--color-background-rgb: 255, 254, 249;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #f2f1ec;
--color-background-brightness: 254;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff6047;
--primary-btn-text: #000000;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
a {
  font-size: 20px;
}

@media (max-width: 640px) {
  a {
    font-size: 15px;
  }
}
}
#fw-section-collections-list-54644e56-f1ff-408c-9d45-82705469bc7e {

/*-----------------------------*/
/* DESKTOP SIZE (UNCHANGED) */

.section-header__heading {
  text-align: center;
}

/* No desktop image changes */
.product__media img,
.collection__image img,
.media img,
.section-image img {
  transform: none;
  width: auto;
  height: auto;
  object-fit: contain;
}

/*-----------------------------*/
/* TABLET SIZE (UNCHANGED) */
@media (min-width: 641px) and (max-width: 1024px) {
  /* keep tablet as-is */
}

/*-----------------------------*/
/* MOBILE — shrink section art ~50% */
@media (max-width: 640px) {
  /* Narrow the containers that follow a section headline */
  main .section-header__heading ~ .container,
  main .section-header__heading ~ .wrapper,
  main .section-header__heading ~ .content,
  main .section-header__heading ~ .grid,
  main .section-header__heading ~ [class*="section"],
  main .section-header__heading ~ [class*="feature"],
  main .section-header__heading ~ [class*="extension"] {
    width: 50% !important;          /* halve visible width */
    max-width: 50% !important;      /* guard against internal max-width */
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Apply same constraint to immediate section children if full-bleed */
  main .section-header__heading ~ [class*="section"] > *,
  main .section-header__heading ~ [class*="feature"] > *,
  main .section-header__heading ~ [class*="extension"] > * {
    width: 50% !important;
    max-width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Maintain vertical spacing harmony */
  main .section-header__heading ~ * {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* Reduce the visual size of images and media wrappers */
  main .section-header__heading ~ .image-with-text__media,
  main .section-header__heading ~ .feature__media,
  main .section-header__heading ~ .feature-grid__image,
  main .section-header__heading ~ .section-image,
  main .section-header__heading ~ .media {
    transform: scale(0.5) !important;           /* 50% smaller */
    transform-origin: center top !important;
  }
}

}


#fw-section-header {

/*-----------------------------*/
/* Desktop Size */
.hero__container {
  height: 100px;
}

.section-background {
  height: 100px;
}

.hero__content {
  padding: 0px;
}

.wrapper {
  padding: 10px;
}

.container {
  max-width: none;
}

.section-background__image {
  background-size: contain;
  background-repeat: repeat-x;
}

/* ===========================
   MOBILE STYLES ONLY
   =========================== */
@media (max-width: 640px) {

  /* ---- HERO SECTION ---- */
  .hero__container {
    height: fit-content !important;
    margin-top: -40px !important; /* keeps hero image tight to top */
  }

  .section-background {
    height: fit-content !important;
  }

  .section-background__image {
    background-size: contain !important;
    background-position: center bottom !important;
  }

  /* ---- BLUE CTA BAR ---- */
  .hero__container--blue,
  .cta-bar,
  .hero__footer,
  .section-blue-banner {
    min-height: 90px !important;           /* 1.5× taller than default */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .hero__container--blue a,
  .cta-bar a,
  .section-blue-banner a {
    font-size: 1.2em !important;           /* ~1.5× larger text */
    font-weight: 600 !important;
    line-height: 1.3 !important;
  }

  .hero__container--blue img,
  .cta-bar img,
  .section-blue-banner img {
    transform: scale(1.2) !important;      /* ~1.5× larger logo/icon */
    transform-origin: center center !important;
  }

  /* ---- HEADER / NAV FIX ---- */
  .site-header,
  .shopify-section-header,
  .header,
  .header__wrapper,
  .site-header__wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  .header__wrapper,
  .site-header__wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  .header__icon,
  .site-header__icon,
  .header__icon-button,
  .header__action {
    padding: 8px !important;
    margin: 0 !important;
  }

  .header__icon svg,
  .site-header__icon svg {
    width: 24px !important;
    height: 24px !important;
  }

  /* ---- LOGO RESIZE ---- */
  .site-header .logo img,
  .header__logo img,
  .shopify-section-header__logo img,
  .header__heading-link img {
    transform: scale(0.85) !important;     /* 15% smaller */
    transform-origin: center center !important;
  }
}

}