/* fulmand — "Signal Dark" landing page
 *
 * Homepage-only stylesheet, loaded from common/views/home.html via a
 * template#before hook. Kept out of main.css deliberately (same convention
 * easymerx uses with common/home-wireframe.css) so the 573 KB bundle stays
 * untouched and this can be reverted by unhooking one line.
 *
 * Values come from Figma file REflxjjwJrWHmQ6tYXICH2, frame 20:2
 * "Landing B · Signal Dark — Desktop 1440".
 *
 * Everything is scoped under .fulmand-home and prefixed .fh-* because
 * main.css already defines .btn (140 refs), .badge (88) and .wrap (360)
 * via Bootstrap 3.3.6. The prefix protects in both directions.
 */

.fulmand-home {
  --fh-bg: #0e0e0d;
  --fh-panel: #1c1c1a;
  --fh-light: #f2f2f0;
  --fh-border: rgba(255, 255, 255, 0.1);
  --fh-border-strong: #3a3a38;
  --fh-border-light: rgba(14, 14, 13, 0.1);
  --fh-teal: #1ab893;
  --fh-teal-dark: #0d6e5f;
  --fh-teal-darker: #0a5549;
  --fh-teal-tint: #e0f5f0;
  --fh-pink: #f04f7b;
  --fh-orange: #f59e2a;
  --fh-text: #ffffff;
  --fh-text-dim: #b4b4b0;
  --fh-text-mute: #6b6b68;
  --fh-ink: #0e0e0d;
  --fh-pill: 999px;
  --fh-container: 1312px;
  --fh-gutter: 64px;

  background: var(--fh-bg);
  color: var(--fh-text);
  font-family: "Inter", "Metropolis", -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  /* main.css sets `html{font-size:16px;line-height:1.5}` and that ratio
   * inherits into every descendant, inflating anything that relies on `normal`
   * metrics (badge, tagline, buttons, KPI rows, ticker). Sections that need a
   * specific leading set it explicitly below. */
  line-height: normal;
  letter-spacing: normal;
}

/* Neutralise Bootstrap/site defaults that would otherwise bleed in */
.fulmand-home h1,
.fulmand-home h2,
.fulmand-home h3,
.fulmand-home h4,
.fulmand-home p,
.fulmand-home ul,
.fulmand-home li,
.fulmand-home figure { margin: 0; padding: 0; }

/* main.css sets `.h1,.h2,h1,h2{color:#2B3238}`. An explicit element rule beats
 * inheritance no matter how dark the section is, so headings must be told to
 * inherit again. Kept at (0,1,1) so the per-section colours below still win. */
/* main.css also gives the heading elements their own line-heights (h3 → 1.4,
 * h4 → 1.5), which survive the `normal` set on .fulmand-home because they are
 * element rules rather than inheritance. Left alone they made every step card
 * 5px and every product card 4px too tall, which compounded into a 32px drift
 * by the footer. Sections that need specific leading set it at higher
 * specificity below, so those still win. */
.fulmand-home h1,
.fulmand-home h2,
.fulmand-home h3,
.fulmand-home h4 { color: inherit; line-height: normal; }
.fulmand-home ul { list-style: none; }
.fulmand-home img { max-width: 100%; display: block; }
.fulmand-home a { color: inherit; text-decoration: none; }
.fulmand-home table { border-collapse: collapse; width: 100%; }

/* 1.2px, not the 1.32px used by the section eyebrows — matches the reference
 * build, which distinguishes the two. Over the 37-character hero badge the
 * difference is ~5px, and it shifts every mono run in the carousel and USP bar. */
.fulmand-home .fh-mono {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1.2px;
}

/* ---------- shared section chrome ---------- */
.fulmand-home .fh-section { padding: 96px var(--fh-gutter); }
.fulmand-home .fh-section.fh-dark { background: var(--fh-bg); }
.fulmand-home .fh-section.fh-panel { background: var(--fh-panel); padding-top: 88px; padding-bottom: 88px; }
.fulmand-home .fh-section.fh-light { background: var(--fh-light); }

.fulmand-home .fh-head {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  max-width: var(--fh-container);
  margin: 0 auto 44px;
}
.fulmand-home .fh-eyebrow {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1.32px;
  color: var(--fh-teal);
  display: block;
  margin-bottom: 10px;
}
.fulmand-home .fh-head h2 {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.8px;
  font-weight: 700;
  max-width: 700px;
  color: var(--fh-text);
}
.fulmand-home .fh-head .fh-rule {
  flex: 1; height: 1px; background: var(--fh-border);
  align-self: flex-end; margin-bottom: 26px;
}
.fulmand-home .fh-head .fh-more {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 15px; font-weight: 600; letter-spacing: -0.075px;
  color: var(--fh-text); white-space: nowrap; text-decoration: underline;
}
.fulmand-home .fh-head .fh-more img { width: 8.4px; height: 8.4px; }

.fulmand-home .fh-light .fh-head h2 { color: var(--fh-ink); }
.fulmand-home .fh-light .fh-head .fh-rule { background: var(--fh-border-light); }
.fulmand-home .fh-light .fh-head .fh-more { color: var(--fh-ink); }

/* ---------- buttons ---------- */
.fulmand-home .fh-btn {
  display: inline-flex; align-items: center; gap: 12px;
  padding: 17px 32px;
  border-radius: var(--fh-pill);
  font-weight: 700; font-size: 16px; letter-spacing: -0.08px;
  border: 1.5px solid transparent;
  cursor: pointer;
}
.fulmand-home .fh-btn-primary { background: var(--fh-teal); color: var(--fh-bg); }
.fulmand-home .fh-btn-outline { background: transparent; color: var(--fh-text); border-color: var(--fh-text); }
.fulmand-home .fh-btn img { width: 10px; height: 10px; }

/* ---------- hero ---------- */
.fulmand-home .fh-hero {
  display: flex; gap: 40px; align-items: center;
  padding: 72px var(--fh-gutter) 40px;
  max-width: 1440px; margin: 0 auto;
}
.fulmand-home .fh-hero-copy { max-width: 600px; display: flex; flex-direction: column; gap: 28px; }
.fulmand-home .fh-pill {
  display: inline-flex; align-items: center; gap: 12px;
  background: var(--fh-panel); border: 1px solid var(--fh-border);
  border-radius: var(--fh-pill); padding: 9px 16px; align-self: flex-start;
}
.fulmand-home .fh-pill .fh-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--fh-teal); }
.fulmand-home .fh-hero h1 { font-size: 66px; line-height: 68px; letter-spacing: -2.31px; font-weight: 800; }
.fulmand-home .fh-tagline { font-size: 22px; color: var(--fh-text); opacity: .55; letter-spacing: -0.22px; }
.fulmand-home .fh-lede { font-size: 17px; line-height: 28px; color: var(--fh-text-dim); }
.fulmand-home .fh-ctas { display: flex; gap: 14px; }

.fulmand-home .fh-kpis { display: flex; gap: 40px; }
.fulmand-home .fh-kpi .fh-num { font-size: 26px; font-weight: 800; letter-spacing: -0.52px; display: block; }
.fulmand-home .fh-kpi .fh-label { font-size: 13px; color: var(--fh-text-mute); }
.fulmand-home .fh-kpi.fh-t .fh-num { color: var(--fh-teal); }
.fulmand-home .fh-kpi.fh-p .fh-num { color: var(--fh-pink); }
.fulmand-home .fh-kpi.fh-o .fh-num { color: var(--fh-orange); }

.fulmand-home .fh-stage { position: relative; width: 648px; height: 560px; flex-shrink: 0; }
.fulmand-home .fh-glow { position: absolute; left: -120px; top: -170px; width: 900px; height: 900px; pointer-events: none; }
.fulmand-home .fh-shot { position: absolute; border-radius: 26px; overflow: hidden; background: var(--fh-panel); }
.fulmand-home .fh-shot img { width: 100%; height: 100%; object-fit: cover; }
.fulmand-home .fh-shot-1 { left: 0; top: 0; width: 306px; height: 380px; }
.fulmand-home .fh-shot-2 { left: 326px; top: 0; width: 322px; height: 250px; }
.fulmand-home .fh-shot-3 { left: 326px; top: 270px; width: 322px; height: 290px; }
/* Card stays the panel colour and the portrait is letterboxed inside it
 * (dark | portrait | dark). In the reference `.shot-4{background:#fff}` is
 * outranked by `.hero-stage .shot{background:var(--panel)}`; here both
 * selectors weigh the same, so the white would win on source order. */
.fulmand-home .fh-shot-4 { left: 0; top: 400px; width: 306px; height: 160px; }
.fulmand-home .fh-shot-4 img { object-fit: contain; }
.fulmand-home .fh-made-in {
  position: absolute; left: 20px; top: 340px;
  background: var(--fh-teal); color: var(--fh-bg);
  font-weight: 700; font-size: 13px;
  border-radius: var(--fh-pill); padding: 10px 16px;
}

/* ---------- carousel controls ---------- */
.fulmand-home .fh-carousel {
  display: flex; align-items: center; gap: 28px;
  padding: 0 var(--fh-gutter) 44px;
  max-width: 1440px; margin: 0 auto;
}
.fulmand-home .fh-slide { display: flex; gap: 10px; align-items: center; font-size: 14px; font-weight: 600; color: var(--fh-text-mute); }
.fulmand-home .fh-slide.fh-on { color: var(--fh-text); }
.fulmand-home .fh-slide .fh-mono { color: var(--fh-border-strong); }
.fulmand-home .fh-slide.fh-on .fh-mono { color: var(--fh-teal); }
.fulmand-home .fh-carousel .fh-rule { flex: 1; height: 1px; background: var(--fh-border); }
.fulmand-home .fh-dots { display: flex; gap: 8px; }
.fulmand-home .fh-dots span { height: 8px; width: 8px; border-radius: 4px; background: var(--fh-border-strong); }
.fulmand-home .fh-dots span.fh-on { width: 28px; background: var(--fh-teal); }

/* ---------- USP ticker ---------- */
.fulmand-home .fh-usp {
  display: flex; flex-wrap: wrap; gap: 32px;
  align-items: center; justify-content: space-between;
  padding: 22px var(--fh-gutter);
  background: var(--fh-teal);
}
.fulmand-home .fh-usp li {
  display: flex; gap: 12px; align-items: center;
  font-size: 14px; font-weight: 700; letter-spacing: -0.07px;
  color: var(--fh-ink); white-space: nowrap;
}
.fulmand-home .fh-usp .fh-mono { color: var(--fh-teal-darker); }

/* ---------- how it works ---------- */
.fulmand-home .fh-steps {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
  max-width: var(--fh-container); margin: 0 auto;
}
.fulmand-home .fh-step { background: var(--fh-panel); border-radius: 22px; padding: 34px 32px; }
.fulmand-home .fh-step .fh-bar { width: 64px; height: 10px; border-radius: 5px; background: var(--fh-teal); margin-bottom: 22px; }
.fulmand-home .fh-step .fh-num { font-size: 48px; line-height: 52px; font-weight: 800; letter-spacing: -1.44px; color: var(--fh-teal); display: block; margin-bottom: 22px; }
.fulmand-home .fh-step h3 { font-size: 26px; margin-bottom: 22px; font-weight: 700; letter-spacing: -0.39px; }
.fulmand-home .fh-step p { color: var(--fh-text-dim); font-size: 15px; line-height: 24px; }
.fulmand-home .fh-step.fh-p .fh-bar, .fulmand-home .fh-step.fh-p .fh-num { background: none; }
.fulmand-home .fh-step.fh-p .fh-bar { background: var(--fh-pink); }
.fulmand-home .fh-step.fh-p .fh-num { color: var(--fh-pink); }
.fulmand-home .fh-step.fh-o .fh-bar { background: var(--fh-orange); }
.fulmand-home .fh-step.fh-o .fh-num { color: var(--fh-orange); }

/* ---------- categories ---------- */
.fulmand-home .fh-cats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
  max-width: var(--fh-container); margin: 0 auto;
}
.fulmand-home .fh-cat {
  background: var(--fh-ink); border-radius: 20px;
  display: flex; align-items: center; justify-content: space-between;
  padding-left: 28px; height: 168px; overflow: hidden;
}
.fulmand-home .fh-cat .fh-bar { width: 38px; height: 7px; border-radius: 3.5px; background: var(--fh-teal); margin-bottom: 8px; }
.fulmand-home .fh-cat.fh-p .fh-bar { background: var(--fh-pink); }
.fulmand-home .fh-cat.fh-o .fh-bar { background: var(--fh-orange); }
.fulmand-home .fh-cat h3 { font-size: 25px; margin-bottom: 4px; letter-spacing: -0.5px; font-weight: 800; color: #fff; }
.fulmand-home .fh-cat .fh-count { color: var(--fh-text-mute); font-size: 13px; }
.fulmand-home .fh-cat .fh-thumb { width: 168px; height: 100%; flex-shrink: 0; }
.fulmand-home .fh-cat .fh-thumb img { width: 100%; height: 100%; object-fit: cover; }
/* A product photo is a full-length portrait shot: filled and cropped around the garment. */
.fulmand-home .fh-cat .fh-thumb.fh-photo img { object-position: 50% 30%; }

/* ---------- products ---------- */
.fulmand-home .fh-products {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;
  max-width: var(--fh-container); margin: 0 auto;
}
.fulmand-home .fh-product { background: var(--fh-panel); border-radius: 18px; overflow: hidden; }
.fulmand-home .fh-product .fh-media { height: 300px; background: #fff; position: relative; }
.fulmand-home .fh-product .fh-media img { width: 100%; height: 100%; object-fit: contain; }
.fulmand-home .fh-product .fh-media.fh-cover { background: var(--fh-panel); }
.fulmand-home .fh-product .fh-media.fh-cover img { object-fit: cover; }
.fulmand-home .fh-badge {
  position: absolute; left: 14px; top: 14px;
  border-radius: 6px; padding: 5px 10px;
  font-size: 10px; font-weight: 600; letter-spacing: 0.2px; color: #fff;
}
.fulmand-home .fh-badge.fh-core { background: var(--fh-ink); }
.fulmand-home .fh-badge.fh-best { background: var(--fh-teal); color: var(--fh-ink); }
.fulmand-home .fh-badge.fh-new { background: var(--fh-pink); }
.fulmand-home .fh-product .fh-body { padding: 20px; }
.fulmand-home .fh-product h4 { font-size: 16px; margin-bottom: 8px; font-weight: 700; letter-spacing: -0.16px; }
.fulmand-home .fh-product .fh-spec { color: var(--fh-text-mute); font-size: 13px; margin-bottom: 10px; }
.fulmand-home .fh-product .fh-foot { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.fulmand-home .fh-price { display: flex; align-items: baseline; gap: 5px; }
.fulmand-home .fh-price .fh-from { color: var(--fh-text-mute); font-size: 12px; }
.fulmand-home .fh-price .fh-amt { font-size: 18px; font-weight: 700; letter-spacing: -0.18px; }
.fulmand-home .fh-swatches { display: flex; align-items: center; gap: 4px; }
.fulmand-home .fh-swatches img { width: 13px; height: 13px; border-radius: 50%; }
.fulmand-home .fh-swatches .fh-plus { color: var(--fh-text-mute); font-size: 11px; margin-left: 2px; font-weight: 600; }
.fulmand-home .fh-method {
  display: inline-block; border: 1px solid var(--fh-border);
  border-radius: 5px; padding: 4px 8px;
  font-size: 10px; font-weight: 600; letter-spacing: 0.2px; color: var(--fh-text-dim);
}

/* ---------- Staffelpreise ---------- */
.fulmand-home .fh-pricing { max-width: var(--fh-container); margin: 0 auto; }
.fulmand-home .fh-table { background: #fff; border-radius: 20px; overflow: hidden; }
.fulmand-home .fh-table th,
.fulmand-home .fh-table td { text-align: left; padding: 20px 28px; }
.fulmand-home .fh-table thead tr { background: var(--fh-ink); }
.fulmand-home .fh-table thead th {
  font-family: "Roboto Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: 1.32px;
  color: var(--fh-teal); font-weight: 700; padding-bottom: 4px;
}
.fulmand-home .fh-table thead th:first-child { color: #fff; }
.fulmand-home .fh-table thead .fh-sub {
  display: block; font-family: "Inter", sans-serif; font-weight: 400;
  font-size: 12px; letter-spacing: 0; color: var(--fh-text-mute); margin-top: 4px;
}
.fulmand-home .fh-table tbody tr:nth-child(odd) { background: #fff; }
.fulmand-home .fh-table tbody tr:nth-child(even) { background: var(--fh-light); }
.fulmand-home .fh-table tbody tr.fh-subrow td { color: var(--fh-text-mute); font-size: 14px; }
.fulmand-home .fh-table tbody tr.fh-subrow td:first-child { color: var(--fh-ink); font-weight: 600; font-size: 15px; }
.fulmand-home .fh-table td.fh-item strong { display: block; font-size: 16px; margin-bottom: 4px; color: var(--fh-ink); font-weight: 700; }
.fulmand-home .fh-table td.fh-item span { color: var(--fh-text-mute); font-size: 13px; }
.fulmand-home .fh-table td.fh-cell { font-size: 18px; font-weight: 700; color: var(--fh-ink); }
.fulmand-home .fh-table td.fh-cell.fh-best { color: var(--fh-teal-dark); }
.fulmand-home .fh-note {
  display: flex; gap: 12px; align-items: center; padding: 18px 28px;
  background: var(--fh-teal-tint); color: var(--fh-teal-dark); font-size: 13px;
}
.fulmand-home .fh-note .fh-tag {
  font-family: "Roboto Mono", ui-monospace, monospace; font-weight: 700;
  font-size: 10px; letter-spacing: 1.2px; white-space: nowrap;
}

/* ---------- gallery ---------- */
.fulmand-home .fh-gallery {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px;
  max-width: var(--fh-container); margin: 0 auto;
}
.fulmand-home .fh-gal { aspect-ratio: 1; border-radius: 16px; position: relative; overflow: hidden; background: var(--fh-panel); }
.fulmand-home .fh-gal img { width: 100%; height: 100%; object-fit: cover; }
.fulmand-home .fh-gal .fh-cap {
  position: absolute; left: 10px; bottom: 10px;
  background: rgba(14, 14, 13, .8); color: #fff;
  font-size: 11px; font-weight: 600; padding: 6px 10px; border-radius: var(--fh-pill);
}

/* ---------- integrations ---------- */
.fulmand-home .fh-logos {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px;
  max-width: var(--fh-container); margin: 0 auto;
}
.fulmand-home .fh-logo {
  background: #fff; border-radius: 16px; height: 112px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  padding: 22px 10px 18px;
}
.fulmand-home .fh-logo img { max-width: 84px; max-height: 52.5px; object-fit: contain; }
.fulmand-home .fh-logo span { font-size: 11px; font-weight: 600; color: var(--fh-text-mute); }

/* ---------- CTA band ---------- */
.fulmand-home .fh-cta {
  background: var(--fh-teal);
  padding: 96px var(--fh-gutter);
  text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 26px;
}
.fulmand-home .fh-motif { display: flex; gap: 10px; }
.fulmand-home .fh-motif span { height: 12px; border-radius: 6px; }
.fulmand-home .fh-motif span:nth-child(1) { width: 92px; background: var(--fh-ink); }
.fulmand-home .fh-motif span:nth-child(2) { width: 64px; background: var(--fh-pink); }
.fulmand-home .fh-motif span:nth-child(3) { width: 40px; background: var(--fh-teal-dark); }
.fulmand-home .fh-cta h2 { font-size: 52px; line-height: 58px; letter-spacing: -1.56px; max-width: 837px; font-weight: 800; color: var(--fh-ink); }
.fulmand-home .fh-cta p { font-size: 18px; line-height: 28px; color: var(--fh-ink); opacity: .72; max-width: 700px; }
.fulmand-home .fh-cta .fh-btn-primary { background: var(--fh-ink); color: #fff; }
.fulmand-home .fh-cta .fh-btn-outline { border-color: var(--fh-ink); color: var(--fh-ink); }
.fulmand-home .fh-cta .fh-btn-primary img { filter: invert(1); }

/* ---------- responsive ----------
 * NB: the static reference is a desktop-only mock — it overflows horizontally
 * by 322px at 390 and 204px at 768. Desktop is matched to it exactly; below
 * 1100 the hero collage is deliberately re-laid-out so the real site works on
 * real devices, which the reference cannot guide. */
@media (max-width: 1400px) {
  .fulmand-home .fh-hero { flex-direction: column; }
  .fulmand-home .fh-stage { width: 100%; max-width: 648px; }
  .fulmand-home .fh-steps,
  .fulmand-home .fh-cats,
  .fulmand-home .fh-products { grid-template-columns: repeat(2, 1fr); }
  .fulmand-home .fh-logos { grid-template-columns: repeat(3, 1fr); }
  .fulmand-home .fh-gallery { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
  .fulmand-home .fh-section,
  .fulmand-home .fh-cta { padding-left: 20px; padding-right: 20px; }
  .fulmand-home .fh-hero { padding-left: 20px; padding-right: 20px; }
  .fulmand-home .fh-usp { padding-left: 20px; padding-right: 20px; gap: 16px; }
  .fulmand-home .fh-steps,
  .fulmand-home .fh-cats,
  .fulmand-home .fh-products,
  .fulmand-home .fh-logos,
  .fulmand-home .fh-gallery { grid-template-columns: 1fr; }
  .fulmand-home .fh-hero h1 { font-size: 42px; line-height: 46px; }
  .fulmand-home .fh-cta h2 { font-size: 32px; line-height: 38px; }
  .fulmand-home .fh-pricing { overflow-x: auto; }
}

/* Below 1100 the collage stops being an absolutely-positioned fixed-size stage
 * (648px wide with shots pinned at 326px offsets) and becomes a fluid 2-up
 * grid. Without this the stage alone forces ~668px of horizontal scroll on a
 * 390px viewport. The glow is decorative, so it is simply dropped. */
@media (max-width: 1100px) {
  .fulmand-home .fh-hero-copy { max-width: 100%; }
  .fulmand-home .fh-stage {
    width: 100%;
    max-width: 648px;
    height: auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .fulmand-home .fh-glow { display: none; }
  .fulmand-home .fh-shot {
    position: static;
    width: auto;
    height: auto;
    aspect-ratio: 306 / 380;
  }
  .fulmand-home .fh-shot-2 { aspect-ratio: 322 / 250; }
  .fulmand-home .fh-shot-3 { aspect-ratio: 322 / 290; }
  .fulmand-home .fh-shot-4 { aspect-ratio: 306 / 160; }
  .fulmand-home .fh-made-in { left: 16px; top: auto; bottom: 16px; }
  /* Carousel strip and USP items wrap instead of running off-screen */
  .fulmand-home .fh-carousel { flex-wrap: wrap; gap: 14px 20px; }
  .fulmand-home .fh-carousel .fh-rule { display: none; }
  .fulmand-home .fh-usp { flex-wrap: wrap; }
}

/* Category tiles: the 168px image column plus text no longer fits one row */
@media (max-width: 520px) {
  .fulmand-home .fh-cat { height: auto; padding: 20px; flex-direction: column; align-items: flex-start; gap: 16px; }
  .fulmand-home .fh-thumb { width: 100%; height: 160px; }

  /* Four KPIs in one row are wider than the viewport */
  .fulmand-home .fh-kpis { flex-wrap: wrap; gap: 20px 32px; }
  /* Section heads: let the "see all" link drop below the title */
  .fulmand-home .fh-head { flex-wrap: wrap; row-gap: 12px; }
  .fulmand-home .fh-head .fh-rule { display: none; }
  .fulmand-home .fh-head .fh-more { margin-left: 0; }
  /* Staffelpreise is a real 5-column table — scroll it rather than crushing it */
  .fulmand-home .fh-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .fulmand-home .fh-table table { min-width: 640px; }
}