@font-face {
  font-family: "Archia";
  src: url("../fonts/archia-regular-webfont.woff2") format("woff2"),
       url("../fonts/archia-regular-webfont.woff") format("woff"),
       url("../fonts/archia-regular-webfont.eot");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   Page Specific: Furniture / Mattress / Transportation Foam
   File path: assets/css/furniture-transportation-foam-luxury.css
   Hero image: assets/img/bg/home-office-ferniture-foam.png
   ============================================================ */

.furniture-foam-page {
  --ff-font: "Archia", Arial, sans-serif;
  --ff-heading: "Roboto Condensed", "Archia", Arial, sans-serif;
  --ff-brand: #263B8F;
  --ff-brand-2: #1C75BC;
  --ff-accent: #F59E0B;
  --ff-gold: #ffc451;
  --ff-green: #20c46b;
  --ff-ink: #0b1320;
  --ff-muted: #64748b;
  --ff-soft: #f6f8fc;
  --ff-line: rgba(38, 59, 143, 0.14);
  --ff-radius: 22px;
  --ff-shadow: 0 14px 38px rgba(15, 23, 42, 0.08);
  background: #fff;
  color: var(--ff-ink);
  direction: ltr;
  text-align: left;
  font-family: var(--ff-font);
}

.ff-main { padding-top: 0 !important; overflow: hidden; }
.furniture-foam-page a { text-decoration: none; }
.furniture-foam-page * { box-sizing: border-box; }
.furniture-foam-page img { max-width: 100%; height: auto; }

/* ================= HERO ================= */
.ff-hero {
  position: relative;
  min-height: 62vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 92px 0 44px;
  isolation: isolate;
  background: #071120;
}

.ff-hero__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(5, 10, 24, 0.80) 0%, rgba(9, 23, 54, 0.56) 42%, rgba(10, 18, 35, 0.16) 100%),
    radial-gradient(circle at 18% 26%, rgba(245, 158, 11, 0.14), transparent 30%),
    radial-gradient(circle at 78% 18%, rgba(28, 117, 188, 0.20), transparent 34%),
    url("../img/bg/home-office-ferniture-foam.png") center 42% / cover no-repeat;
}

.ff-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 24%;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 94%);
}

.ff-hero__container { position: relative; z-index: 2; }

.ff-hero__glass,
.ff-hero-video,
.ff-decision-tree,
.ff-executive,
.ff-pathway-cta {
  backdrop-filter: blur(5px) saturate(138%);
  -webkit-backdrop-filter: blur(5px) saturate(138%);
}

.ff-hero__glass {
  position: relative;
  overflow: hidden;
  max-width: 650px;
  padding: 20px 22px;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.075)),
    radial-gradient(circle at 8% 0%, rgba(255, 196, 81, 0.12), transparent 34%);
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: 0 20px 62px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.20);
}

.ff-eyebrow,
.ff-section-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  padding: 5px 13px;
  border-radius: 999px;
  font-family: var(--ff-font) !important;
  font-size: 0.70rem;
  font-weight: 850;
  line-height: 1.7;
}

.ff-eyebrow {
  margin-bottom: 9px;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.20);
}

.ff-hero h1 {
  margin: 0 0 12px;
  color: #fff;
  font-family: var(--ff-font) !important;
  font-size: clamp(1.05rem, 1.60vw, 1.50rem) !important;
  font-weight: 950;
  line-height: 1.78;
	word-spacing: normal;
  letter-spacing: -0.36px;
  text-shadow: 0 7px 26px rgba(0, 0, 0, 0.30);
}

.ff-hero p {
  max-width: 610px;
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  font-family: var(--ff-font) !important;
  font-size: 0.83rem;
  font-weight: 500;
  line-height: 1.92;
  text-align: left;
}

.ff-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.ff-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 35px;
  padding: 6px 14px;
  border-radius: 999px;
  font-family: var(--ff-font) !important;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.7;
  transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.ff-btn:hover { transform: translateY(-1px); }

.ff-btn--primary {
  color: #101828 !important;
  background: linear-gradient(90deg, #F59E0B, #ffc451);
  border: 1px solid rgba(255, 196, 81, 0.38);
  box-shadow: 0 12px 26px rgba(245, 158, 11, 0.20);
}

.ff-btn--primary:hover { color: #101828 !important; background: #fff8e5; }

.ff-btn--ghost {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ff-btn--ghost:hover { color: #ffc451 !important; background: rgba(255, 255, 255, 0.13); }

.ff-btn--whatsapp {
  color: #fff !important;
  background: rgba(32, 196, 107, 0.16);
  border: 1px solid rgba(32, 196, 107, 0.38);
  box-shadow: 0 12px 28px rgba(32, 196, 107, 0.14);
}

.ff-btn--whatsapp i { color: #62f0aa; font-size: 0.96rem; }
.ff-btn--whatsapp:hover { background: rgba(32, 196, 107, 0.24); border-color: rgba(32, 196, 107, 0.56); color: #fff !important; }

.ff-hero__micro-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.ff-hero__micro-nav a {
  color: rgba(255, 255, 255, 0.80);
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 0.66rem;
  font-weight: 700;
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.ff-hero__micro-nav a:hover { color: #ffc451; background: rgba(255, 255, 255, 0.11); }

/* ویدئو در یک‌سوم بالای صفحه */
.ff-hero-video {
  overflow: hidden;
  max-width: 420px;
  margin-inline: auto;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.105);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 22px 62px rgba(0, 0, 0, 0.24);
}

.ff-hero-video__visual {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(5, 10, 24, 0.04), rgba(5, 10, 24, 0.42)),
    url("../img/bg/home-office-ferniture-foam.png") center center / cover no-repeat;
}


.ff-hero-video__embed,
.ff-image-stack__embed {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #071120;
}

.ff-hero-video__embed iframe,
.ff-image-stack__embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ff-video-play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #101828;
  background: linear-gradient(135deg, #fff7df, #ffc451);
  box-shadow: 0 14px 34px rgba(245, 158, 11, 0.32);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.ff-video-play i { font-size: 1.55rem; transform: translateX(-1px); }
.ff-hero-video__visual:hover 
.ff-hero-video__embed,
.ff-image-stack__embed {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #071120;
}

.ff-hero-video__embed iframe,
.ff-image-stack__embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ff-video-play { transform: scale(1.07); box-shadow: 0 18px 42px rgba(245, 158, 11, 0.42); }

.ff-video-caption {
  position: absolute;
  right: 14px;
  bottom: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  color: #fff;
  background: rgba(5, 10, 24, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 0.68rem;
  font-weight: 800;
  backdrop-filter: blur(8px);
}

.ff-hero-video__meta {
  padding: 12px 14px 13px;
}

.ff-hero-video__meta strong,
.ff-hero-video__meta span {
  display: block;
  color: #fff;
  font-family: var(--ff-font) !important;
}

.ff-hero-video__meta strong { margin-bottom: 4px; font-size: 0.78rem; font-weight: 950; }
.ff-hero-video__meta span { color: rgba(255, 255, 255, 0.74); font-size: 0.70rem; font-weight: 500; line-height: 1.75; }

/* ================= GENERAL ================= */
.ff-section { position: relative; padding: 48px 0; overflow: hidden; }
.ff-section-label { margin-bottom: 8px; color: var(--ff-brand); background: rgba(38, 59, 143, 0.065); border: 1px solid rgba(38, 59, 143, 0.12); }

.ff-section h2,
.ff-section-head h2 {
  margin: 0 0 14px;
  color: #101828;
  font-family: var(--ff-font) !important;
  font-size: clamp(1.00rem, 1.55vw, 1.40rem) !important;
  font-weight: 950;
  line-height: 1.65;
  letter-spacing: -0.42px;
	word-spacing: normal;
}

.ff-lead,
.ff-muted,
.ff-section-head p,
.ff-value-copy p {
  margin: 0;
  color: #475569;
  font-family: var(--ff-font) !important;
  font-size: 0.83rem;
  font-weight: 600;
  line-height: 1.95;
  text-align: left;
}


.ff-lead { color: #25324a; font-size: 0.90rem; font-weight: 650; margin-bottom: 10px; }

.ff-section-head { max-width: 850px; margin: 0 auto 24px; text-align: center; }
.ff-section-head .ff-section-label { margin-inline: auto; }
.ff-section-head p { max-width: 760px; margin: 0 auto; text-align: center; }

.furniture-foam-page h3 { font-family: var(--ff-heading) !important; }

/* ================= POSITION ================= */
.ff-position { background: radial-gradient(circle at 10% 12%, rgba(38, 59, 143, 0.055), transparent 30%), linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); }

/* ================= EXECUTIVE STRIP ================= */
.ff-executive-strip { background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%); }
.ff-executive {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 26px;
  align-items: center;
  padding: 20px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.52)), radial-gradient(circle at 8% 0%, rgba(255,196,81,.13), transparent 30%);
  border: 1px solid rgba(38, 59, 143, 0.10);
  box-shadow: var(--ff-shadow);
}
.ff-executive__head h2 { font-size: clamp(1rem,1.3vw,1.28rem) !important; }
.ff-executive__flow { display: grid; grid-template-columns: 1fr 14px 1fr 14px 1fr 14px 1fr; gap: 8px; align-items: center; }
.ff-executive__flow div { min-height: 78px; padding: 11px 12px; border-radius: 16px; background: rgba(255,255,255,.72); border: 1px solid rgba(38,59,143,.10); }
.ff-executive__flow strong { display:block; color:#101828; font-size:.80rem; font-weight:950; line-height:1.7; }
.ff-executive__flow span { display:block; color:#64748b; font-size:.83rem; line-height:1.75;font-weight: 600; }
.ff-executive__flow i { height:1px; background: rgba(38,59,143,.22); }

/* ================= TREE ================= */
.ff-tree-section { background: radial-gradient(circle at 84% 10%, rgba(28, 117, 188, 0.07), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f7faff 100%); }
.ff-decision-tree {
  position: relative;
  overflow: hidden;
  padding: 20px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.52)), radial-gradient(circle at 10% 10%, rgba(255, 196, 81, 0.12), transparent 30%);
  border: 1px solid rgba(38, 59, 143, 0.10);
  box-shadow: var(--ff-shadow);
}
.ff-tree-node,
.ff-tree-flow span,
.ff-tree-result {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 18px;
  padding: 9px 12px;
  min-height: 40px;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.62;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.ff-tree-node { color: #17325f; background: rgba(255, 255, 255, 0.74); border: 1px solid rgba(38, 59, 143, 0.12); }
.ff-tree-node:hover,
.ff-tree-flow span:hover,
.ff-tree-result:hover { transform: translateY(-1px); color: #17325f; background: #f8fbff; border-color: rgba(245, 158, 11, 0.22); }
.ff-tree-node--root { width: min(100%, 420px); margin: 0 auto 18px; color: #fff; background: linear-gradient(135deg, var(--ff-brand), var(--ff-brand-2)); box-shadow: 0 12px 24px rgba(38, 59, 143, 0.16); }
.ff-tree-node--root:hover { color: #fff; background: linear-gradient(135deg, var(--ff-brand), var(--ff-brand-2)); }
.ff-tree-branches { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 10px; }
.ff-tree-branches::before { content: ""; position: absolute; top: -14px; right: 10%; left: 10%; height: 1px; background: rgba(38, 59, 143, 0.22); }
.ff-tree-flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; margin-top: 10px; }
.ff-tree-flow span { color: #17325f; background: rgba(245, 158, 11, 0.08); border: 1px solid rgba(245, 158, 11, 0.14); }
.ff-tree-result { margin-top: 12px; color: #101828; background: linear-gradient(90deg, rgba(245, 158, 11, 0.15), rgba(255, 255, 255, 0.70), rgba(28, 117, 188, 0.10)); border: 1px solid rgba(245, 158, 11, 0.16); }

/* ================= METRICS ================= */
.ff-quality { background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%); }
.ff-slim-metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0; border-top: 1px solid rgba(15,23,42,.09); border-bottom: 1px solid rgba(15,23,42,.09); }
.ff-slim-metrics article { position: relative; min-height: 154px; padding: 18px 18px; border-left: 1px solid rgba(15,23,42,.08); transition: background .18s ease, transform .18s ease; }
.ff-slim-metrics article:last-child { border-left: 0; }
.ff-slim-metrics article:hover { background: #f8fbff; transform: translateY(-1px); }
.ff-slim-metrics span { display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border-radius:50%; color:#fff; background: linear-gradient(135deg, var(--ff-brand), var(--ff-brand-2)); font-size:.76rem; font-weight:950; margin-bottom:10px;}
.ff-slim-metrics strong { display:block; color:#101828; font-size:.86rem; font-weight:950; line-height:1.7; margin-bottom:6px; }
.ff-slim-metrics p { margin:0; color:#64748b; font-size:.80rem; line-height:1.82; }

/* ================= TABLE ================= */
.ff-table-section { background: radial-gradient(circle at 12% 16%, rgba(38, 59, 143, 0.05), transparent 32%), linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); }
.ff-table-wrap { overflow: hidden; border-radius: 20px; border: 1px solid rgba(38, 59, 143, 0.10); box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055); background: #fff; }
.ff-decision-table { margin: 0; font-family: var(--ff-font) !important; }
.ff-decision-table th { color: #17325f; background: #f7faff; border-color: rgba(38, 59, 143, 0.08) !important; font-size: 0.80rem; font-weight: 900; line-height: 1.8; padding: 14px 16px; }
.ff-decision-table td { color: #526174; border-color: rgba(38, 59, 143, 0.07) !important; font-size: 0.80rem; font-weight: 500; line-height: 1.9; padding: 14px 16px; transition: background .18s ease, color .18s ease; }
.ff-decision-table strong { color: #101828; font-weight: 950; }
.ff-decision-table tbody tr:hover td { background: #eef8ff; color: #233b57; }
.ff-decision-table tbody tr:hover td:first-child { background: #fff7df; }

/* ================= TROUBLESHOOTING ================= */
.ff-troubleshooting { background: #ffffff; }
.ff-problem-lines { position: relative; display: grid; gap: 10px; padding-left: 22px; padding-right: 0; }
.ff-problem-lines::before { content: ""; position: absolute; top: 10px; left: 7px; bottom: 10px; width: 2px; border-radius: 99px; background: linear-gradient(180deg, var(--ff-brand), rgba(255, 196, 81, 0.85)); }
.ff-problem-lines a { position: relative; display: grid; grid-template-columns: 230px 1fr; gap: 14px; align-items: center; min-height: 54px; padding: 10px 16px; border-radius: 16px; color: #17325f; background: linear-gradient(180deg, #ffffff, #f8fbff); border: 1px solid rgba(38, 59, 143, 0.10); transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease; }
.ff-problem-lines a::before { content: ""; position: absolute; left: -21px; top: 50%; width: 12px; height: 12px; border-radius: 50%; transform: translateY(-50%); background: #ffc451; border: 3px solid #fff; box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.34); }
.ff-problem-lines a:hover { transform: translateY(-1px); background: #f8fbff; border-color: rgba(245, 158, 11, 0.20); }
.ff-problem-lines strong { color: #101828; font-size: 0.82rem; font-weight: 950; line-height: 1.7; }
.ff-problem-lines span { color: #64748b; font-size: 0.76rem; font-weight: 500; line-height: 1.8; }

/* ================= VALUE ================= */
.ff-value { background: radial-gradient(circle at 12% 16%, rgba(38,59,143,0.055), transparent 32%), linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); }
.ff-value-copy { padding: 6px 0; }
.ff-check-list { display: grid; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
.ff-check-list li { position: relative; padding: 9px 12px 9px 34px; border-radius: 16px; color: #25324a; background: rgba(255,255,255,0.78); border: 1px solid rgba(38,59,143,0.10); box-shadow: 0 8px 20px rgba(15,23,42,0.04); font-size: .80rem; font-weight: 700; line-height: 1.9; }
.ff-check-list li::before { content: "✓"; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #101828; background: linear-gradient(90deg, #F59E0B, #ffc451); font-size: .72rem; font-weight: 950; }
.ff-image-stack { position: relative; max-width: 610px; margin-inline: auto; border-radius: 22px; overflow: hidden; box-shadow: var(--ff-shadow); }
.ff-image-stack img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .45s ease, filter .45s ease; }
.ff-image-stack:hover img { transform: scale(1.035); filter: saturate(1.06) contrast(1.03); }
.ff-image-stack__badge { position: absolute; left: 18px; bottom: 18px; max-width: 330px; padding: 13px 15px; border-radius: 18px; background: rgba(6,12,28,0.70); border: 1px solid rgba(255,255,255,0.20); backdrop-filter: blur(12px) saturate(140%); -webkit-backdrop-filter: blur(12px) saturate(140%); }
.ff-image-stack__badge strong,
.ff-image-stack__badge span { display: block; color: #fff; }
.ff-image-stack__badge strong { font-size: .82rem; margin-bottom: 4px; }
.ff-image-stack__badge span { font-size: .72rem; color: rgba(255,255,255,0.78); line-height: 1.8; }

/* ================= CTA ================= */
.ff-final-cta { position: relative; overflow: hidden; padding: 56px 0; background: radial-gradient(circle at 8% 24%, rgba(38, 59, 143, 0.06), transparent 28%), linear-gradient(180deg, #ffffff 0%, #f7faff 100%); border-top: 1px solid rgba(38, 59, 143, 0.08); }
.ff-pathway-cta { display: grid; grid-template-columns: 300px 1fr; gap: 44px; align-items: center; }
.ff-pathway-cta__actions { display: grid; gap: 10px; }
.ff-pathway-btn { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 8px 18px; border-radius: 999px; color: #fff !important; background: #172033; border: 1px solid rgba(38, 59, 143, 0.22); box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14); font-family: var(--ff-font) !important; font-size: 0.78rem; font-weight: 850; line-height: 1.7; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease; }
.ff-pathway-btn:hover { transform: translateY(-1px); color: #101828 !important; background: #f8fbff; border-color: rgba(245, 158, 11, 0.28); }
.ff-pathway-btn i { color: #8fd3ff; font-size: 0.95rem; }
.ff-pathway-btn:hover i { color: #f59e0b; }
.ff-pathway-btn--primary { background: #1c2638; }
.ff-pathway-btn--whatsapp i { color: #47d18c; }
.ff-pathway-cta__content { position: relative; padding-left: 24px; padding-right: 0; border-left: 3px solid #263b8f; border-right: 0; }
.ff-pathway-badge { display: inline-flex; width: fit-content; margin-bottom: 12px; padding: 5px 13px; border-radius: 999px; color: #263b8f; background: rgba(38, 59, 143, 0.055); border: 1px solid rgba(38, 59, 143, 0.12); font-size: 0.72rem; font-weight: 850; }
.ff-pathway-cta__content h2 { margin: 0 0 12px; color: #0f1f3d; font-family: var(--ff-font) !important; font-size: clamp(1.12rem, 1.8vw, 1.56rem) !important; font-weight: 950; line-height: 1.75; letter-spacing: -0.35px; }
.ff-pathway-cta__content p { max-width: 840px; margin: 0 0 20px; color: #526174; font-size: 0.82rem; font-weight: 500; line-height: 2; text-align: left; }
.ff-pathway-routes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ff-pathway-routes a { position: relative; min-height: 84px; display: block; padding: 16px 16px 14px; border-radius: 16px; color: #17325f; background: rgba(255, 255, 255, 0.76); border: 1px solid rgba(38, 59, 143, 0.10); box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045); transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease; }
.ff-pathway-routes a::after { content: ""; position: absolute; left: 0; bottom: 14px; width: 3px; height: 34px; border-radius: 99px; background: linear-gradient(180deg, #263b8f, #ffc451); }
.ff-pathway-routes a:hover { transform: translateY(-1px); background: #f8fbff; border-color: rgba(245, 158, 11, 0.24); }
.ff-pathway-routes strong { display: block; margin-bottom: 7px; color: #14294f; font-size: 0.82rem; font-weight: 950; line-height: 1.7; }
.ff-pathway-routes span { display: block; color: #64748b; font-size: 0.74rem; font-weight: 500; line-height: 1.85; }

/* ================= RESPONSIVE ================= */
@media (max-width: 1199.98px) { .ff-tree-flow { grid-template-columns: repeat(3, 1fr); } .ff-executive { grid-template-columns: 1fr; } }
@media (max-width: 991.98px) {
  .ff-hero { min-height: auto; padding: 94px 0 48px; }
  .ff-hero-video { max-width: 100%; }
  .ff-section { padding: 56px 0; }
  .ff-tree-branches,
  .ff-pathway-routes { grid-template-columns: 1fr; }
  .ff-tree-branches::before { display: none; }
  .ff-slim-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ff-slim-metrics article:nth-child(2n) { border-left: 0; }
  .ff-problem-lines a { grid-template-columns: 1fr; gap: 4px; }
  .ff-pathway-cta { grid-template-columns: 1fr; gap: 28px; }
  .ff-pathway-cta__actions { max-width: 360px; }
  .ff-executive__flow { grid-template-columns: 1fr; }
  .ff-executive__flow i { height: 10px; width:1px; margin-inline:auto; }
}
@media (max-width: 575.98px) {
  .ff-hero { padding: 84px 0 38px; }
  .ff-hero__bg { background: linear-gradient(180deg, rgba(5, 10, 24, 0.82), rgba(9, 23, 54, 0.56)), url("../img/bg/home-office-ferniture-foam.png") center center / cover no-repeat; }
  .ff-hero__glass { border-radius: 18px; padding: 16px 15px; }
  .ff-hero h1 { font-size: 1.08rem !important; line-height: 1.88; }
  .ff-hero p,
  .ff-lead,
  .ff-muted,
  .ff-section-head p { font-size: 0.78rem; line-height: 1.86; }
  .ff-btn,
  .ff-pathway-btn { width: 100%; }
  .ff-section { padding: 40px 0; }
  .ff-slim-metrics { grid-template-columns: 1fr; }
  .ff-slim-metrics article { border-left: 0; border-bottom: 1px solid rgba(15,23,42,.08); min-height: auto; }
  .ff-slim-metrics article:last-child { border-bottom: 0; }
  .ff-image-stack__badge { left: 12px; right: 12px; bottom: 12px; max-width: none; }
  .ff-final-cta { padding: 42px 0; }
  .ff-pathway-cta__content { padding-left: 16px; padding-right: 0; }
  
.ff-hero-video__embed,
.ff-image-stack__embed {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #071120;
}

.ff-hero-video__embed iframe,
.ff-image-stack__embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ff-video-play { width: 50px; height: 50px; }
}
@media (prefers-reduced-motion: reduce) { .furniture-foam-page * { transition: none !important; animation: none !important; } }


/* ================= LTR AND ENGLISH TYPOGRAPHY OVERRIDES ================= */
.furniture-foam-page h1,
.furniture-foam-page h2,
.furniture-foam-page h3,
.ff-hero h1,
.ff-section h2,
.ff-section-head h2,
.ff-pathway-cta__content h2 {
  font-family: var(--ff-heading) !important;
  text-align: left;
}

.ff-decision-table th,
.ff-decision-table td {
  text-align: left;
}

.ff-related {
  background:
    radial-gradient(circle at 86% 10%, rgba(28,117,188,0.055), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.ff-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.ff-related-grid a {
  position: relative;
  min-height: 126px;
  display: block;
  padding: 17px 18px 44px;
  border-radius: 18px;
  color: #17325f;
  background: linear-gradient(180deg, #fff, #f7faff);
  border: 1px solid rgba(38,59,143,0.10);
  box-shadow: 0 8px 18px rgba(15,23,42,0.04);
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.ff-related-grid a::after {
  content: "→";
  position: absolute;
  left: 18px;
  bottom: 16px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #101828;
  background: linear-gradient(90deg, #F59E0B, #ffc451);
  font-size: 0.78rem;
  font-weight: 900;
}

.ff-related-grid a:hover {
  transform: translateY(-1px);
  background: #ffffff;
  border-color: rgba(245,158,11,0.24);
}

.ff-related-grid strong {
  display: block;
  margin-bottom: 8px;
  color: #14294f;
  font-size: 0.88rem;
  font-weight: 900;
  line-height: 1.55;
}

.ff-related-grid span {
  display: block;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 500;
  line-height: 1.8;
}

@media (max-width: 991.98px) {
  .ff-related-grid { grid-template-columns: 1fr; }
}