#fw-section-custom-html-7e3943e1-dba0-405c-afaa-630041e7cc30 {

.physio-wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: 60px 20px;
  text-align: center;
  font-family: Helvetica, sans-serif;
}

/* MAIN CARD */
.physio-card {
  background: #ffffff;
  border: 3px solid #C9A227;
  border-radius: 14px;
  padding: 35px 30px;

  box-shadow: 
    0 14px 35px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/* 🔥 SHARED TYPOGRAPHY SYSTEM */
.brand-type {
  font-family: Helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* TEXT */
.physio-title {
  font-size: 32px;
  margin-bottom: 20px;
}

.physio-text {
  font-size: 16px;
  margin: 10px 0;
  line-height: 1.5;
}

/* PRICING */
.pricing-title {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-top: 25px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.pricing-text {
  font-size: 16px;
  margin: 10px 0;
  line-height: 1.5;
}

.pricing-note {
  font-size: 14px;
  opacity: 0.8;
  margin-top: 10px;
}

/* BUTTON */
.physio-button {
  display: inline-block;
  margin-top: 20px;
  padding: 14px 28px;

  background-color: transparent; /* NO HOVER = transparent */
  color: #000000; /* gold text */

  text-decoration: none;
  font-weight: 700;
  font-size: 16px;

  border: 2px solid #C9A227;
  transition: all 0.25s ease;
}

/* HOVER STATE */
.physio-button:hover {
  background-color: #C9A227; /* gold fill */
  color: #000000; /* white text */
  border: 2px solid #C9A227;
}

/* BUTTON HOVER */
.physio-button:hover {
  background-color: #C9A227;
  color: #000;
}

/* MOBILE */
@media (max-width: 600px) {
  .physio-button {
    width: 100%;
    font-size: 16px;
    padding: 12px 18px;
  }
}
}
#fw-section-custom-html-a6b0a78a-81a2-4967-961d-417c16658321 {

.membership-section {
  max-width: 700px;
  margin: 0 auto;
  padding: 60px 20px;
  text-align: center;
  font-family: Arial, sans-serif;
}

.membership-title {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 25px;
  letter-spacing: 1px;
  color: #d9bd6f
}

.membership-list p {
  font-size: 18px;
  margin: 10px 0;
  line-height: 1.4;
}

.membership-note {
  margin-top: 20px;
  font-size: 16px;
  opacity: 0.85;
}

/* BUTTON */
.membership-button {
  display: inline-block;
  margin-top: 30px;
  padding: 14px 28px;
  background-color: #C9A227; /* gold */
  color: #fff; /* white text */
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  border: 2px solid #C9A227; /* gold border */
  transition: all 0.25s ease;
}

/* hover state */
.membership-button:hover {
  background-color: transparent; /* transparent fill */
  color: #000; /* black text */
  border: 2px solid #C9A227; /* keep gold outline */
}

/* MOBILE RESPONSIVE */
@media (max-width: 600px) {
  .membership-title {
    font-size: 24px;
  }

  .membership-list p {
    font-size: 16px;
  }

  .membership-button {
    width: 100%;
    text-align: center;
    padding: 16px;
  }
}
}




#fw-section-custom-html-1e66a7a0-5dbd-40d0-8529-dad77a35bc46 {

.physio-wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: 60px 20px;
  text-align: center;
  font-family: Helvetica, sans-serif;
}

/* MAIN CARD */
.physio-card {
  background: #ffffff;
  border: 3px solid #C9A227;
  border-radius: 14px;
  padding: 35px 30px;

  box-shadow: 
    0 14px 35px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/* 🔥 SHARED TYPOGRAPHY SYSTEM */
.brand-type {
  font-family: Helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* TEXT */
.physio-title {
  font-size: 32px;
  margin-bottom: 20px;
}

.physio-text {
  font-size: 16px;
  margin: 10px 0;
  line-height: 1.5;
}

/* PRICING */
.pricing-title {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-top: 25px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.pricing-text {
  font-size: 16px;
  margin: 10px 0;
  line-height: 1.5;
}

.pricing-note {
  font-size: 14px;
  opacity: 0.8;
  margin-top: 10px;
}

/* BUTTON */
.physio-button {
  display: inline-block;
  margin-top: 20px;
  padding: 14px 28px;

  background-color: transparent; /* NO HOVER = transparent */
  color: #000000; /* gold text */

  text-decoration: none;
  font-weight: 700;
  font-size: 16px;

  border: 2px solid #C9A227;
  transition: all 0.25s ease;
}

/* HOVER STATE */
.physio-button:hover {
  background-color: #C9A227; /* gold fill */
  color: #000000; /* white text */
  border: 2px solid #C9A227;
}

/* BUTTON HOVER */
.physio-button:hover {
  background-color: #C9A227;
  color: #000;
}

/* MOBILE */
@media (max-width: 600px) {
  .physio-button {
    width: 100%;
    font-size: 16px;
    padding: 12px 18px;
  }
}
}

#fw-section-custom-html-ccb5c7e1-2315-478f-a204-832e4ef4203b {

/* Full Width Page Wrapper */
.page {
  background-image: linear-gradient(rgba(0,0,0,0.60), rgba(0,0,0,0.60)), url("https://storage.googleapis.com/popshopprod-shop-renderer-creators-assets/resources/5caf99a8-9747-4023-8168-17f1b975501d/e8f9230af13a04617617545aa4d55bfd_c2b8a8ec0177.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  
  /* Full breakout width */
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  
  /* Taller height so the gym background expands and doesn't crop tightly */
  min-height: 580px; 
  
  /* Snaps the section flush against the product grid below */
  margin-top: 0 !important;
  margin-bottom: -60px !important; 
  
  /* Perfect vertical and horizontal centering for buttons */
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 40px 0;
}

/* BUTTON LAYOUT */
.button-container {
  display: flex; 
  gap: 24px; 
  flex-direction: row-reverse; 
  justify-content: center; 
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
}

/* BUTTON STYLE */
.pt-button {
  display: inline-block; 
  background: transparent; 
  color: #d9bd6f; 
  border: 3px solid #d9bd6f; 
  padding: 26px 48px; 
  font-size: 26px; 
  font-weight: 900; 
  text-transform: uppercase; 
  letter-spacing: 1.5px; 
  text-decoration: none; 
  text-align: center;
  min-width: 260px;
  transition: all 0.25s ease; 
}

.pt-button:hover {
  background-color: #d9bd6f; 
  color: #000000; 
}

/* MOBILE RESPONSIVE Adjustments */
@media (max-width: 768px) {
  .page {
    min-height: 420px;
    margin-bottom: -50px !important;
  }
  .button-container {
    flex-direction: column-reverse;
    gap: 16px; 
  }
  .pt-button {
    width: 85%; 
    min-width: unset;
    font-size: 18px; 
    padding: 14px 18px; 
    letter-spacing: 1px; 
  }
}
}




#fw-section-hero-0 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #d9bd6f;
--color-on-background-rgb: 217, 189, 111;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #d9bd6f;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #d9bd6f;
--secondary-btn-bg: transparent;
--secondary-btn-text: #d9bd6f;
--secondary-btn-border-color: #d9bd6f;

}