#fw-section-custom-html-671d8203-0568-47b5-8504-76bcaa43602c {

.footer-logo {
  text-align: center;
  margin: 0;   /* removes all spacing */
  padding: 0;  /* makes sure no padding is applied */
}

.footer-logo img {
  max-height: 37px; /* make logo smaller (change px to size you like) */
  width: auto;      /* keep proportions */
  display: inline-block;
}

}

#fw-section-custom-html-7aef2a36-43dc-4dc6-8aaf-763ab9b3be8a {

.footer-logo {
  text-align: center;
  margin: 0;   /* removes all spacing */
  padding: 0;  /* makes sure no padding is applied */
}

.footer-logo img {
  max-height: 37px; /* make logo smaller (change px to size you like) */
  width: auto;      /* keep proportions */
  display: inline-block;
}

}

#fw-section-custom-html-4ecfc897-a039-48b5-b724-a0cfecd36b5c {

.footer-logo {
  text-align: center;
  margin: 0;   /* removes all spacing */
  padding: 0;  /* makes sure no padding is applied */
}

.footer-logo img {
  max-height: 37px; /* make logo smaller (change px to size you like) */
  width: auto;      /* keep proportions */
  display: inline-block;
}

}

#fw-section-custom-html-21968226-fc5a-494f-a7f9-7fc9a0131d6a {

/* ===== FIX VIDEO SPACING + PAGE SHIFT ===== */

/* Container setup */
#video-section {
  display: block;
  width: 100%;
  overflow: hidden;
  background: transparent;
  line-height: 0;
  font-size: 0;
  position: relative;
  isolation: isolate;
}

/* Video setup */
#custom-video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  vertical-align: top;
  transform: translateY(0.5px); /* hides subpixel black line */
}

/* Prevent black seam under video */
#video-section::after {
  content: "";
  display: block;
  height: 1px;
  background: transparent;
  position: relative;
  top: -1px;
}

/* --- Prevent product card movement --- */

/* Reserve space for the video before it loads */
#video-section {
  min-height: 0h; /* adjust based on your desired video height */
}

/* Keep layout stable */
#custom-video {
  visibility: visible;
}

/* Prevent reflow from delayed video load */
#video-section,
#custom-video {
  contain: layout paint; /* isolates layout so product cards don't jump */
  backface-visibility: hidden;
  will-change: transform;
}
/* ===== MOBILE: ZOOM + POSITION VIDEO ===== */
@media (max-width: 820px) {
  #custom-video {
    width: 100%;
    height: 5vh;           /* full viewport height */
    object-fit: cover;        /* fill container while keeping aspect ratio */
    object-position: 45% 50%; /* adjust position: horizontal% vertical% */
    transform: scale(1.0);    /* zoom the video */
    transition: transform 0.1s ease, object-position 0.3s ease; /* smooth adjustments if needed */
  }
}
html, body {
  margin: 0;
  padding: 0;
}

#video-section {
  width: 100%;
  height: 6vh;             /* adjust as needed */
  overflow: hidden;
  background: #f0f0e7;      /* placeholder so product cards don't move */
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;           /* removes extra spacing */
  font-size: 0;             /* removes inline spacing */
}

/* Ensure video has no gaps */
#video-section video {
  display: block !important;      /* removes inline spacing */
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;   /* fills container, no black bars */
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  vertical-align: top !important; /* eliminates inline spacing */
  background: transparent;
}


}
#fw-section-featured-collection-e681a6c4-b4c9-4849-8e00-05f2293e26b5 {

/* === Oasis — perfect square cards, no extra space === */

/* 1) Make the .image__object a square */
.image__object {
  width: 100% !important;
  height: 0 !important;
  padding-top: 100% !important; /* square */
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important; /* remove any theme margin */
}

/* 2) Center the images inside the square */
.image__object img.tile__item {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Collapse parent containers to avoid extra space */
.tile__image,
.image.image--background-color {
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 4) Make title/options sit immediately below the square */
.tile__image + * {
  margin-top: 0.5rem !important; /* adjust spacing as needed */
  position: relative !important;
  z-index: 2 !important;
}

/* Mobile safety */
@media (max-width: 768px) {
  .image__object {
    padding-top: 100% !important;
    height: 0 !important;
  }
}


}

#fw-section-custom-html-c01a9b52-b516-4dc8-bd56-689b3f59a8cc {

.footer-logo {
  text-align: center;
  margin: 0;   /* removes all spacing */
  padding: 0;  /* makes sure no padding is applied */
}

.footer-logo img {
  max-height: 37px; /* make logo smaller (change px to size you like) */
  width: auto;      /* keep proportions */
  display: inline-block;
}

}


#fw-section-custom-html-128b9cb8-5786-4723-b2d5-a20735ff6003 {

.footer-logo {
  text-align: center;
  margin: 0;   /* removes all spacing */
  padding: 0;  /* makes sure no padding is applied */
}

.footer-logo img {
  max-height: 37px; /* make logo smaller (change px to size you like) */
  width: auto;      /* keep proportions */
  display: inline-block;
}

}
#fw-section-custom-html-9ab65c7c-9695-4769-829e-e6320deecca9 {

/* ===== FIX VIDEO SPACING + PAGE SHIFT ===== */

/* Container setup */
#video-section {
  display: block;
  width: 100%;
  overflow: hidden;
  background: transparent;
  line-height: 0;
  font-size: 0;
  position: relative;
  isolation: isolate;
}

/* Video setup */
#custom-video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  vertical-align: top;
  transform: translateY(0.5px); /* hides subpixel black line */
}

/* Prevent black seam under video */
#video-section::after {
  content: "";
  display: block;
  height: 1px;
  background: transparent;
  position: relative;
  top: -1px;
}

/* --- Prevent product card movement --- */

/* Reserve space for the video before it loads */
#video-section {
  min-height: 0h; /* adjust based on your desired video height */
}

/* Keep layout stable */
#custom-video {
  visibility: visible;
}

/* Prevent reflow from delayed video load */
#video-section,
#custom-video {
  contain: layout paint; /* isolates layout so product cards don't jump */
  backface-visibility: hidden;
  will-change: transform;
}
/* ===== MOBILE: ZOOM + POSITION VIDEO ===== */
@media (max-width: 820px) {
  #custom-video {
    width: 100%;
    height: 5vh;           /* full viewport height */
    object-fit: cover;        /* fill container while keeping aspect ratio */
    object-position: 45% 50%; /* adjust position: horizontal% vertical% */
    transform: scale(1.1);    /* zoom the video */
    transition: transform 0.1s ease, object-position 0.3s ease; /* smooth adjustments if needed */
  }
}
html, body {
  margin: 0;
  padding: 0;
}

#video-section {
  width: 100%;
  height: 6vh;             /* adjust as needed */
  overflow: hidden;
  background: #f0f0e7;      /* placeholder so product cards don't move */
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;           /* removes extra spacing */
  font-size: 0;             /* removes inline spacing */
}

/* Ensure video has no gaps */
#video-section video {
  display: block !important;      /* removes inline spacing */
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;   /* fills container, no black bars */
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  vertical-align: top !important; /* eliminates inline spacing */
  background: transparent;
}


}
#fw-section-featured-collection-55d287d4-9219-4f7d-91cc-27bcd8e84c76 {

/* === Oasis — perfect square cards, no extra space === */

/* 1) Make the .image__object a square */
.image__object {
  width: 100% !important;
  height: 0 !important;
  padding-top: 100% !important; /* square */
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important; /* remove any theme margin */
}

/* 2) Center the images inside the square */
.image__object img.tile__item {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Collapse parent containers to avoid extra space */
.tile__image,
.image.image--background-color {
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 4) Make title/options sit immediately below the square */
.tile__image + * {
  margin-top: 0.5rem !important; /* adjust spacing as needed */
  position: relative !important;
  z-index: 2 !important;
}

/* Mobile safety */
@media (max-width: 768px) {
  .image__object {
    padding-top: 100% !important;
    height: 0 !important;
  }
}


}
#fw-section-custom-html-7a45f49f-ff74-479f-9a1d-4db16e9b9622 {

.footer-logo {
  text-align: center;
  margin: 0;   /* removes all spacing */
  padding: 0;  /* makes sure no padding is applied */
}

.footer-logo img {
  max-height: 37px; /* make logo smaller (change px to size you like) */
  width: auto;      /* keep proportions */
  display: inline-block;
}

}
#fw-section-custom-html-7458a9e0-3501-4ece-9f58-eb9841b3bae0 {

/* ===== FIX VIDEO SPACING + PAGE SHIFT ===== */

/* Container setup */
#video-section {
  display: block;
  width: 100%;
  overflow: hidden;
  background: transparent;
  line-height: 0;
  font-size: 0;
  position: relative;
  isolation: isolate;
}

/* Video setup */
#custom-video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  vertical-align: top;
  transform: translateY(0.5px); /* hides subpixel black line */
}

/* Prevent black seam under video */
#video-section::after {
  content: "";
  display: block;
  height: 1px;
  background: transparent;
  position: relative;
  top: -1px;
}

/* --- Prevent product card movement --- */

/* Reserve space for the video before it loads */
#video-section {
  min-height: 0h; /* adjust based on your desired video height */
}

/* Keep layout stable */
#custom-video {
  visibility: visible;
}

/* Prevent reflow from delayed video load */
#video-section,
#custom-video {
  contain: layout paint; /* isolates layout so product cards don't jump */
  backface-visibility: hidden;
  will-change: transform;
}
/* ===== MOBILE: ZOOM + POSITION VIDEO ===== */
@media (max-width: 820px) {
  #custom-video {
    width: 100%;
    height: 9vh;           /* full viewport height */
    object-fit: cover;        /* fill container while keeping aspect ratio */
    object-position: 50% 50%; /* adjust position: horizontal% vertical% */
    transform: scale(1.0);    /* zoom the video */
    transition: transform 0.1s ease, object-position 0.3s ease; /* smooth adjustments if needed */
  }
}
html, body {
  margin: 0;
  padding: 0;
}

#video-section {
  width: 100%;
  height: 7vh;             /* adjust as needed */
  overflow: hidden;
  background: #f0f0e7;      /* placeholder so product cards don't move */
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;           /* removes extra spacing */
  font-size: 0;             /* removes inline spacing */
}

/* Ensure video has no gaps */
#video-section video {
  display: block !important;      /* removes inline spacing */
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;   /* fills container, no black bars */
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  vertical-align: top !important; /* eliminates inline spacing */
  background: transparent;
}


}
#fw-section-collection-template {

/* === Oasis — perfect square cards, no extra space === */

/* 1) Make the .image__object a square */
.image__object {
  width: 100% !important;
  height: 0 !important;
  padding-top: 100% !important; /* square */
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important; /* remove any theme margin */
}

/* 2) Center the images inside the square */
.image__object img.tile__item {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Collapse parent containers to avoid extra space */
.tile__image,
.image.image--background-color {
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 4) Make title/options sit immediately below the square */
.tile__image + * {
  margin-top: 0.5rem !important; /* adjust spacing as needed */
  position: relative !important;
  z-index: 2 !important;
}

/* Mobile safety */
@media (max-width: 768px) {
  .image__object {
    padding-top: 100% !important;
    height: 0 !important;
  }
}

}
#fw-section-custom-html-6c0edbca-16bf-4666-98c0-a3a230100153 {

.footer-logo {
  text-align: center;
  margin: 0;   /* removes all spacing */
  padding: 0;  /* makes sure no padding is applied */
}

.footer-logo img {
  max-height: 37px; /* make logo smaller (change px to size you like) */
  width: auto;      /* keep proportions */
  display: inline-block;
}

}
#fw-section-custom-html-332ac019-25a0-4aaf-8e7e-dbe9e4273399 {

/* MOBILE ONLY */
@media(max-width:820px){
  .hero-search-wrapper {display:none;} /* hide desktop search */
  .hero-search-wrapper-mobile {display:flex;} /* show mobile search */
}
@media(min-width:821px){
  .hero-search-wrapper-mobile {display:none;} /* hide mobile search on desktop */
  .hero-search-wrapper {display:flex;} /* show desktop search */
}

/* --- Mobile only: move text/buttons slightly higher and blend heading --- */
@media (max-width: 820px) {
  .hero {
    padding-top: 20px !important; /* move everything slightly higher */
  }
@media (max-width: 820px) {
  /* make sure hero is a compositing/stacking context that contains the bg + heading */
  .hero {
    isolation: isolate; /* keeps blending local to the hero area */
  }
}

  /* ensure the heading is in the same stacking context and sits above the BG */
  .hero-mobile-title,
  .hero-mobile-title .fade-line,
  .hero-mobile-title-emphasis {
    position: relative;    /* so z-index can apply */
    z-index: 3;            /* must be higher than .hero-bg (which is z-index:1) */
    mix-blend-mode: overlay;
    -webkit-mix-blend-mode: overlay; /* Safari fallback */
    background: transparent; /* ensure no background blocks the blend */
  }
}
@media (max-width:820px){
  /* Slightly smaller mobile heading */
  .hero-mobile-title .fade-line {
    font-size: clamp(14px, 5.5vw, 18px); /* made slightly smaller */
  }
}

/* Hide on desktop */
@media(min-width:821px){
  .hero-mobile-title {
    display:none !important;
  }
}
/* HERO SECTION */
.hero {
  position: relative;
  height: 90vh; /* shrink height (adjust 60-80% as needed) */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* keep buttons at top if needed */
  align-items: center;
  padding-bottom: 60px; /* increase bottom padding */
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* keep cropping behavior */
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  animation: videoFadeIn 0.5s ease forwards;
}
.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  animation: videoFadeIn 0.5s ease forwards;

  /* 👇 NEW: zoom and lift video */
transform: scale(1.2) translateY(-10%) translateX(1%);
  transform-origin: center top;
}
@media (max-width: 820px) {
  .hero-video {
    transform: scale(1.2) translateY(-15%) translateX(0%); /* adjust -5% or +5% as needed */
  }
}

.hero-btn,
.hero-mobile-buttons a {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.65));
  z-index: 1;
  pointer-events: none;
}
/* 🔥 FOURTHWALL MOBILE GAP FIX */
@media (max-width: 820px) {
  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
  }

  /* kill extra space added by Fourthwall wrappers */
  body > div:first-child,
  body > main,
  main,
  section:first-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* ensure hero is flush with next section */
  .hero {
    margin-bottom: 0 !important;
  }
}




}
#fw-section-custom-html-2bb20b1e-d5ca-4f38-94e1-cc0b45113266 {

.grid-container {
  max-width: 1336px; /* increase this for bigger squares */
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  background-color: #f6f0e4;
}
/* Remove unwanted top space globally */
body, main, section, .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Optional — ensure no top margin on the first element inside */
body > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Specific to your grid section */
.grid-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
@media (max-width: 768px) {
  .grid-container {
    display: flex;
    flex-direction: column; /* stack items vertically */
    gap: 0;
    max-width: 100%;
    margin: 0 auto;
  }

  .grid-item {
    width: 100%;
    aspect-ratio: auto; /* remove square restriction */
    flex-direction: column;
  }

  /* Reorder items for mobile: text → image → text → image */
  .grid-item:nth-child(1) { order: 1; } /* Top text */
  .grid-item:nth-child(2) { order: 2; } /* Top image */
  .grid-item:nth-child(4) { order: 3; } /* Bottom text */
  .grid-item:nth-child(3) { order: 4; } /* Bottom image */

  /* Center text boxes */
  .grid-item.text-block {
    width: 100%;
    flex: none;
    padding: 20px 15px !important;
    background-color: #f0f0e7 !important;
    text-align: center !important;
    align-items: center !important;
  }

  /* Shorter image blocks */
  .grid-item img {
    width: 100%;
    height: 300px; /* adjust as needed for shorter images */
    object-fit: cover;
    flex: none;
    display: block;
  }

  /* Hide buttons on mobile */
  .grid-item.text-block .button {
    display: none !important;
  }
}

}

#fw-section-video-with-text-da9fd00a-87d9-46a6-9aa2-4720cc189862 {
--color-primary: #f0f0e7;
--color-primary-rgb: 240, 240, 231;
--color-background: #f0f0e7;
--color-background-rgb: 240, 240, 231;
--color-on-primary: #f0f0e7;
--color-on-primary-rgb: 240, 240, 231;
--color-on-background: #030303;
--color-on-background-rgb: 3, 3, 3;
--color-product-image-background: #030303;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);
/* Center text on mobile (max-width 768px) */
@media (max-width: 768px) {

  /* Center content inside video section */
  .video-with-text__content {
    text-align: center !important; /* Center text horizontally */
    padding: 0 15px !important; /* Padding for text spacing */
  }

  /* Center heading text */
  .video-with-text__heading {
    margin: 0 auto !important; /* Center heading */
    font-size: 1.25em !important; /* Adjust font size for readability */
    line-height: 1.4 !important;
  }

  /* Center paragraph text */
  .video-with-text__text p {
    text-align: center !important; /* Center paragraph text */
    font-size: 0.9em !important; /* Adjust font size */
    line-height: 1.6 !important; /* Increase line height for readability */
    margin: 0 auto 20px !important; /* Center the text block and add space below */
  }

  /* Optional: Center the button as well */
  .video-with-text__cta-container {
    display: flex !important;
    justify-content: center !important; /* Center the button */
    margin-top: 20px !important;
  }

  .video-with-text__cta a {
    text-align: center !important; /* Center the button text */
    width: 100% !important; /* Make the button full-width */
    padding: 15px 30px !important; /* Increase padding for better tap area */
  }
}

}
#fw-section-newsletter-f4b3e562-7076-415f-a0bb-a30fec6a50b4 {
--color-primary: #f0f0e7;
--color-primary-rgb: 240, 240, 231;
--color-background: #f0f0e7;
--color-background-rgb: 240, 240, 231;
--color-on-primary: #f0f0e7;
--color-on-primary-rgb: 240, 240, 231;
--color-on-background: #030303;
--color-on-background-rgb: 3, 3, 3;
--color-product-image-background: #030303;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);
/* ====== NEWSLETTER SECTION - MOBILE FIX ====== */
@media (max-width: 820px) {
  /* Target the newsletter form wrapper */
  .newsletter-form,
  .newsletter {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 10px !important;
  }

  /* Email input box */
  .newsletter-form input[type="email"],
  .newsletter input[type="email"] {
    width: 90% !important;
    max-width: 400px !important;
    box-sizing: border-box;
    margin: 0 auto;
  }

  /* Subscribe button - show and center below input */
  .newsletter-form button,
  .newsletter button {
    display: block !important;
    width: auto !important;
    max-width: 200px;
    margin: 10px auto 0 auto !important;
  }

  /* Optional: ensure button isn't overlapping or hidden */
  .newsletter-form {
    overflow: visible !important;
  }
}
/* ===== MOBILE ONLY: Newsletter full width ===== */
@media (max-width: 820px) {
  /* Outer wrapper of the newsletter section */
  .newsletter-section,
  section[data-section-type="newsletter"],
  .custom-newsletter,
  .newsletter,
  .section,
  .wrapper,
  .inner {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
}

}


#fw-section-custom-html-e93a0b8a-9195-4f1b-a090-27e615d4686d {

.footer-logo {
  text-align: center;
  margin: 0;   /* removes all spacing */
  padding: 0;  /* makes sure no padding is applied */
}

.footer-logo img {
  max-height: 37px; /* make logo smaller (change px to size you like) */
  width: auto;      /* keep proportions */
  display: inline-block;
}

}






#fw-section-header {
--color-primary: #171733;
--color-primary-rgb: 23, 23, 51;
--color-background: #d5d5d2;
--color-background-rgb: 213, 213, 210;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0a0a0a;
--color-on-background-rgb: 10, 10, 10;
--color-product-image-background: #0a0a0a;
--color-background-brightness: 213;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-featured-collection-d185e4c1-19fc-4127-8a9c-807c5b89974a {

/* === Oasis — perfect square cards, no extra space === */

/* 1) Make the .image__object a square */
.image__object {
  width: 100% !important;
  height: 0 !important;
  padding-top: 100% !important; /* square */
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important; /* remove any theme margin */
}

/* 2) Center the images inside the square */
.image__object img.tile__item {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Collapse parent containers to avoid extra space */
.tile__image,
.image.image--background-color {
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 4) Make title/options sit immediately below the square */
.tile__image + * {
  margin-top: 0.5rem !important; /* adjust spacing as needed */
  position: relative !important;
  z-index: 2 !important;
}

/* Mobile safety */
@media (max-width: 768px) {
  .image__object {
    padding-top: 100% !important;
    height: 0 !important;
  }
}


}
#fw-section-custom-html-220ccb00-8b48-4644-a4ea-6f286a26a35c {

.footer-logo {
  text-align: center;
  margin: 0;   /* removes all spacing */
  padding: 0;  /* makes sure no padding is applied */
}

.footer-logo img {
  max-height: 37px; /* make logo smaller (change px to size you like) */
  width: auto;      /* keep proportions */
  display: inline-block;
}

}
#fw-section-product {

/* Ensure product card and image wrapper are relative for overlay positioning */
.product-card,
.product-tile,
.card--product {
  position: relative;
  overflow: hidden;
}

/* Product page title smaller */
.product-info__title,
.product-single__title,
.product-title {
  font-size: 23px !important;   /* adjust as needed */
  line-height: 1.2 !important;  /* tighter spacing */
  margin-bottom: 0.5rem;        /* optional spacing */
}

/* Target the actual Add to Cart button */
.product-card__add-to-cart,
.product-tile__add-to-cart,
.card--product .add-to-cart-button {
  position: absolute !important;   /* overlay on top of image */
  bottom: 10px;                   /* distance from bottom */
  left: 50%;                       /* center horizontally */
  transform: translateX(-50%) translateY(20px); /* slide-up effect */
  opacity: 0;                      /* hidden by default */
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 10;                     /* above the image */
  width: auto !important;          /* let it size naturally */
  text-align: center;
  display: block !important;
}

/* Fade in and slide up on hover */
.product-card:hover .product-card__add-to-cart,
.product-tile:hover .product-tile__add-to-cart,
.card--product:hover .add-to-cart-button {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Optional hover style for button itself */
.product-card__add-to-cart:hover,
.product-tile__add-to-cart:hover,
.card--product .add-to-cart-button:hover {
  background-color: #000 !important;
  color: #fff !important;
}
/* Hide the 2nd breadcrumb item (usually "Store") and its adjacent separator/list item */

/* Common breadcrumb containers */
.breadcrumb,
.breadcrumbs,
.product-breadcrumbs,
nav.breadcrumb,
[aria-label="breadcrumb"] {
  /* keep container visible — we only hide the second item below */
}

/* Hide the 2nd anchor (link) inside the breadcrumb */
.breadcrumb a:nth-of-type(2),
.breadcrumbs a:nth-of-type(2),
.product-breadcrumbs a:nth-of-type(2),
nav.breadcrumb a:nth-of-type(2),
[aria-label="breadcrumb"] a:nth-of-type(2) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide a separator node that immediately follows the 2nd link (often a span or text node wrapper) */
.breadcrumb a:nth-of-type(2) + *,
.breadcrumbs a:nth-of-type(2) + *,
.product-breadcrumbs a:nth-of-type(2) + *,
nav.breadcrumb a:nth-of-type(2) + *,
[aria-label="breadcrumb"] a:nth-of-type(2) + * {
  display: none !important;
}

/* If breadcrumb is built with <li> items, hide the 2nd list item */
.breadcrumb li:nth-child(2),
.breadcrumbs li:nth-child(2),
.product-breadcrumbs li:nth-child(2),
nav.breadcrumb li:nth-child(2),
[aria-label="breadcrumb"] li:nth-child(2) {
  display: none !important;
}

/* Tidy up any leftover spacing around the breadcrumb */
.breadcrumb, .breadcrumbs, .product-breadcrumbs, nav.breadcrumb, [aria-label="breadcrumb"] {
  line-height: 1;
  font-size: 13px;
}

}

#fw-section-featured-collection-40f8d6b4-ebf4-452d-9486-147576407191 {

/* Hide all featured collection items by default */
.featured-collection .product-card {
    display: none;
}

/* Show only clothing products on clothing product pages */
body.product-category-clothing .featured-collection .product-card.clothing {
    display: block;
}

/* Show only watch products on watch product pages */
body.product-category-watches .featured-collection .product-card.watches {
    display: block;
}

}

#fw-section-custom-html-39f3fdaa-933a-4d88-be25-06aa10dc2d2f {

.footer-logo {
  text-align: center;
  margin: 0;   /* removes all spacing */
  padding: 0;  /* makes sure no padding is applied */
}

.footer-logo img {
  max-height: 37px; /* make logo smaller (change px to size you like) */
  width: auto;      /* keep proportions */
  display: inline-block;
}

}


#fw-section-featured-collection-2b5fce16-0449-475f-9d72-45391c8aaff1 {

/* === Oasis — perfect square cards, no extra space === */

/* 1) Make the .image__object a square */
.image__object {
  width: 100% !important;
  height: 0 !important;
  padding-top: 100% !important; /* square */
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important; /* remove any theme margin */
}

/* 2) Center the images inside the square */
.image__object img.tile__item {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Collapse parent containers to avoid extra space */
.tile__image,
.image.image--background-color {
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 4) Make title/options sit immediately below the square */
.tile__image + * {
  margin-top: 0.5rem !important; /* adjust spacing as needed */
  position: relative !important;
  z-index: 2 !important;
}

/* Mobile safety */
@media (max-width: 768px) {
  .image__object {
    padding-top: 100% !important;
    height: 0 !important;
  }
}


}
#fw-section-custom-html-7285d33d-da0f-4f1a-b624-3b6a6a4a9368 {

.footer-logo {
  text-align: center;
  margin: 0;   /* removes all spacing */
  padding: 0;  /* makes sure no padding is applied */
}

.footer-logo img {
  max-height: 37px; /* make logo smaller (change px to size you like) */
  width: auto;      /* keep proportions */
  display: inline-block;
}
}