#fw-section-announcement-bar-2ae7507d-bffc-45a2-812a-5a04e2b87ac3 {
--font-heading-scale: 1.07;
--font-body-scale: 1.43;
}
#fw-section-announcement-bar-2ae7507d-bffc-45a2-812a-5a04e2b87ac3 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #d7d7d7;
--color-background-rgb: 215, 215, 215;
--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: #000000;
--color-background-brightness: 215;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #d7d7d7;
--primary-btn-text: #000000;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}

#fw-section-image-with-text-4ca88dce-ee78-4733-b103-d863d00319d1 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--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: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #000000;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}


#fw-section-header {

a {
  display: none;
  color: transparent;
}
}
#fw-section-product-product-default {

/* --- Product Image Slider Upgrade for Fourthwall --- */

/* Make the product images container behave like a slider */
.fw-product-gallery {
  position: relative;
  overflow: hidden;
}

/* Style the images */
.fw-product-gallery img {
  width: 100%;
  border-radius: 10px;
  transition: transform 0.4s ease;
}

/* Add arrows */
.fw-product-gallery::before,
.fw-product-gallery::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.4);
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  backdrop-filter: blur(4px);
}

/* Left arrow */
.fw-product-gallery::before {
  left: 10px;
  mask: url('https://upload.wikimedia.org/wikipedia/commons/7/72/Arrow_left_font_awesome.svg') center / contain no-repeat;
}

/* Right arrow */
.fw-product-gallery::after {
  right: 10px;
  mask: url('https://upload.wikimedia.org/wikipedia/commons/3/3c/Arrow_right_font_awesome.svg') center / contain no-repeat;
}

/* Hover effect */
.fw-product-gallery::before:hover,
.fw-product-gallery::after:hover {
  background: rgba(0,0,0,0.6);
}

/* Make the slider swipeable on mobile */
.fw-product-gallery {
  scroll-snap-type: x mandatory;
  display: flex;
  overflow-x: auto;
  gap: 10px;
}

.fw-product-gallery img {
  scroll-snap-align: center;
  flex-shrink: 0;
  width: 100%;
}
}