#fw-section-hero-1771218161 {

/* MOBILE BUTTON FIX */
@media (max-width: 767px) {
  a[class*="button"],
  button {
    max-width: 90% !important;
    width: fit-content !important;
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
}
#fw-section-featured-collection-1771218161 {

/* Clean product cards */
[class*="product"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Remove image container background */
[class*="image"] {
  background: transparent !important;
  overflow: visible !important;
}

/* Remove random shadows */
div {
  box-shadow: none !important;
}

/* Tighten top spacing */
section {
  padding-top: 0 !important;
}

/* Fix overlap issue (was -50px before, now safe) */
[class*="grid"] {
  margin-top: -15px !important;
}

/* Desktop spacing */
@media (min-width: 768px) {
  section {
    padding-top: 0 !important;
  }

  [class*="grid"] {
    margin-top: -50px !important;
  }
}

@media (max-width: 768px) {

  /* 1. Pull the grid up to close the gap */
  .grid,
  .grid--center {
    display: block !important;
    margin-top: -60px !important; /* Adjust this to move the shirt up/down */
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* 2. Full width columns */
  .grid__column,
  .grid__column--6,
  .grid__column--6\@md {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3. The Shirt: 100% width so it NEVER goes off-screen */
  .product-tile img {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important; 
    margin-top: -20px !important; /* Extra pull-up for the image specifically */
    display: block !important;
    height: auto !important;
  }

  .product-tile {
    margin: 0 !important;
    padding: 0 !important;
  }

  .tile {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* 4. Section spacing */
  .fw-section-18392 {
    margin-top: 10px !important;
  }
}

[class*="featured-collection"] h2, 
[class*="featured-collection"] .section-header {
  padding-top: 10px !important;
  margin-top: 0 !important;
}

/* Alternative if the above doesn't trigger: targets the text specifically */
[class*="grid"] {
    padding-top: 30px !important;
}

}




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

span[class*="price"] {
  font-family: "Arial Black", sans-serif !important;
}
}