#fw-section-header {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--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);

}

#fw-section-hero-1759113086 {

/* Base button style (desktop) */
button, .button, input[type="submit"], a.button {
  background-color: transparent !important;  /* transparent background */
  border: 2px solid #fff !important;        /* white outline */
  color: #fff !important;                    /* white text */
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  padding: 15px 40px !important;            /* desktop padding for width */
  font-size: 16px !important;               /* desktop font */
  display: inline-block !important;
  min-width: 250px !important;              /* force wider desktop width */
  max-width: 100% !important;               /* don’t exceed container */
  text-align: center !important;
  box-sizing: border-box !important;        /* ensure padding counts in width */
  transition: all 0.3s ease;
}

/* Hover/focus remain same */
button:hover, .button:hover, input[type="submit"]:hover, a.button:hover,
button:focus, .button:focus, input[type="submit"]:focus, a.button:focus {
  background-color: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}

/* Mobile adjustments */
@media only screen and (max-width: 768px) {
  button, .button, input[type="submit"], a.button {
    width: auto !important;               /* let width shrink naturally */
    min-width: 120px !important;          /* minimum for tap friendliness */
    padding: 12px 20px !important;        /* smaller padding on mobile */
    font-size: 14px !important;           /* smaller text on mobile */
  }
}

}



#fw-section-footer {

.button-primary,
.button-secondary,
button,
a.button,
input[type="submit"] {
  background-color: transparent !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  font-weight: bold;
  padding: 15px 40px !important;
  font-size: 16px !important;
  display: inline-block !important;
  text-align: center !important;
  min-width: 250px !important;
  box-sizing: border-box !important;
}

/* Hover/focus stays the same */
.button-primary:hover,
.button-secondary:hover,
button:hover,
a.button:hover,
input[type="submit"]:hover {
  background-color: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}

/* Mobile responsive */
@media only screen and (max-width: 768px) {
  .button-primary,
  .button-secondary,
  button,
  a.button,
  input[type="submit"] {
    min-width: 120px !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
  }
}

}