#fw-section-custom-html-815636ea-9d34-4f7e-a76d-7c9c9b3c304b {

/* Generated product styles */
    .product-row {
      display: flex;
      flex-wrap: wrap;
      max-width: 900px;
      margin: 0 auto;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      padding: 20px;
      gap: 30px;
    }
    .product-image { flex: 0 0 280px; }
    .product-image img { width: 100%; border-radius: 10px; object-fit: cover; }
    .product-content { flex: 1; display: flex; flex-direction: column; }
    .product-content .product-text {
      line-height: 0.6em !important;
      margin-bottom: 8px;
    }
    .product-content .product-text a {
      font-size: 1.5rem;
      font-weight: 700;
      color: #00868b;
      text-decoration: none;
      display: block;
    }
    .product-price {
      font-size: 1.2rem;
      font-weight: 700;
      color: #22c55e;
      margin: 0 0 4px;
    }
    .subtitle {
      font-size: 1.1rem;
      margin-bottom: 4px;
      color: #555;
      font-weight: 700;
    }
    .description { font-size: 1rem; line-height: 1.5; margin-bottom: 20px; color: #333; }
    #audio-label { font-size: 1rem; font-weight: bold; color: #000; margin-bottom: 6px; }
    .audio-player-container audio { width: 220px; max-width: 100%; outline: none; }
    .button-row { margin-top: 16px; display: flex; }
    .product-btn {
      background-color: #156ee2;
      color: #fff;
      padding: 12px 24px;
      font-size: 1rem;
      border-radius: 7px;
      text-decoration: none;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .product-btn:hover { background-color: #0f52b0; }
    @media (max-width: 720px) {
      .product-row { flex-direction: column; padding: 16px; gap: 20px; }
      .product-image { width: 100%; }
      .audio-player-container audio { width: 180px; }
      .button-row { justify-content: center; }
    }
  
}
#fw-section-custom-html-5023f72c-feb8-4e61-92b7-8109b4eef03c {

/* Generated product styles */
    .product-row {
      display: flex;
      flex-wrap: wrap;
      max-width: 900px;
      margin: 0 auto;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      padding: 20px;
      gap: 30px;
    }
    .product-image { flex: 0 0 280px; }
    .product-image img { width: 100%; border-radius: 10px; object-fit: cover; }
    .product-content { flex: 1; display: flex; flex-direction: column; }
    .product-content .product-text {
      line-height: 0.6em !important;
      margin-bottom: 8px;
    }
    .product-content .product-text a {
      font-size: 1.5rem;
      font-weight: 700;
      color: #00868b;
      text-decoration: none;
      display: block;
    }
    .product-price {
      font-size: 1.2rem;
      font-weight: 700;
      color: #22c55e;
      margin: 0 0 4px;
    }
    .subtitle {
      font-size: 1.1rem;
      margin-bottom: 4px;
      color: #555;
      font-weight: 700;
    }
    .description { font-size: 1rem; line-height: 1.5; margin-bottom: 20px; color: #333; }
    #audio-label { font-size: 1rem; font-weight: bold; color: #000; margin-bottom: 6px; }
    .audio-player-container audio { width: 220px; max-width: 100%; outline: none; }
    .button-row { margin-top: 16px; display: flex; }
    .product-btn {
      background-color: #156ee2;
      color: #fff;
      padding: 12px 24px;
      font-size: 1rem;
      border-radius: 7px;
      text-decoration: none;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .product-btn:hover { background-color: #0f52b0; }
    @media (max-width: 720px) {
      .product-row { flex-direction: column; padding: 16px; gap: 20px; }
      .product-image { width: 100%; }
      .audio-player-container audio { width: 180px; }
      .button-row { justify-content: center; }
    }
  
}
#fw-section-custom-html-ce9ee032-adff-4780-87f5-a316f63644b7 {

/* Generated product styles */
    .product-row {
      display: flex;
      flex-wrap: wrap;
      max-width: 900px;
      margin: 0 auto;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      padding: 20px;
      gap: 30px;
    }
    .product-image { flex: 0 0 280px; }
    .product-image img { width: 100%; border-radius: 10px; object-fit: cover; }
    .product-content { flex: 1; display: flex; flex-direction: column; }
    .product-content .product-text {
      line-height: 0.6em !important;
      margin-bottom: 8px;
    }
    .product-content .product-text a {
      font-size: 1.5rem;
      font-weight: 700;
      color: #00868b;
      text-decoration: none;
      display: block;
    }
    .product-price {
      font-size: 1.2rem;
      font-weight: 700;
      color: #22c55e;
      margin: 0 0 4px;
    }
    .subtitle {
      font-size: 1.1rem;
      margin-bottom: 4px;
      color: #555;
      font-weight: 700;
    }
    .description { font-size: 1rem; line-height: 1.5; margin-bottom: 20px; color: #333; }
    #audio-label { font-size: 1rem; font-weight: bold; color: #000; margin-bottom: 6px; }
    .audio-player-container audio { width: 220px; max-width: 100%; outline: none; }
    .button-row { margin-top: 16px; display: flex; }
    .product-btn {
      background-color: #156ee2;
      color: #fff;
      padding: 12px 24px;
      font-size: 1rem;
      border-radius: 7px;
      text-decoration: none;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .product-btn:hover { background-color: #0f52b0; }
    @media (max-width: 720px) {
      .product-row { flex-direction: column; padding: 16px; gap: 20px; }
      .product-image { width: 100%; }
      .audio-player-container audio { width: 180px; }
      .button-row { justify-content: center; }
    }
  
}













































#fw-section-custom-html-056ffa01-369f-4445-a3b5-79f321038339 {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-c86bf3f5-fb28-47e4-9cca-97ff1485dab2 {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-cdb27193-c049-42f8-85fe-6c5e1c56bf2f {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-8983f683-4747-48bc-af4b-dc048db55996 {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-33e4ed16-949d-4d32-b041-4351f7fe6090 {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-79f21370-0065-490e-a987-0562b5e69a0b {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-4ca0c804-4423-4f4d-a918-d9963a240341 {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-f8634761-2c8e-4a0e-bb47-d89682d9df58 {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-9278da6a-6b24-4fb7-a86f-f3ee08ebdb2c {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-4392ba09-ab1c-4ea7-bf8e-a2b1d0965c45 {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-d433e7c2-a21b-48ba-b4f2-71bc75be5fcc {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-a64adf43-78a1-4c9f-b7e5-95566459d37b {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}
#fw-section-custom-html-31290405-191b-4de9-9198-7a6348a07eee {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}



#fw-section-custom-html-614921a0-1a16-49dc-8d7f-d50c11f369b0 {

/* Generated product styles */
    .product-row {
      display: flex;
      flex-wrap: wrap;
      max-width: 900px;
      margin: 0 auto;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      padding: 20px;
      gap: 30px;
    }
    .product-image { flex: 0 0 280px; }
    .product-image img { width: 100%; border-radius: 10px; object-fit: cover; }
    .product-content { flex: 1; display: flex; flex-direction: column; }
    .product-content .product-text {
      line-height: 0.6em !important;
      margin-bottom: 8px;
    }
    .product-content .product-text a {
      font-size: 1.5rem;
      font-weight: 700;
      color: #00868b;
      text-decoration: none;
      display: block;
    }
    .product-price {
      font-size: 1.2rem;
      font-weight: 700;
      color: #22c55e;
      margin: 0 0 4px;
    }
    .subtitle {
      font-size: 1.1rem;
      margin-bottom: 4px;
      color: #555;
      font-weight: 700;
    }
    .description { font-size: 1rem; line-height: 1.5; margin-bottom: 20px; color: #333; }
    #audio-label { font-size: 1rem; font-weight: bold; color: #000; margin-bottom: 6px; }
    .audio-player-container audio { width: 220px; max-width: 100%; outline: none; }
    .button-row { margin-top: 16px; display: flex; }
    .product-btn {
      background-color: #156ee2;
      color: #fff;
      padding: 12px 24px;
      font-size: 1rem;
      border-radius: 7px;
      text-decoration: none;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .product-btn:hover { background-color: #0f52b0; }
    @media (max-width: 720px) {
      .product-row { flex-direction: column; padding: 16px; gap: 20px; }
      .product-image { width: 100%; }
      .audio-player-container audio { width: 180px; }
      .button-row { justify-content: center; }
    }
  
}
#fw-section-custom-html-7f5f4d00-e3eb-4e71-8615-92dbe82bc4ff {

/* Generated product styles */
    .product-row {
      display: flex;
      flex-wrap: wrap;
      max-width: 900px;
      margin: 0 auto;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      padding: 20px;
      gap: 30px;
    }
    .product-image { flex: 0 0 280px; }
    .product-image img { width: 100%; border-radius: 10px; object-fit: cover; }
    .product-content { flex: 1; display: flex; flex-direction: column; }
    .product-content .product-text {
      line-height: 0.6em !important;
      margin-bottom: 8px;
    }
    .product-content .product-text a {
      font-size: 1.5rem;
      font-weight: 700;
      color: #00868b;
      text-decoration: none;
      display: block;
    }
    .product-price {
      font-size: 1.2rem;
      font-weight: 700;
      color: #22c55e;
      margin: 0 0 4px;
    }
    .subtitle {
      font-size: 1.1rem;
      margin-bottom: 4px;
      color: #555;
      font-weight: 700;
    }
    .description { font-size: 1rem; line-height: 1.5; margin-bottom: 20px; color: #333; }
    #audio-label { font-size: 1rem; font-weight: bold; color: #000; margin-bottom: 6px; }
    .audio-player-container audio { width: 220px; max-width: 100%; outline: none; }
    .button-row { margin-top: 16px; display: flex; }
    .product-btn {
      background-color: #156ee2;
      color: #fff;
      padding: 12px 24px;
      font-size: 1rem;
      border-radius: 7px;
      text-decoration: none;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .product-btn:hover { background-color: #0f52b0; }
    @media (max-width: 720px) {
      .product-row { flex-direction: column; padding: 16px; gap: 20px; }
      .product-image { width: 100%; }
      .audio-player-container audio { width: 180px; }
      .button-row { justify-content: center; }
    }
  
}


#fw-section-custom-html-2b924e48-22ca-4e67-ae45-4f4f45b075dd {

.search-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.search-hero .hero-img {
  width: 100%;
  display: block;
}
/* Mobile: Fixed 150px height and cover */
@media (max-width: 767px) {
  .search-hero {
    height: 150px;
  }
  .search-hero .hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Tablet and Desktop: auto height */
@media (min-width: 768px) {
  .search-hero {
    height: auto;
  }
  .search-hero .hero-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* ---------- SEARCH BOX ---------- */
.search-hero .search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 520px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.search-box input {
  flex: 1;
  padding: 14px 16px;
  font-size: 1rem;
  border: none;
  outline: none;
}
.search-box button {
  padding: 0 20px;
  background: #ff5c00;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.search-box button:hover { opacity: 0.85; }

/* ---------- NAVIGATION ---------- */
.search-nav {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* oberen Abstand entfernt */
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.search-nav ul {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none;
  justify-content: flex-start;
}
.search-nav ul::-webkit-scrollbar { display: none; }
.search-nav a {
  display: block;
  padding: 0.5em 1.2em;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 4px;
}
.search-nav a:hover { background: #93ba2a; color: #fff; }

/* Tablet & Desktop: center nav */
@media (min-width: 768px) {
  .search-nav ul { justify-content: center; padding: 1rem 0; }
}
}



#fw-section-custom-html-ab98896b-1f4f-4f50-8eac-5e9609a736a1 {

/* Generated product styles */
    .product-row {
      display: flex;
      flex-wrap: wrap;
      max-width: 900px;
      margin: 0 auto;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      padding: 20px;
      gap: 30px;
    }
    .product-image { flex: 0 0 280px; }
    .product-image img { width: 100%; border-radius: 10px; object-fit: cover; }
    .product-content { flex: 1; display: flex; flex-direction: column; }
    .product-content .product-text {
      line-height: 0.6em !important;
      margin-bottom: 8px;
    }
    .product-content .product-text a {
      font-size: 1.5rem;
      font-weight: 700;
      color: #00868b;
      text-decoration: none;
      display: block;
    }
    .product-price {
      font-size: 1.2rem;
      font-weight: 700;
      color: #22c55e;
      margin: 0 0 4px;
    }
    .subtitle {
      font-size: 1.1rem;
      margin-bottom: 4px;
      color: #555;
      font-weight: 700;
    }
    .description { font-size: 1rem; line-height: 1.5; margin-bottom: 20px; color: #333; }
    #audio-label { font-size: 1rem; font-weight: bold; color: #000; margin-bottom: 6px; }
    .audio-player-container audio { width: 220px; max-width: 100%; outline: none; }
    .button-row { margin-top: 16px; display: flex; }
    .product-btn {
      background-color: #156ee2;
      color: #fff;
      padding: 12px 24px;
      font-size: 1rem;
      border-radius: 7px;
      text-decoration: none;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .product-btn:hover { background-color: #0f52b0; }
    @media (max-width: 720px) {
      .product-row { flex-direction: column; padding: 16px; gap: 20px; }
      .product-image { width: 100%; }
      .audio-player-container audio { width: 180px; }
      .button-row { justify-content: center; }
    }
  
}
#fw-section-custom-html-ec415695-3b84-4361-a6d2-6ce20e30fe39 {

/* Generated product styles */
    .product-row {
      display: flex;
      flex-wrap: wrap;
      max-width: 900px;
      margin: 0 auto;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      padding: 20px;
      gap: 30px;
    }
    .product-image { flex: 0 0 280px; }
    .product-image img { width: 100%; border-radius: 10px; object-fit: cover; }
    .product-content { flex: 1; display: flex; flex-direction: column; }
    .product-content .product-text {
      line-height: 0.6em !important;
      margin-bottom: 8px;
    }
    .product-content .product-text a {
      font-size: 1.5rem;
      font-weight: 700;
      color: #00868b;
      text-decoration: none;
      display: block;
    }
    .product-price {
      font-size: 1.2rem;
      font-weight: 700;
      color: #22c55e;
      margin: 0 0 4px;
    }
    .subtitle {
      font-size: 1.1rem;
      margin-bottom: 4px;
      color: #555;
      font-weight: 700;
    }
    .description { font-size: 1rem; line-height: 1.5; margin-bottom: 20px; color: #333; }
    #audio-label { font-size: 1rem; font-weight: bold; color: #000; margin-bottom: 6px; }
    .audio-player-container audio { width: 220px; max-width: 100%; outline: none; }
    .button-row { margin-top: 16px; display: flex; }
    .product-btn {
      background-color: #156ee2;
      color: #fff;
      padding: 12px 24px;
      font-size: 1rem;
      border-radius: 7px;
      text-decoration: none;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .product-btn:hover { background-color: #0f52b0; }
    @media (max-width: 720px) {
      .product-row { flex-direction: column; padding: 16px; gap: 20px; }
      .product-image { width: 100%; }
      .audio-player-container audio { width: 180px; }
      .button-row { justify-content: center; }
    }
  
}
#fw-section-custom-html-7715d55b-13df-444c-8ac4-60afa51f686e {

/* Generated product styles */
    .product-row {
      display: flex;
      flex-wrap: wrap;
      max-width: 900px;
      margin: 0 auto;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      padding: 20px;
      gap: 30px;
    }
    .product-image { flex: 0 0 280px; }
    .product-image img { width: 100%; border-radius: 10px; object-fit: cover; }
    .product-content { flex: 1; display: flex; flex-direction: column; }
    .product-content .product-text {
      line-height: 0.6em !important;
      margin-bottom: 8px;
    }
    .product-content .product-text a {
      font-size: 1.5rem;
      font-weight: 700;
      color: #00868b;
      text-decoration: none;
      display: block;
    }
    .product-price {
      font-size: 1.2rem;
      font-weight: 700;
      color: #22c55e;
      margin: 0 0 4px;
    }
    .subtitle {
      font-size: 1.1rem;
      margin-bottom: 4px;
      color: #555;
      font-weight: 700;
    }
    .description { font-size: 1rem; line-height: 1.5; margin-bottom: 20px; color: #333; }
    #audio-label { font-size: 1rem; font-weight: bold; color: #000; margin-bottom: 6px; }
    .audio-player-container audio { width: 220px; max-width: 100%; outline: none; }
    .button-row { margin-top: 16px; display: flex; }
    .product-btn {
      background-color: #156ee2;
      color: #fff;
      padding: 12px 24px;
      font-size: 1rem;
      border-radius: 7px;
      text-decoration: none;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .product-btn:hover { background-color: #0f52b0; }
    @media (max-width: 720px) {
      .product-row { flex-direction: column; padding: 16px; gap: 20px; }
      .product-image { width: 100%; }
      .audio-player-container audio { width: 180px; }
      .button-row { justify-content: center; }
    }
  
}