{"id":15,"date":"2017-03-06T06:38:35","date_gmt":"2017-03-06T06:38:35","guid":{"rendered":"http:\/\/multidemo.loc\/bestbuild\/?page_id=15"},"modified":"2026-03-11T02:36:50","modified_gmt":"2026-03-11T02:36:50","slug":"front-page","status":"publish","type":"page","link":"https:\/\/construction-theme.traffboost.net\/en\/","title":{"rendered":"HOME"},"content":{"rendered":"\n\n\t<section class=\"section\" id=\"section_523551126\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\t<div class=\"is-border\"\n\t\tstyle=\"border-radius:46px;border-width:0px 0px 0px 0px;margin:0px 0px 0px 0px;\">\n\t<\/div>\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-full-width align-center\"  id=\"row-688920887\">\n\n\n\t<div id=\"col-201059114\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<section class=\"sfv-heroFull\" aria-label=\"SOFAVI Hero\">\n  <!-- Background image -->\n  <div class=\"sfv-heroFull__bg\" aria-hidden=\"true\"><\/div>\n\n  <!-- Content -->\n  <div class=\"sfv-heroFull__wrap\">\n    <div class=\"sfv-heroFull__panel\">\n      <h1 class=\"sfv-heroFull__h1\">\n        Nh\u00e0 s\u1ea3n xu\u1ea5t Sorbitol \n        \u0111\u1ea7u ti\u00ean t\u1ea1i Vi\u1ec7t Nam\n      <\/h1>\n\n      <p class=\"sfv-heroFull__sub\">\n        SOFAVI \u0111\u1ea7u t\u01b0 x\u00e2y d\u1ef1ng nh\u00e0 m\u00e1y s\u1ea3n xu\u1ea5t Sorbitol, c\u00f4ng su\u1ea5t 30.000 t\u1ea5n\/n\u0103m theo ch\u1ee7 tr\u01b0\u01a1ng c\u1ee7a Ch\u00ednh ph\u1ee7 theo Quy\u1ebft \u0111\u1ecbnh s\u1ed1 81\/2009\/Q\u0110-TTg ng\u00e0y 21\/5\/2009 c\u1ee7a Th\u1ee7 T\u01b0\u1edbng Ch\u00ednh Ph\u1ee7.\n      <\/p>\n\n      <div class=\"sfv-heroFull__cta\">\n        <a class=\"sfv-heroFull__btn\" href=\"#lien-he\">Li\u00ean h\u1ec7 t\u01b0 v\u1ea5n<\/a>\n        <a class=\"sfv-heroFull__btn\" href=\"#hoso-nangluc\">T\u1ea3i h\u1ed3 s\u01a1 n\u0103ng l\u1ef1c<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Font: \u00e9p chu\u1ea9n, ch\u1ed1ng Flatsome override -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n\n  <style>\n    \/* ===========================\n       SOFAVI HERO FULL (NO SHIFT)\n       - Fix l\u1ec7ch do 100vw + scrollbar\n       - Mobile ultra optimize\n       - Font kh\u00f4ng l\u1ed7i\n    ============================ *\/\n\n    :root{\n      --sfv-deep:#063D5E;\n      --sfv-teal:#0B93A0;\n      --sfv-aqua:#37D1D1;\n      --sfv-white:#ffffff;\n    }\n\n    \/* kh\u00f3a scroll ngang (nguy\u00ean nh\u00e2n l\u1ec7ch kinh \u0111i\u1ec3n) *\/\n    html, body{ overflow-x:hidden; }\n\n    \/* ---- HARD RESET FONT ---- *\/\n    .sfv-heroFull,\n    .sfv-heroFull *{\n      font-family: Inter, \"Helvetica Neue\", Helvetica, Arial, Calibri, sans-serif !important;\n      -webkit-font-smoothing: antialiased !important;\n      -moz-osx-font-smoothing: grayscale !important;\n      text-rendering: geometricPrecision !important;\n      letter-spacing: normal !important;\n      box-sizing:border-box;\n    }\n\n    \/* ---- FULL WIDTH REAL (KH\u00d4NG L\u1ec6CH) ---- *\/\n    .sfv-heroFull{\n      position:relative;\n      width:100vw;\n      left:50%;\n      transform:translateX(-50%);\n      overflow:hidden;\n      min-height:650px;\n      display:flex;\n      align-items:center;\n      background:#041e2d;\n      isolation:isolate;\n    }\n\n    \/* ---- Background image ---- *\/\n    .sfv-heroFull__bg{\n      position:absolute; inset:0;\n      background-image:url(\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-02-153817.png\");\n      background-size:cover;\n      background-position:center;\n      background-repeat:no-repeat;\n      transform:scale(1.03);\n      filter:contrast(1.06) saturate(1.06) brightness(1.03);\n      z-index:0;\n    }\n\n    \/* overlay: t\u1ea1o v\u00f9ng tr\u00e1i t\u1ed1i nh\u1eb9 \u0111\u1ec3 ch\u1eef n\u1ed5i + v\u1eabn s\u00e1ng s\u1ea1ch *\/\n    .sfv-heroFull::before{\n      content:\"\";\n      position:absolute; inset:0;\n      background:\n        radial-gradient(1100px 650px at 18% 55%, rgba(55,209,209,.22), transparent 62%),\n        linear-gradient(90deg, rgba(2,18,30,.66) 0%, rgba(2,18,30,.42) 46%, rgba(2,18,30,.18) 76%, rgba(2,18,30,0) 100%);\n      z-index:1;\n      pointer-events:none;\n    }\n\n    \/* particles nh\u1eb9 (kh\u00f4ng l\u00f2e) *\/\n    .sfv-heroFull::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background-image:\n        radial-gradient(circle at 20% 38%, rgba(55,209,209,.12) 0 2px, transparent 3px),\n        radial-gradient(circle at 36% 58%, rgba(255,255,255,.10) 0 1px, transparent 2px),\n        radial-gradient(circle at 56% 30%, rgba(55,209,209,.10) 0 1px, transparent 2px),\n        radial-gradient(circle at 76% 56%, rgba(255,255,255,.08) 0 1px, transparent 2px);\n      background-size: 460px 300px;\n      opacity:.28;\n      z-index:2;\n      pointer-events:none;\n      mix-blend-mode:screen;\n    }\n\n    \/* ---- Wrap ---- *\/\n    .sfv-heroFull__wrap{\n      position:relative;\n      z-index:3;\n      width:min(1280px, calc(100% - 48px));\n      margin:0 auto;\n      padding:54px 0;\n    }\n\n    \/* ---- Glass panel ---- *\/\n    .sfv-heroFull__panel{\n      width:min(980px, 95%);\n      padding:34px 34px 30px;\n      border-radius:18px;\n      background:rgba(255,255,255,.09);\n      border:1px solid rgba(255,255,255,.18);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      box-shadow:\n        0 28px 70px rgba(0,0,0,.35),\n        inset 0 1px 0 rgba(255,255,255,.14);\n    }\n\n    \/* ---- Text ---- *\/\n    .sfv-heroFull__h1{\n      margin:0 0 14px;\n      font-size:56px;\n      line-height:1.06;\n      font-weight:900;\n      letter-spacing:-.02em;\n      color:#fff;\n      text-shadow:0 2px 14px rgba(0,0,0,.35);\n    }\n\n    .sfv-heroFull__sub{\n      margin:0 0 18px;\n      font-size:18px;\n      line-height:1.65;\n      font-weight:600;\n      color:rgba(255,255,255,.82);\n      text-shadow:0 1px 10px rgba(0,0,0,.22);\n      max-width: 72ch;\n    }\n\n    \/* ---- Buttons: c\u00f9ng m\u00e0u + ch\u1eef tr\u1eafng ---- *\/\n    .sfv-heroFull__cta{\n      display:flex;\n      gap:14px;\n      flex-wrap:wrap;\n      margin-top:10px;\n    }\n\n    .sfv-heroFull__btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      padding:14px 22px;\n      border-radius:12px;\n      text-decoration:none !important;\n      font-size:14px;\n      font-weight:900;\n      letter-spacing:.01em;\n      color:#fff !important;\n\n      background:linear-gradient(135deg, #37D1D1 0%, #0B93A0 70%, #37D1D1 100%);\n      border:1px solid rgba(255,255,255,.18);\n      box-shadow:0 18px 44px rgba(11,147,160,.28);\n      transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\n      will-change:transform;\n      user-select:none;\n    }\n\n    .sfv-heroFull__btn:hover{\n      transform:translateY(-2px);\n      box-shadow:0 24px 60px rgba(11,147,160,.34);\n      filter:brightness(1.03);\n    }\n\n    \/* ===========================\n       RESPONSIVE\n    ============================ *\/\n\n    @media (max-width:1024px){\n      .sfv-heroFull__h1{ font-size:46px; }\n    }\n\n    \/* MOBILE ULTRA *\/\n    @media (max-width:849px){\n      .sfv-heroFull{ min-height:520px; }\n\n      .sfv-heroFull__wrap{\n        width:calc(100% - 28px);\n        padding:30px 0;\n      }\n\n      .sfv-heroFull__panel{\n        width:100% !important;\n        padding:18px 16px 16px !important;\n        border-radius:16px !important;\n        background:rgba(255,255,255,.10) !important;\n      }\n\n      .sfv-heroFull__h1{\n        font-size:30px !important;\n        line-height:1.08 !important;\n        margin-bottom:12px !important;\n      }\n\n      .sfv-heroFull__sub{\n        font-size:14.8px !important;\n        line-height:1.6 !important;\n        margin-bottom:14px !important;\n        max-width:100% !important;\n      }\n\n      \/* 2 n\u00fat: m\u1ed7i n\u00fat 1 h\u00e0ng cho ch\u1eafc (\u0111\u1eb9p, kh\u00f4ng v\u1ee1) *\/\n      .sfv-heroFull__cta{\n        display:grid !important;\n        grid-template-columns:1fr !important;\n        gap:10px !important;\n      }\n      .sfv-heroFull__btn{\n        width:100% !important;\n        padding:14px 16px !important;\n      }\n\n      \/* focus \u1ea3nh n\u1ec1n cho mobile *\/\n      .sfv-heroFull__bg{\n        background-position: 65% center !important;\n      }\n    }\n\n    \/* Small mobile (<=390px) *\/\n    @media (max-width:390px){\n      .sfv-heroFull__h1{ font-size:28px !important; }\n      .sfv-heroFull__sub{ font-size:14.4px !important; }\n    }\n  <\/style>\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<style>\n#row-688920887 > .col > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_523551126 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  min-height: 650px;\n}\n<\/style>\n\t<\/section>\n\t\n<div class=\"row\"  id=\"row-218494073\">\n\n\n\t<div id=\"col-714573987\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- =======================\nSOFAVI \u2014 TRUST SECTION (V2: SHARP + DEPTH + ICON CENTER)\n4 cards \u2022 3D clean \u2022 Typography s\u1eafc n\u00e9t \u2022 SVG icons kh\u00f4ng h\u1ecfng\n======================= -->\n<section class=\"sfv-trust2\" aria-label=\"SOFAVI Trust Highlights\">\n  <style>\n    :root{\n      --sfv-navy:#063D5E;\n      --sfv-teal:#0B93A0;\n      --sfv-aqua:#37D1D1;\n      --sfv-bg:#F7F9FB;\n      --sfv-white:#FFFFFF;\n      --sfv-text:#5A6B7B;\n    }\n\n    \/* ===== Force SHARP typography ===== *\/\n    .sfv-trust2, .sfv-trust2 *{\n      font-family:\"Helvetica Neue\", Helvetica, Arial, Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif !important;\n      -webkit-font-smoothing: antialiased !important;\n      -moz-osx-font-smoothing: grayscale !important;\n      text-rendering: geometricPrecision !important;\n      box-sizing:border-box;\n    }\n\n    \/* ch\u1ed1ng theme auto margin *\/\n    .sfv-trust2 h2,\n    .sfv-trust2 h3,\n    .sfv-trust2 p{\n      margin:0 !important;\n      padding:0 !important;\n    }\n\n    .sfv-trust2{\n      width:100%;\n      background:\n        radial-gradient(1100px 260px at 15% 0%, rgba(11,147,160,.10), rgba(0,0,0,0) 55%),\n        linear-gradient(180deg, #F7F9FB 0%, #F3F6F9 100%);\n      padding: 34px 0;\n      overflow:hidden;\n    }\n\n    .sfv-trust2__wrap{\n      max-width:1200px;\n      margin:0 auto;\n      padding: 0 clamp(16px, 3vw, 26px);\n    }\n\n    .sfv-trust2__grid{\n      display:grid;\n      grid-template-columns: repeat(4, minmax(0,1fr));\n      gap: 34px;\n      align-items:stretch;\n    }\n\n    \/* ===== Card 3D: s\u1eafc n\u00e9t + depth r\u00f5 ===== *\/\n    .sfv-trust2__card{\n      position:relative;\n      border-radius:14px;\n      padding: 22px 22px 20px;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,1) 100%);\n      border: 1px solid rgba(6,61,94,.10);\n      box-shadow:\n        0 18px 50px rgba(6,61,94,.12),\n        0 6px 16px rgba(0,0,0,.06);\n      transform: translateY(0);\n      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;\n      will-change: transform;\n\n      \/* \u2705 \u0111\u1ec3 icon\/title\/desc c\u0103n gi\u1eefa theo chi\u1ec1u ngang *\/\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      text-align:center;\n    }\n\n    \/* Accent line tr\u00ean card *\/\n    .sfv-trust2__card::before{\n      content:\"\";\n      position:absolute;\n      left:14px; right:14px; top:12px;\n      height:3px;\n      border-radius:999px;\n      background: linear-gradient(90deg, rgba(11,147,160,.0), rgba(11,147,160,.75), rgba(55,209,209,.35), rgba(11,147,160,.0));\n      opacity:.55;\n      pointer-events:none;\n    }\n\n    .sfv-trust2__card:hover{\n      transform: translateY(-6px);\n      border-color: rgba(11,147,160,.35);\n      box-shadow:\n        0 26px 70px rgba(6,61,94,.16),\n        0 10px 26px rgba(0,0,0,.08),\n        0 0 40px rgba(55,209,209,.12);\n      filter: saturate(1.02);\n    }\n\n    \/* ===== Icon pill (CENTER) ===== *\/\n    .sfv-trust2__icon{\n      width:44px; height:44px;\n      border-radius:14px;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n\n      \/* \u2705 icon n\u1eb1m gi\u1eefa card *\/\n      margin: 0 auto 12px;\n      align-self:center;\n\n      background: linear-gradient(180deg, rgba(11,147,160,.16), rgba(11,147,160,.08));\n      box-shadow:\n        inset 0 0 0 1px rgba(11,147,160,.22),\n        0 10px 20px rgba(6,61,94,.10);\n      color: var(--sfv-teal);\n      transition: transform .22s ease, box-shadow .22s ease, color .22s ease, background .22s ease;\n    }\n    .sfv-trust2__icon svg{\n      width:22px; height:22px;\n      display:block;\n      stroke: currentColor;\n      fill: none;\n      stroke-width: 2.2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      shape-rendering: geometricPrecision;\n\n      \/* \u2705 c\u00e2n nh\u1eb9 SVG cho \u0111\u1ec1u m\u1eaft *\/\n      transform: translateY(.3px);\n    }\n    .sfv-trust2__card:hover .sfv-trust2__icon{\n      transform: translateY(-2px);\n      color: var(--sfv-aqua);\n      background: linear-gradient(180deg, rgba(55,209,209,.18), rgba(55,209,209,.10));\n      box-shadow:\n        inset 0 0 0 1px rgba(55,209,209,.30),\n        0 14px 28px rgba(6,61,94,.14),\n        0 0 22px rgba(55,209,209,.18);\n    }\n\n    \/* ===== Title ===== *\/\n    .sfv-trust2__title{\n      margin:0 0 8px 0 !important;\n      color: var(--sfv-navy);\n      font-weight: 900;\n      font-size: 24px;\n      line-height: 1.12;\n      letter-spacing: -0.015em;\n      text-shadow:\n        0 16px 28px rgba(6,61,94,.10),\n        0 2px 0 rgba(255,255,255,.55);\n    }\n    .sfv-trust2__title--number{\n      font-size: 26px;\n      letter-spacing: -0.02em;\n    }\n\n    .sfv-trust2__desc{\n      margin:0 !important;\n      color: var(--sfv-text);\n      font-size: 14.6px;\n      line-height: 1.6;\n      max-width: 30ch; \/* \u2705 nh\u00ecn g\u1ecdn, gi\u1ed1ng m\u1eabu *\/\n    }\n\n    \/* ===== Reveal motion ===== *\/\n    .sfv-trust2__card{\n      opacity:0;\n      transform: translateY(18px);\n    }\n    .sfv-trust2.is-inview .sfv-trust2__card{\n      animation: sfvTrustUp .62s cubic-bezier(.2,.8,.2,1) both;\n    }\n    .sfv-trust2.is-inview .sfv-trust2__card:nth-child(1){ animation-delay:.05s; }\n    .sfv-trust2.is-inview .sfv-trust2__card:nth-child(2){ animation-delay:.16s; }\n    .sfv-trust2.is-inview .sfv-trust2__card:nth-child(3){ animation-delay:.27s; }\n    .sfv-trust2.is-inview .sfv-trust2__card:nth-child(4){ animation-delay:.38s; }\n\n    @keyframes sfvTrustUp{\n      from{ opacity:0; transform: translateY(18px); }\n      to{ opacity:1; transform: translateY(0); }\n    }\n\n    \/* ===== Responsive ===== *\/\n    @media (max-width: 1024px){\n      .sfv-trust2__grid{\n        grid-template-columns: repeat(2, minmax(0,1fr));\n        gap: 20px;\n      }\n      .sfv-trust2__desc{ max-width: 34ch; }\n    }\n    @media (max-width: 640px){\n      .sfv-trust2{ padding: 26px 0; }\n      .sfv-trust2__grid{ grid-template-columns: 1fr; gap: 14px; }\n      .sfv-trust2__card{ padding: 18px 16px 16px; border-radius: 14px; }\n      .sfv-trust2__title{ font-size: 22px; }\n      .sfv-trust2__title--number{ font-size: 24px; }\n      .sfv-trust2__desc{ font-size: 14px; max-width:none; }\n    }\n\n    html, body{ overflow-x:hidden; }\n  <\/style>\n\n  <div class=\"sfv-trust2__wrap\">\n    <div class=\"sfv-trust2__grid\">\n\n      <!-- 1) N\u0103ng l\u1ef1c s\u1ea3n xu\u1ea5t -->\n      <article class=\"sfv-trust2__card\">\n        <div class=\"sfv-trust2__icon\" aria-hidden=\"true\" title=\"N\u0103ng l\u1ef1c s\u1ea3n xu\u1ea5t\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M3 21V10l6 3V10l6 3V8l6 3v10H3z\"\/>\n            <path d=\"M7 21v-4M11 21v-6M15 21v-3\"\/>\n            <path d=\"M6 6c0 2 2 2 2 4M10 4c0 2 2 2 2 4\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sfv-trust2__title sfv-trust2__title--number\">30.000 t\u1ea5n \/ n\u0103m<\/h3>\n        <p class=\"sfv-trust2__desc\">C\u00f4ng su\u1ea5t s\u1ea3n xu\u1ea5t Sorbitol quy m\u00f4 c\u00f4ng nghi\u1ec7p<\/p>\n      <\/article>\n\n      <!-- 2) Ti\u00eau chu\u1ea9n ch\u1ea5t l\u01b0\u1ee3ng -->\n      <article class=\"sfv-trust2__card\">\n        <div class=\"sfv-trust2__icon\" aria-hidden=\"true\" title=\"Ki\u1ec3m so\u00e1t ch\u1ea5t l\u01b0\u1ee3ng\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M6 20h12\"\/>\n            <path d=\"M9 20a4 4 0 0 1 4-4h2\"\/>\n            <path d=\"M10 13l3-3\"\/>\n            <path d=\"M12 10l-2-2 3-3 2 2\"\/>\n            <path d=\"M14 12l3 3\"\/>\n            <path d=\"M8 15a5 5 0 0 0 7 0\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sfv-trust2__title\">Ki\u1ec3m so\u00e1t ch\u1ea5t l\u01b0\u1ee3ng<\/h3>\n        <p class=\"sfv-trust2__desc\">H\u1ec7 th\u1ed1ng ki\u1ec3m so\u00e1t ch\u1ea5t l\u01b0\u1ee3ng nghi\u00eam ng\u1eb7t trong to\u00e0n b\u1ed9 quy tr\u00ecnh s\u1ea3n xu\u1ea5t<\/p>\n      <\/article>\n\n      <!-- 3) N\u0103ng l\u1ef1c cung \u1ee9ng -->\n      <article class=\"sfv-trust2__card\">\n        <div class=\"sfv-trust2__icon\" aria-hidden=\"true\" title=\"Ngu\u1ed3n cung \u1ed5n \u0111\u1ecbnh\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M3 7h10v10H3z\"\/>\n            <path d=\"M13 10h4l4 4v3h-8v-7z\"\/>\n            <path d=\"M7 17a2 2 0 1 0 0 .01\"\/>\n            <path d=\"M17 17a2 2 0 1 0 0 .01\"\/>\n            <path d=\"M13 14h8\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sfv-trust2__title\">Ngu\u1ed3n cung \u1ed5n \u0111\u1ecbnh<\/h3>\n        <p class=\"sfv-trust2__desc\">\u0110\u1ea3m b\u1ea3o kh\u1ea3 n\u0103ng cung \u1ee9ng li\u00ean t\u1ee5c cho c\u00e1c doanh nghi\u1ec7p s\u1ea3n xu\u1ea5t quy m\u00f4 l\u1edbn<\/p>\n      <\/article>\n\n      <!-- 4) H\u1ed7 tr\u1ee3 \u0111\u1ed1i t\u00e1c -->\n      <article class=\"sfv-trust2__card\">\n        <div class=\"sfv-trust2__icon\" aria-hidden=\"true\" title=\"H\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 3h7l3 3v15H7z\"\/>\n            <path d=\"M14 3v3h3\"\/>\n            <path d=\"M9 12h6\"\/>\n            <path d=\"M9 9h4\"\/>\n            <path d=\"M9 16l2 2 4-4\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sfv-trust2__title\">H\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt<\/h3>\n        <p class=\"sfv-trust2__desc\">Cung c\u1ea5p h\u1ed3 s\u01a1 COA, TDS v\u00e0 h\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt theo y\u00eau c\u1ea7u c\u1ee7a kh\u00e1ch h\u00e0ng<\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const s = document.querySelector(\".sfv-trust2\");\n      if(!s) return;\n      const io = new IntersectionObserver((es)=>{\n        es.forEach(e=>{\n          if(e.isIntersecting){\n            s.classList.add(\"is-inview\");\n            io.disconnect();\n          }\n        });\n      },{threshold:0.18});\n      io.observe(s);\n    })();\n  <\/script>\n<\/section>\n<!-- ===================== \/SOFAVI \u2014 TRUST SECTION ===================== -->\n\n<div class=\"row\"  id=\"row-2139357257\">\n\n\n\t<div id=\"col-918646693\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- =======================\nSOFAVI \u2014 ABOUT SECTION (ONE-PASTE)\n2 c\u1ed9t: Text tr\u00e1i + \u1ea2nh ph\u1ea3i (placeholder) \u2022 corporate clean \u2022 sharp typography\nC\u00f3 info-card ch\u1ed3ng l\u00ean \u1ea3nh \u2022 motion nh\u1eb9 (fade up \/ slide)\n======================= -->\n<section class=\"sfv-about\" aria-label=\"Gi\u1edbi thi\u1ec7u SOFAVI\">\n  <style>\n    :root{\n      --sfv-navy:#063D5E;\n      --sfv-teal:#0B93A0;\n      --sfv-aqua:#37D1D1;\n      --sfv-white:#FFFFFF;\n      --sfv-ink:#243241;\n      --sfv-muted:#4A5A6A;\n      --sfv-line:rgba(6,61,94,.10);\n    }\n\n    \/* ===== Force SHARP typography ===== *\/\n    .sfv-about, .sfv-about *{\n      font-family:\"Helvetica Neue\", Helvetica, Arial, Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif !important;\n      -webkit-font-smoothing: antialiased !important;\n      -moz-osx-font-smoothing: grayscale !important;\n      text-rendering: geometricPrecision !important;\n      box-sizing:border-box;\n    }\n\n    .sfv-about{\n      width:100%;\n      background: var(--sfv-white);\n      padding: 72px 0; \/* desktop height target 520\u2013620 *\/\n      overflow:hidden;\n    }\n\n    .sfv-about__wrap{\n      max-width:1200px;\n      margin:0 auto;\n      padding: 0 clamp(16px, 3vw, 26px);\n    }\n\n    .sfv-about__grid{\n      display:grid;\n      grid-template-columns: 1.05fr .95fr;\n      gap: clamp(28px, 4vw, 56px);\n      align-items:center;\n    }\n\n    \/* ===== Left (text) ===== *\/\n    .sfv-about__left{\n      max-width: 600px; \/* spec 540\u2013600 *\/\n      opacity:0;\n      transform: translateY(18px);\n    }\n\n    .sfv-about.is-inview .sfv-about__left{\n      animation: sfvFadeUp .72s cubic-bezier(.2,.8,.2,1) both;\n    }\n\n    .sfv-about__eyebrow{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      margin:0 0 14px 0;\n      font-size:14px;\n      font-weight:600; \/* medium-ish *\/\n      letter-spacing:.08em;\n      text-transform:uppercase;\n      color: var(--sfv-teal);\n    }\n\n    .sfv-about__eyebrow::before{\n      content:\"\";\n      width:28px; height:2px;\n      border-radius:999px;\n      background: linear-gradient(90deg, rgba(11,147,160,0), rgba(11,147,160,.95));\n      opacity:.95;\n    }\n\n    .sfv-about__h2{\n      margin:0 0 16px 0; \/* 16\u201318 *\/\n      font-weight:900;\n      letter-spacing:-.02em;\n      color: var(--sfv-navy);\n      font-size:42px;   \/* 38\u201342 *\/\n      line-height:1.2;\n      text-shadow:\n        0 18px 30px rgba(6,61,94,.10),\n        0 2px 0 rgba(255,255,255,.55);\n    }\n\n    .sfv-about__lead{\n      margin:0 0 24px 0; \/* gi\u1eefa lead v\u00e0 nh\u00f3m \u0111i\u1ec3m nh\u1ea5n *\/\n      font-size:17px;    \/* 16\u201317 *\/\n      line-height:1.72;\n      color: var(--sfv-muted);\n    }\n\n    \/* ===== Key points ===== *\/\n    .sfv-about__points{\n      display:grid;\n      grid-template-columns: 1fr;\n      gap: 12px; \/* 12\u201314 *\/\n      margin:0;\n      padding:0;\n      list-style:none;\n    }\n\n    .sfv-about__point{\n      display:flex;\n      gap:12px;\n      align-items:flex-start;\n      padding: 12px 12px;\n      border-radius: 12px;\n      border:1px solid rgba(6,61,94,.08);\n      background: linear-gradient(180deg, rgba(247,249,251,.75), rgba(255,255,255,1));\n      box-shadow: 0 10px 24px rgba(6,61,94,.06);\n      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n    }\n\n    .sfv-about__point:hover{\n      transform: translateY(-3px);\n      border-color: rgba(11,147,160,.26);\n      box-shadow:\n        0 16px 36px rgba(6,61,94,.10),\n        0 0 26px rgba(55,209,209,.10);\n    }\n\n    .sfv-about__picon{\n      width:40px; height:40px;\n      border-radius: 14px;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      flex: 0 0 40px;\n      color: var(--sfv-teal);\n      background: linear-gradient(180deg, rgba(11,147,160,.16), rgba(11,147,160,.08));\n      box-shadow:\n        inset 0 0 0 1px rgba(11,147,160,.20),\n        0 12px 22px rgba(6,61,94,.10);\n      transition: color .2s ease, background .2s ease, transform .2s ease;\n    }\n\n    .sfv-about__picon svg{\n      width:20px; height:20px;\n      stroke: currentColor;\n      fill:none;\n      stroke-width:2.2;\n      stroke-linecap:round;\n      stroke-linejoin:round;\n      shape-rendering: geometricPrecision;\n      display:block;\n    }\n\n    .sfv-about__point:hover .sfv-about__picon{\n      color: var(--sfv-aqua);\n      background: linear-gradient(180deg, rgba(55,209,209,.18), rgba(55,209,209,.10));\n      transform: translateY(-1px);\n      box-shadow:\n        inset 0 0 0 1px rgba(55,209,209,.28),\n        0 14px 28px rgba(6,61,94,.14),\n        0 0 20px rgba(55,209,209,.14);\n    }\n\n    .sfv-about__ptxt{\n      margin:0;\n      color: var(--sfv-muted);\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    \/* ===== Right (image) ===== *\/\n    .sfv-about__right{\n      position:relative;\n      opacity:0;\n      transform: translateX(18px);\n    }\n\n    .sfv-about.is-inview .sfv-about__right{\n      animation: sfvSlideIn .78s cubic-bezier(.2,.8,.2,1) both;\n      animation-delay:.08s;\n    }\n\n    @keyframes sfvFadeUp{\n      from{ opacity:0; transform: translateY(18px); }\n      to{ opacity:1; transform: translateY(0); }\n    }\n    @keyframes sfvSlideIn{\n      from{ opacity:0; transform: translateX(18px); }\n      to{ opacity:1; transform: translateX(0); }\n    }\n\n    .sfv-about__media{\n      position:relative;\n      width:100%;\n      border-radius:16px;\n      overflow:hidden;\n      background:\n        radial-gradient(900px 320px at 15% 15%, rgba(11,147,160,.14), rgba(0,0,0,0) 55%),\n        linear-gradient(180deg, rgba(6,61,94,.12), rgba(6,61,94,0));\n      box-shadow:\n        0 28px 80px rgba(6,61,94,.14),\n        0 10px 26px rgba(0,0,0,.08);\n      border:1px solid rgba(6,61,94,.10);\n      aspect-ratio: 4 \/ 3; \/* \u1ea3nh l\u1edbn, corporate *\/\n    }\n\n    \/* Placeholder \u1ea3nh nh\u00e0 m\u00e1y (b\u1ea1n thay link th\u1eadt) *\/\n    .sfv-about__img{\n      position:absolute; inset:0;\n      width:100%; height:100%;\n      object-fit:cover;\n      object-position:center;\n      transform: scale(1);\n      will-change: transform;\n      transition: transform 1.2s ease;\n      filter: contrast(1.03) saturate(1.02);\n    }\n\n    .sfv-about__media:hover .sfv-about__img{\n      transform: scale(1.04);\n    }\n\n    \/* Overlay c\u1ef1c nh\u1eb9 \u0111\u1ec3 \u1ea3nh s\u1ea1ch v\u00e0 h\u1ee3p tone *\/\n    .sfv-about__media::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background: linear-gradient(90deg, rgba(6,61,94,.14) 0%, rgba(6,61,94,.06) 45%, rgba(6,61,94,0) 100%);\n      pointer-events:none;\n    }\n\n    \/* ===== Info card ch\u1ed3ng l\u00ean \u1ea3nh ===== *\/\n    .sfv-about__badge{\n      position:absolute;\n      left: 18px;\n      bottom: 18px;\n      background: rgba(255,255,255,.96);\n      border:1px solid rgba(6,61,94,.10);\n      border-radius:12px;\n      padding: 14px 14px 12px;\n      box-shadow:\n        0 18px 44px rgba(6,61,94,.14),\n        0 6px 16px rgba(0,0,0,.08);\n      max-width: 260px;\n      backdrop-filter: blur(8px);\n    }\n\n    .sfv-about__badgeTop{\n      margin:0 0 6px 0;\n      font-weight: 900;\n      color: var(--sfv-navy);\n      font-size: 18px;\n      letter-spacing:-.01em;\n      text-shadow: 0 10px 20px rgba(6,61,94,.10);\n    }\n\n    .sfv-about__badgeSub{\n      margin:0;\n      color: var(--sfv-muted);\n      font-size: 13.5px;\n      line-height:1.45;\n    }\n\n    .sfv-about__badgeDot{\n      display:inline-block;\n      width:10px; height:10px;\n      border-radius:999px;\n      background: radial-gradient(circle at 30% 30%, var(--sfv-aqua), var(--sfv-teal));\n      box-shadow: 0 0 14px rgba(55,209,209,.24);\n      margin-right:8px;\n      vertical-align:middle;\n    }\n\n    \/* ===== Responsive ===== *\/\n    @media (max-width: 1024px){\n      .sfv-about{ padding: 64px 0; }\n      .sfv-about__grid{ grid-template-columns: 1fr; }\n      .sfv-about__left{ max-width: 680px; }\n      .sfv-about__right{ transform: translateY(12px); }\n    }\n\n    @media (max-width: 640px){\n      .sfv-about{ padding: 52px 0; } \/* mobile height target 700\u2013820 ph\u1ee5 thu\u1ed9c text *\/\n      .sfv-about__h2{ font-size: 32px; } \/* 30\u201334 *\/\n      .sfv-about__lead{ font-size:16px; }\n      .sfv-about__ptxt{ font-size:14.5px; }\n      .sfv-about__badge{ left:14px; bottom:14px; max-width: 240px; }\n    }\n\n    html, body{ overflow-x:hidden; }\n  <\/style>\n\n  <div class=\"sfv-about__wrap\">\n    <div class=\"sfv-about__grid\">\n\n      <!-- LEFT: Content -->\n      <div class=\"sfv-about__left\">\n        <p class=\"sfv-about__eyebrow\">GI\u1edaI THI\u1ec6U SOFAVI<\/p>\n\n        <h2 class=\"sfv-about__h2\">N\u1ec1n t\u1ea3ng s\u1ea3n xu\u1ea5t Sorbitol hi\u1ec7n \u0111\u1ea1i t\u1ea1i Vi\u1ec7t Nam<\/h2>\n\n        <p class=\"sfv-about__lead\">\n          SOFAVI \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng v\u1edbi \u0111\u1ecbnh h\u01b0\u1edbng ph\u00e1t tri\u1ec3n m\u1ed9t n\u1ec1n t\u1ea3ng s\u1ea3n xu\u1ea5t Sorbitol hi\u1ec7n \u0111\u1ea1i,\n          \u0111\u00e1p \u1ee9ng c\u00e1c ti\u00eau chu\u1ea9n c\u00f4ng nghi\u1ec7p ng\u00e0y c\u00e0ng cao c\u1ee7a th\u1ecb tr\u01b0\u1eddng. V\u1edbi h\u1ec7 th\u1ed1ng d\u00e2y chuy\u1ec1n\n          s\u1ea3n xu\u1ea5t \u0111\u01b0\u1ee3c \u0111\u1ea7u t\u01b0 b\u00e0i b\u1ea3n v\u00e0 quy tr\u00ecnh v\u1eadn h\u00e0nh \u0111\u01b0\u1ee3c ki\u1ec3m so\u00e1t ch\u1eb7t ch\u1ebd, SOFAVI h\u01b0\u1edbng t\u1edbi\n          vi\u1ec7c cung c\u1ea5p ngu\u1ed3n Sorbitol \u1ed5n \u0111\u1ecbnh, ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 \u0111\u00e1ng tin c\u1eady cho c\u00e1c doanh nghi\u1ec7p trong\n          nhi\u1ec1u l\u0129nh v\u1ef1c c\u00f4ng nghi\u1ec7p.\n        <\/p>\n\n        <ul class=\"sfv-about__points\">\n          <li class=\"sfv-about__point\">\n            <span class=\"sfv-about__picon\" aria-hidden=\"true\">\n              <!-- Gear -->\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z\"\/>\n                <path d=\"M19.4 15a8.6 8.6 0 0 0 .1-2l2-1.2-2-3.5-2.3.6a8.9 8.9 0 0 0-1.7-1L15 5h-4l-.5 2a8.9 8.9 0 0 0-1.7 1L6.5 7.4l-2 3.5 2 1.2a8.6 8.6 0 0 0 .1 2l-2 1.2 2 3.5 2.3-.6a8.9 8.9 0 0 0 1.7 1L11 19h4l.5-2a8.9 8.9 0 0 0 1.7-1l2.3.6 2-3.5-2-1.2z\"\/>\n              <\/svg>\n            <\/span>\n            <p class=\"sfv-about__ptxt\">C\u00f4ng ngh\u1ec7 s\u1ea3n xu\u1ea5t hi\u1ec7n \u0111\u1ea1i, \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o t\u00ednh \u1ed5n \u0111\u1ecbnh v\u00e0 hi\u1ec7u qu\u1ea3 trong v\u1eadn h\u00e0nh.<\/p>\n          <\/li>\n\n          <li class=\"sfv-about__point\">\n            <span class=\"sfv-about__picon\" aria-hidden=\"true\">\n              <!-- Check -->\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M20 6L9 17l-5-5\"\/>\n                <path d=\"M21 12a9 9 0 1 1-5-8\"\/>\n              <\/svg>\n            <\/span>\n            <p class=\"sfv-about__ptxt\">H\u1ec7 th\u1ed1ng ki\u1ec3m so\u00e1t ch\u1ea5t l\u01b0\u1ee3ng ch\u1eb7t ch\u1ebd, theo d\u00f5i to\u00e0n b\u1ed9 quy tr\u00ecnh s\u1ea3n xu\u1ea5t t\u1eeb nguy\u00ean li\u1ec7u \u0111\u1ea7u v\u00e0o \u0111\u1ebfn s\u1ea3n ph\u1ea9m cu\u1ed1i c\u00f9ng.<\/p>\n          <\/li>\n\n          <li class=\"sfv-about__point\">\n            <span class=\"sfv-about__picon\" aria-hidden=\"true\">\n              <!-- Supply chain -->\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M3 7h10v10H3z\"\/>\n                <path d=\"M13 10h4l4 4v3h-8v-7z\"\/>\n                <path d=\"M7 17a2 2 0 1 0 0 .01\"\/>\n                <path d=\"M17 17a2 2 0 1 0 0 .01\"\/>\n                <path d=\"M13 14h8\"\/>\n              <\/svg>\n            <\/span>\n            <p class=\"sfv-about__ptxt\">N\u0103ng l\u1ef1c cung \u1ee9ng \u1ed5n \u0111\u1ecbnh, \u0111\u00e1p \u1ee9ng nhu c\u1ea7u c\u1ee7a c\u00e1c doanh nghi\u1ec7p s\u1ea3n xu\u1ea5t quy m\u00f4 l\u1edbn.<\/p>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- RIGHT: Image -->\n      <div class=\"sfv-about__right\">\n        <div class=\"sfv-about__media\" role=\"img\" aria-label=\"Nh\u00e0 m\u00e1y SOFAVI (placeholder)\">\n          <!-- Placeholder \u1ea3nh (b\u1ea1n thay link \u1ea3nh th\u1eadt) -->\n          <img decoding=\"async\"\n            class=\"sfv-about__img\"\n            src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/NTD_4834-scaled.jpg\"\n            alt=\"Nh\u00e0 m\u00e1y SOFAVI (placeholder)\"\n            loading=\"lazy\"\n          \/>\n\n          <!-- Info card ch\u1ed3ng -->\n          <div class=\"sfv-about__badge\" aria-label=\"C\u00f4ng su\u1ea5t thi\u1ebft k\u1ebf\">\n            <p class=\"sfv-about__badgeTop\"><span class=\"sfv-about__badgeDot\"><\/span>30.000 t\u1ea5n \/ n\u0103m<\/p>\n            <p class=\"sfv-about__badgeSub\">C\u00f4ng su\u1ea5t thi\u1ebft k\u1ebf c\u1ee7a nh\u00e0 m\u00e1y Sorbitol<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ Motion khi section v\u00e0o viewport\n    (function(){\n      const s = document.querySelector(\".sfv-about\");\n      if(!s) return;\n      const io = new IntersectionObserver((es)=>{\n        es.forEach(e=>{\n          if(e.isIntersecting){\n            s.classList.add(\"is-inview\");\n            io.disconnect();\n          }\n        });\n      },{threshold:0.18});\n      io.observe(s);\n    })();\n  <\/script>\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-36738655\">\n\n\n\t<div id=\"col-758939188\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- =======================\nSOFAVI \u2014 PRODUCTS SECTION (FULL \u2022 UPDATED)\nFix: header spacing g\u1ecdn \u2022 tags li\u1ec1n c\u1ee5m \u2022 CTA c\u00f3 khung (outline pill)\nGrid 3\/2\/1 \u2022 card clean + depth \u2022 placeholder images \u2022 reveal motion\n======================= -->\n<section class=\"sfv-products\" aria-label=\"S\u1ea3n ph\u1ea9m SOFAVI\">\n  <style>\n    :root{\n      --sfv-navy:#063D5E;\n      --sfv-teal:#0B93A0;\n      --sfv-aqua:#37D1D1;\n      --sfv-bg:#F7F9FB;\n      --sfv-white:#FFFFFF;\n      --sfv-muted:#4A5A6A;\n      --sfv-muted2:#5A6B7B;\n      --sfv-line:rgba(6,61,94,.10);\n    }\n\n    \/* ===== Force SHARP typography ===== *\/\n    .sfv-products, .sfv-products *{\n      font-family:\"Helvetica Neue\", Helvetica, Arial, Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif !important;\n      -webkit-font-smoothing: antialiased !important;\n      -moz-osx-font-smoothing: grayscale !important;\n      text-rendering: geometricPrecision !important;\n      box-sizing:border-box;\n    }\n\n    \/* ===== Section spacing (CO PH\u1ea6N \u0110\u1ea6U) ===== *\/\n    .sfv-products{\n      width:100%;\n      background:\n        radial-gradient(1100px 280px at 50% 0%, rgba(11,147,160,.08), rgba(0,0,0,0) 55%),\n        linear-gradient(180deg, #F7F9FB 0%, #F2F6F9 100%);\n      padding: 56px 0; \/* FIX: g\u1ecdn h\u01a1n (tr\u01b0\u1edbc 76px) *\/\n      overflow:hidden;\n    }\n\n    .sfv-products__wrap{\n      max-width:1200px;\n      margin:0 auto;\n      padding: 0 clamp(16px, 3vw, 26px);\n    }\n\n    \/* ===== Header center (g\u1ecdn) ===== *\/\n    .sfv-products__head{\n      text-align:center;\n      max-width: 840px;\n      margin: 0 auto 28px; \/* FIX: g\u1ecdn h\u01a1n *\/\n      opacity:0;\n      transform: translateY(16px);\n    }\n\n    .sfv-products.is-inview .sfv-products__head{\n      animation: sfvFadeUp .72s cubic-bezier(.2,.8,.2,1) both;\n    }\n\n    .sfv-products__eyebrow{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      margin:0 0 8px 0; \/* FIX *\/\n      font-size:14px;\n      font-weight:600;\n      letter-spacing:.08em;\n      text-transform:uppercase;\n      color: var(--sfv-teal);\n    }\n    .sfv-products__eyebrow::before,\n    .sfv-products__eyebrow::after{\n      content:\"\";\n      width:26px; height:2px;\n      border-radius:999px;\n      opacity:.95;\n    }\n    .sfv-products__eyebrow::before{\n      background: linear-gradient(90deg, rgba(11,147,160,0), rgba(11,147,160,.95));\n    }\n    .sfv-products__eyebrow::after{\n      background: linear-gradient(90deg, rgba(11,147,160,.95), rgba(11,147,160,0));\n    }\n\n    .sfv-products__h2{\n      margin:0 0 10px 0; \/* FIX *\/\n      font-weight:900;\n      letter-spacing:-.02em;\n      color: var(--sfv-navy);\n      font-size:40px;\n      line-height:1.2;\n      text-shadow: 0 18px 30px rgba(6,61,94,.10);\n    }\n\n    .sfv-products__sub{\n      margin:0;\n      color: var(--sfv-muted);\n      font-size:16px;\n      line-height:1.7;\n      max-width:760px; \/* FIX *\/\n      margin-left:auto;\n      margin-right:auto;\n    }\n\n    \/* ===== Grid ===== *\/\n    .sfv-products__grid{\n      display:grid;\n      grid-template-columns: repeat(3, minmax(0,1fr));\n      gap: 34px;\n      align-items:stretch;\n    }\n\n    \/* ===== Card ===== *\/\n    .sfv-prod{\n      background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,1) 100%);\n      border-radius:16px;\n      overflow:hidden;\n      border:1px solid rgba(6,61,94,.10);\n      box-shadow:\n        0 18px 55px rgba(6,61,94,.10),\n        0 6px 16px rgba(0,0,0,.06);\n      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;\n      position:relative;\n\n      opacity:0;\n      transform: translateY(18px);\n      will-change: transform;\n    }\n\n    .sfv-products.is-inview .sfv-prod{\n      animation: sfvFadeUp .72s cubic-bezier(.2,.8,.2,1) both;\n    }\n    .sfv-products.is-inview .sfv-prod:nth-child(1){ animation-delay:.08s; }\n    .sfv-products.is-inview .sfv-prod:nth-child(2){ animation-delay:.18s; }\n    .sfv-products.is-inview .sfv-prod:nth-child(3){ animation-delay:.28s; }\n\n    .sfv-prod:hover{\n      transform: translateY(-6px);\n      border-color: rgba(11,147,160,.32);\n      box-shadow:\n        0 26px 75px rgba(6,61,94,.14),\n        0 10px 26px rgba(0,0,0,.08),\n        0 0 42px rgba(55,209,209,.10);\n    }\n\n    \/* ===== Image area ===== *\/\n    .sfv-prod__media{\n      height: 176px;\n      position:relative;\n      background: #EAF3F6;\n      overflow:hidden;\n    }\n\n    .sfv-prod__img{\n      width:100%; height:100%;\n      object-fit:cover;\n      object-position:center;\n      transform: scale(1);\n      transition: transform 1.2s ease;\n      filter: contrast(1.03) saturate(1.02);\n      display:block;\n    }\n    .sfv-prod:hover .sfv-prod__img{ transform: scale(1.05); }\n\n    .sfv-prod__media::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background: linear-gradient(90deg, rgba(6,61,94,.10) 0%, rgba(6,61,94,.05) 45%, rgba(6,61,94,0) 100%);\n      pointer-events:none;\n    }\n\n    \/* ===== Body ===== *\/\n    .sfv-prod__body{\n      padding: 18px 18px 16px;\n    }\n\n    .sfv-prod__title{\n      margin: 0 0 8px 0;\n      font-size: 22px;\n      font-weight: 900;\n      letter-spacing:-.015em;\n      color: var(--sfv-navy);\n      line-height:1.15;\n      text-shadow: 0 14px 26px rgba(6,61,94,.10);\n    }\n\n    .sfv-prod__desc{\n      margin: 0 0 12px 0;\n      font-size: 14.6px;\n      line-height: 1.6;\n      color: var(--sfv-muted2);\n      min-height: 46px;\n    }\n\n    \/* ===== TAGS (FIX: li\u1ec1n c\u1ee5m, \u0111\u1ee1 r\u1eddi r\u1ea1c) ===== *\/\n    .sfv-prod__tags{\n      display:flex;\n      flex-wrap:wrap;\n      gap:8px 8px;\n      margin: 0 0 12px 0;\n      padding: 8px 10px;              \/* FIX: gom c\u1ee5m *\/\n      list-style:none;\n      border-radius:12px;\n      background: rgba(247,249,251,.85);\n      border: 1px solid rgba(6,61,94,.08);\n      align-items:center;\n    }\n\n    .sfv-tag{\n      font-size:12.5px;\n      line-height:1;\n      color: rgba(6,61,94,.84);\n      background: rgba(6,61,94,.05);\n      border: 1px solid rgba(6,61,94,.10);\n      padding: 7px 12px;\n      border-radius:999px;\n      letter-spacing:.005em;\n      user-select:none;\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);\n      white-space:nowrap;\n    }\n\n    \/* ===== CTA (FIX: c\u00f3 khung) ===== *\/\n    .sfv-prod__link{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      color: var(--sfv-teal);\n      text-decoration:none;\n      font-weight:900;\n      font-size:14px;\n      letter-spacing:.01em;\n\n      border: 1.5px solid rgba(11,147,160,.45); \/* FIX *\/\n      border-radius: 999px;                      \/* FIX *\/\n      padding: 10px 14px;                        \/* FIX *\/\n      background: rgba(255,255,255,.75);\n      box-shadow: 0 10px 22px rgba(6,61,94,.08);\n      line-height:1;\n\n      transition: color .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;\n      will-change: transform;\n    }\n\n    \/* b\u1ecf underline c\u0169 *\/\n    .sfv-prod__link::after{ display:none; }\n\n    .sfv-prod__link:hover{\n      color: var(--sfv-aqua);\n      transform: translateY(-2px);\n      border-color: rgba(55,209,209,.75);\n      background: rgba(55,209,209,.10);\n      box-shadow:\n        0 14px 30px rgba(6,61,94,.12),\n        0 0 24px rgba(55,209,209,.16);\n    }\n\n    .sfv-prod__link:focus-visible{\n      outline:none;\n      box-shadow:\n        0 14px 30px rgba(6,61,94,.12),\n        0 0 0 4px rgba(55,209,209,.18);\n    }\n\n    .sfv-arrow{\n      width:18px; height:18px;\n      display:inline-block;\n      color: currentColor;\n    }\n    .sfv-arrow svg{\n      width:18px; height:18px;\n      stroke: currentColor;\n      fill:none;\n      stroke-width:2.2;\n      stroke-linecap:round;\n      stroke-linejoin:round;\n      display:block;\n    }\n\n    @keyframes sfvFadeUp{\n      from{ opacity:0; transform: translateY(18px); }\n      to{ opacity:1; transform: translateY(0); }\n    }\n\n    \/* ===== Responsive ===== *\/\n    @media (max-width: 1024px){\n      .sfv-products{ padding: 52px 0; }\n      .sfv-products__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }\n      .sfv-products__h2{ font-size: 34px; }\n    }\n\n    @media (max-width: 640px){\n      .sfv-products{ padding: 42px 0; }\n      .sfv-products__head{ margin-bottom: 22px; }\n      .sfv-products__h2{ font-size: 31px; }\n      .sfv-products__grid{ grid-template-columns: 1fr; gap: 14px; }\n      .sfv-prod__media{ height: 170px; }\n    }\n\n    html, body{ overflow-x:hidden; }\n  <\/style>\n\n  <div class=\"sfv-products__wrap\">\n\n    <!-- Header -->\n    <header class=\"sfv-products__head\">\n      <p class=\"sfv-products__eyebrow\">S\u1ea2N PH\u1ea8M<\/p>\n      <h2 class=\"sfv-products__h2\">S\u1ea3n ph\u1ea9m Sorbitol ch\u1ea5t l\u01b0\u1ee3ng cao cho nhi\u1ec1u ng\u00e0nh c\u00f4ng nghi\u1ec7p<\/h2>\n      <p class=\"sfv-products__sub\">\n        Sorbitol l\u00e0 m\u1ed9t h\u1ee3p ch\u1ea5t \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng r\u1ed9ng r\u00e3i trong nhi\u1ec1u l\u0129nh v\u1ef1c c\u00f4ng nghi\u1ec7p nh\u01b0 th\u1ef1c ph\u1ea9m, d\u01b0\u1ee3c ph\u1ea9m,\n        m\u1ef9 ph\u1ea9m v\u00e0 c\u00e1c ng\u00e0nh s\u1ea3n xu\u1ea5t kh\u00e1c. V\u1edbi quy tr\u00ecnh s\u1ea3n xu\u1ea5t \u0111\u01b0\u1ee3c ki\u1ec3m so\u00e1t ch\u1eb7t ch\u1ebd, SOFAVI cung c\u1ea5p ngu\u1ed3n\n        Sorbitol \u1ed5n \u0111\u1ecbnh, \u0111\u00e1p \u1ee9ng c\u00e1c y\u00eau c\u1ea7u ch\u1ea5t l\u01b0\u1ee3ng c\u1ee7a doanh nghi\u1ec7p trong v\u00e0 ngo\u00e0i n\u01b0\u1edbc.\n      <\/p>\n    <\/header>\n\n    <!-- Grid -->\n    <div class=\"sfv-products__grid\">\n\n      <!-- Card 1 -->\n      <article class=\"sfv-prod\">\n        <div class=\"sfv-prod__media\">\n          <!-- Placeholder \u1ea3nh s\u1ea3n ph\u1ea9m\/nh\u00e0 m\u00e1y (thay link sau) -->\n          <img decoding=\"async\" class=\"sfv-prod__img\"\n               src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/sorbitol-long_-6-.png\"\n               alt=\"Sorbitol (placeholder)\" loading=\"lazy\">\n        <\/div>\n        <div class=\"sfv-prod__body\">\n          <h3 class=\"sfv-prod__title\">Sorbitol<\/h3>\n          <p class=\"sfv-prod__desc\">\n            Nguy\u00ean li\u1ec7u Sorbitol \u0111\u01b0\u1ee3c s\u1ea3n xu\u1ea5t theo quy tr\u00ecnh ki\u1ec3m so\u00e1t ch\u1eb7t ch\u1ebd, ph\u00f9 h\u1ee3p cho nhi\u1ec1u ng\u00e0nh c\u00f4ng nghi\u1ec7p.\n          <\/p>\n\n          <ul class=\"sfv-prod__tags\" aria-label=\"Ng\u00e0nh \u1ee9ng d\u1ee5ng\">\n            <li class=\"sfv-tag\">Th\u1ef1c ph\u1ea9m<\/li>\n            <li class=\"sfv-tag\">D\u01b0\u1ee3c ph\u1ea9m<\/li>\n            <li class=\"sfv-tag\">M\u1ef9 ph\u1ea9m<\/li>\n            <li class=\"sfv-tag\">C\u00f4ng nghi\u1ec7p<\/li>\n          <\/ul>\n\n          <a class=\"sfv-prod__link\" href=\"#product-sorbitol\" aria-label=\"Xem chi ti\u1ebft Sorbitol\">\n            Xem chi ti\u1ebft\n            <span class=\"sfv-arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n            <\/span>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 2 -->\n      <article class=\"sfv-prod\">\n        <div class=\"sfv-prod__media\">\n          <img decoding=\"async\" class=\"sfv-prod__img\"\n               src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/AVATAR-FOOD.jpg\"\n               alt=\"\u1ee8ng d\u1ee5ng th\u1ef1c ph\u1ea9m (placeholder)\" loading=\"lazy\">\n        <\/div>\n        <div class=\"sfv-prod__body\">\n          <h3 class=\"sfv-prod__title\">Sorbitol cho Th\u1ef1c ph\u1ea9m<\/h3>\n          <p class=\"sfv-prod__desc\">\n            Ph\u00f9 h\u1ee3p cho c\u00e1c \u1ee9ng d\u1ee5ng th\u1ef1c ph\u1ea9m, gi\u00fap t\u1ed1i \u01b0u c\u00f4ng th\u1ee9c s\u1ea3n ph\u1ea9m v\u00e0 \u0111\u1ea3m b\u1ea3o t\u00ednh \u1ed5n \u0111\u1ecbnh trong s\u1ea3n xu\u1ea5t.\n          <\/p>\n\n          <ul class=\"sfv-prod__tags\" aria-label=\"\u1ee8ng d\u1ee5ng ti\u00eau bi\u1ec3u\">\n            <li class=\"sfv-tag\">\u0110\u1ed3 u\u1ed1ng<\/li>\n            <li class=\"sfv-tag\">B\u00e1nh k\u1eb9o<\/li>\n            <li class=\"sfv-tag\">Th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng<\/li>\n          <\/ul>\n\n          <a class=\"sfv-prod__link\" href=\"#product-food\" aria-label=\"Xem chi ti\u1ebft Sorbitol cho Th\u1ef1c ph\u1ea9m\">\n            Xem chi ti\u1ebft\n            <span class=\"sfv-arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n            <\/span>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 3 -->\n      <article class=\"sfv-prod\">\n        <div class=\"sfv-prod__media\">\n          <img decoding=\"async\" class=\"sfv-prod__img\"\n               src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/sorbitol-mp.jpg\"\n               alt=\"\u1ee8ng d\u1ee5ng d\u01b0\u1ee3c &#038; m\u1ef9 ph\u1ea9m (placeholder)\" loading=\"lazy\">\n        <\/div>\n        <div class=\"sfv-prod__body\">\n          <h3 class=\"sfv-prod__title\">Sorbitol cho D\u01b0\u1ee3c &amp; M\u1ef9 ph\u1ea9m<\/h3>\n          <p class=\"sfv-prod__desc\">\n            \u0110\u00e1p \u1ee9ng c\u00e1c y\u00eau c\u1ea7u ch\u1ea5t l\u01b0\u1ee3ng trong \u1ee9ng d\u1ee5ng d\u01b0\u1ee3c ph\u1ea9m v\u00e0 m\u1ef9 ph\u1ea9m, t\u1ed1i \u01b0u \u0111\u1ed9 \u1ed5n \u0111\u1ecbnh v\u00e0 hi\u1ec7u qu\u1ea3 c\u00f4ng th\u1ee9c.\n          <\/p>\n\n          <ul class=\"sfv-prod__tags\" aria-label=\"\u1ee8ng d\u1ee5ng ti\u00eau bi\u1ec3u\">\n            <li class=\"sfv-tag\">D\u01b0\u1ee3c ph\u1ea9m<\/li>\n            <li class=\"sfv-tag\">Kem\/gel<\/li>\n            <li class=\"sfv-tag\">Ch\u0103m s\u00f3c c\u00e1 nh\u00e2n<\/li>\n          <\/ul>\n\n          <a class=\"sfv-prod__link\" href=\"#product-pharma\" aria-label=\"Xem chi ti\u1ebft Sorbitol cho D\u01b0\u1ee3c &#038; M\u1ef9 ph\u1ea9m\">\n            Xem chi ti\u1ebft\n            <span class=\"sfv-arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n            <\/span>\n          <\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ Reveal on scroll (fade up)\n    (function(){\n      const s = document.querySelector(\".sfv-products\");\n      if(!s) return;\n\n      const io = new IntersectionObserver((es)=>{\n        es.forEach(e=>{\n          if(e.isIntersecting){\n            s.classList.add(\"is-inview\");\n            io.disconnect();\n          }\n        });\n      }, {threshold:0.16});\n\n      io.observe(s);\n    })();\n  <\/script>\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-678002206\">\n\n\n\t<div id=\"col-1292643022\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- =======================\nSOFAVI \u2014 FACTORY & TECHNOLOGY SECTION (ONE-PASTE)\nBG #F7F9FB \u2022 Header center \u2022 Big factory image (placeholder) \u2022 4-step process timeline (4\/2\/1)\nMotion: image fade-in + steps fade-up stagger \u2022 Sharp typography \u2022 Brand colors\n======================= -->\n<section class=\"sfv-factory\" aria-label=\"Nh\u00e0 m\u00e1y v\u00e0 c\u00f4ng ngh\u1ec7 SOFAVI\">\n  <style>\n    :root{\n      --sfv-navy:#063D5E;\n      --sfv-teal:#0B93A0;\n      --sfv-aqua:#37D1D1;\n      --sfv-bg:#F7F9FB;\n      --sfv-white:#FFFFFF;\n      --sfv-muted:#4A5A6A;\n      --sfv-muted2:#5A6B7B;\n      --sfv-line:rgba(6,61,94,.10);\n    }\n\n    \/* ===== Force SHARP typography ===== *\/\n    .sfv-factory, .sfv-factory *{\n      font-family:\"Helvetica Neue\", Helvetica, Arial, Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif !important;\n      -webkit-font-smoothing: antialiased !important;\n      -moz-osx-font-smoothing: grayscale !important;\n      text-rendering: geometricPrecision !important;\n      box-sizing:border-box;\n    }\n\n    .sfv-factory{\n      width:100%;\n      background:\n        radial-gradient(1100px 300px at 50% 0%, rgba(11,147,160,.08), rgba(0,0,0,0) 58%),\n        linear-gradient(180deg, #F7F9FB 0%, #F2F6F9 100%);\n      padding: 64px 0; \/* desktop target 620\u2013720 *\/\n      overflow:hidden;\n    }\n\n    .sfv-factory__wrap{\n      max-width:1200px;\n      margin:0 auto;\n      padding: 0 clamp(16px, 3vw, 26px);\n    }\n\n    \/* ===== Header center ===== *\/\n    .sfv-factory__head{\n      text-align:center;\n      max-width: 920px;\n      margin: 0 auto 40px; \/* kho\u1ea3ng th\u1edf tr\u01b0\u1edbc \u1ea3nh *\/\n      opacity:0;\n      transform: translateY(16px);\n    }\n\n    .sfv-factory.is-inview .sfv-factory__head{\n      animation: sfvFadeUp .72s cubic-bezier(.2,.8,.2,1) both;\n    }\n\n    .sfv-factory__eyebrow{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      margin:0 0 8px 0;\n      font-size:14px;\n      font-weight:600;\n      letter-spacing:.08em;\n      text-transform:uppercase;\n      color: var(--sfv-teal);\n    }\n    .sfv-factory__eyebrow::before,\n    .sfv-factory__eyebrow::after{\n      content:\"\";\n      width:26px; height:2px;\n      border-radius:999px;\n      opacity:.95;\n    }\n    .sfv-factory__eyebrow::before{\n      background: linear-gradient(90deg, rgba(11,147,160,0), rgba(11,147,160,.95));\n    }\n    .sfv-factory__eyebrow::after{\n      background: linear-gradient(90deg, rgba(11,147,160,.95), rgba(11,147,160,0));\n    }\n\n    .sfv-factory__h2{\n      margin:0 0 10px 0;\n      font-weight:900;\n      letter-spacing:-.02em;\n      color: var(--sfv-navy);\n      font-size:40px; \/* 38\u201340 *\/\n      line-height:1.2;\n      text-shadow: 0 18px 30px rgba(6,61,94,.10);\n    }\n\n    .sfv-factory__sub{\n      margin:0;\n      color: var(--sfv-muted);\n      font-size:16px;\n      line-height:1.7;\n      max-width: 820px;\n      margin-left:auto;\n      margin-right:auto;\n    }\n\n    \/* ===== Big factory image ===== *\/\n    .sfv-factory__hero{\n      position:relative;\n      border-radius:16px;\n      overflow:hidden;\n      height: 400px; \/* 360\u2013420 *\/\n      background: #EAF3F6;\n      border:1px solid rgba(6,61,94,.10);\n      box-shadow:\n        0 28px 80px rgba(6,61,94,.14),\n        0 10px 26px rgba(0,0,0,.08);\n      opacity:0;\n      transform: translateY(12px);\n      will-change: transform;\n    }\n\n    .sfv-factory.is-inview .sfv-factory__hero{\n      animation: sfvFadeIn .78s cubic-bezier(.2,.8,.2,1) both;\n      animation-delay:.08s;\n    }\n\n    .sfv-factory__img{\n      position:absolute; inset:0;\n      width:100%; height:100%;\n      object-fit:cover;\n      object-position:center;\n      transform: scale(1);\n      transition: transform 1.2s ease;\n      filter: contrast(1.04) saturate(1.02);\n      display:block;\n    }\n\n    .sfv-factory__hero:hover .sfv-factory__img{\n      transform: scale(1.04);\n    }\n\n    \/* overlay gradient nh\u1eb9 \u0111\u1ec3 t\u1ea1o chi\u1ec1u s\u00e2u *\/\n    .sfv-factory__hero::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:\n        radial-gradient(900px 320px at 15% 18%, rgba(11,147,160,.16), rgba(0,0,0,0) 55%),\n        linear-gradient(90deg, rgba(6,61,94,.18) 0%, rgba(6,61,94,.08) 45%, rgba(6,61,94,0) 100%),\n        linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.16) 100%);\n      pointer-events:none;\n    }\n\n    \/* label nh\u1ecf (optional) *\/\n    .sfv-factory__stamp{\n      position:absolute;\n      left:16px;\n      top:16px;\n      padding:10px 12px;\n      border-radius:999px;\n      background: rgba(255,255,255,.86);\n      border:1px solid rgba(6,61,94,.12);\n      backdrop-filter: blur(10px);\n      box-shadow: 0 14px 30px rgba(6,61,94,.12);\n      color: var(--sfv-navy);\n      font-weight:900;\n      font-size:13px;\n      letter-spacing:.04em;\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n    }\n\n    .sfv-factory__dot{\n      width:10px; height:10px;\n      border-radius:999px;\n      background: radial-gradient(circle at 30% 30%, var(--sfv-aqua), var(--sfv-teal));\n      box-shadow: 0 0 14px rgba(55,209,209,.22);\n    }\n\n    \/* ===== Process timeline (4\/2\/1) ===== *\/\n    .sfv-factory__process{\n      margin-top: 28px;\n      display:grid;\n      grid-template-columns: repeat(4, minmax(0,1fr));\n      gap: 34px; \/* 30\u201336 *\/\n      align-items:stretch;\n    }\n\n    .sfv-step{\n      background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,1) 100%);\n      border:1px solid rgba(6,61,94,.10);\n      border-radius:16px;\n      padding: 18px 18px 16px;\n      box-shadow:\n        0 18px 55px rgba(6,61,94,.08),\n        0 6px 16px rgba(0,0,0,.05);\n      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;\n      position:relative;\n\n      opacity:0;\n      transform: translateY(18px);\n      will-change: transform;\n      min-height: 230px;\n    }\n\n    .sfv-factory.is-inview .sfv-step{\n      animation: sfvFadeUp .72s cubic-bezier(.2,.8,.2,1) both;\n    }\n    .sfv-factory.is-inview .sfv-step:nth-child(1){ animation-delay:.10s; }\n    .sfv-factory.is-inview .sfv-step:nth-child(2){ animation-delay:.20s; }\n    .sfv-factory.is-inview .sfv-step:nth-child(3){ animation-delay:.30s; }\n    .sfv-factory.is-inview .sfv-step:nth-child(4){ animation-delay:.40s; }\n\n    .sfv-step:hover{\n      transform: translateY(-6px);\n      border-color: rgba(11,147,160,.30);\n      box-shadow:\n        0 26px 75px rgba(6,61,94,.12),\n        0 10px 26px rgba(0,0,0,.07),\n        0 0 40px rgba(55,209,209,.10);\n    }\n\n    .sfv-step__top{\n      display:flex;\n      align-items:center;\n      gap:12px;\n      margin-bottom: 10px;\n    }\n\n    .sfv-step__icon{\n      width:46px; height:46px;\n      border-radius:16px;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      background: linear-gradient(180deg, rgba(11,147,160,.16), rgba(11,147,160,.08));\n      box-shadow:\n        inset 0 0 0 1px rgba(11,147,160,.22),\n        0 16px 30px rgba(6,61,94,.10);\n      color: var(--sfv-teal);\n      transition: transform .22s ease, color .22s ease, background .22s ease, box-shadow .22s ease;\n      flex:0 0 46px;\n    }\n\n    .sfv-step__icon svg{\n      width:24px; height:24px;\n      stroke: currentColor;\n      fill:none;\n      stroke-width:2.2;\n      stroke-linecap:round;\n      stroke-linejoin:round;\n      shape-rendering: geometricPrecision;\n      display:block;\n    }\n\n    .sfv-step:hover .sfv-step__icon{\n      transform: translateY(-2px);\n      color: var(--sfv-aqua);\n      background: linear-gradient(180deg, rgba(55,209,209,.18), rgba(55,209,209,.10));\n      box-shadow:\n        inset 0 0 0 1px rgba(55,209,209,.28),\n        0 18px 34px rgba(6,61,94,.14),\n        0 0 20px rgba(55,209,209,.14);\n    }\n\n    .sfv-step__title{\n      margin:0;\n      font-size:18px;\n      font-weight:900;\n      letter-spacing:-.01em;\n      color: var(--sfv-navy);\n      line-height:1.15;\n      text-shadow: 0 14px 26px rgba(6,61,94,.10);\n    }\n\n    .sfv-step__desc{\n      margin:0;\n      font-size:14.6px;\n      line-height:1.6;\n      color: var(--sfv-muted2);\n    }\n\n    @keyframes sfvFadeUp{\n      from{ opacity:0; transform: translateY(18px); }\n      to{ opacity:1; transform: translateY(0); }\n    }\n    @keyframes sfvFadeIn{\n      from{ opacity:0; transform: translateY(12px); }\n      to{ opacity:1; transform: translateY(0); }\n    }\n\n    \/* ===== Responsive ===== *\/\n    @media (max-width: 1024px){\n      .sfv-factory{ padding: 56px 0; }\n      .sfv-factory__h2{ font-size: 34px; }\n      .sfv-factory__hero{ height: 380px; }\n      .sfv-factory__process{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }\n    }\n\n    @media (max-width: 640px){\n      .sfv-factory{ padding: 46px 0; } \/* mobile target 900\u20131100 t\u00f9y n\u1ed9i dung *\/\n      .sfv-factory__head{ margin-bottom: 28px; }\n      .sfv-factory__h2{ font-size: 31px; } \/* 30\u201332 *\/\n      .sfv-factory__hero{ height: 320px; } \/* mobile *\/\n      .sfv-factory__process{ grid-template-columns: 1fr; gap: 14px; }\n    }\n\n    html, body{ overflow-x:hidden; }\n  <\/style>\n\n  <div class=\"sfv-factory__wrap\">\n\n    <!-- Header -->\n    <header class=\"sfv-factory__head\">\n      <p class=\"sfv-factory__eyebrow\">NH\u00c0 M\u00c1Y &amp; C\u00d4NG NGH\u1ec6<\/p>\n      <h2 class=\"sfv-factory__h2\">H\u1ec7 th\u1ed1ng s\u1ea3n xu\u1ea5t Sorbitol hi\u1ec7n \u0111\u1ea1i v\u00e0 quy tr\u00ecnh ki\u1ec3m so\u00e1t ch\u1eb7t ch\u1ebd<\/h2>\n      <p class=\"sfv-factory__sub\">\n        Nh\u00e0 m\u00e1y SOFAVI \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng v\u1edbi h\u1ec7 th\u1ed1ng d\u00e2y chuy\u1ec1n s\u1ea3n xu\u1ea5t hi\u1ec7n \u0111\u1ea1i c\u00f9ng quy tr\u00ecnh ki\u1ec3m so\u00e1t nghi\u00eam ng\u1eb7t trong to\u00e0n b\u1ed9 qu\u00e1 tr\u00ecnh v\u1eadn h\u00e0nh.\n        T\u1eeb nguy\u00ean li\u1ec7u \u0111\u1ea7u v\u00e0o \u0111\u1ebfn s\u1ea3n ph\u1ea9m cu\u1ed1i c\u00f9ng, m\u1ecdi c\u00f4ng \u0111o\u1ea1n \u0111\u1ec1u \u0111\u01b0\u1ee3c theo d\u00f5i v\u00e0 ki\u1ec3m so\u00e1t nh\u1eb1m \u0111\u1ea3m b\u1ea3o ch\u1ea5t l\u01b0\u1ee3ng \u1ed5n \u0111\u1ecbnh v\u00e0 an to\u00e0n cho\n        c\u00e1c doanh nghi\u1ec7p s\u1eed d\u1ee5ng Sorbitol trong s\u1ea3n xu\u1ea5t.\n      <\/p>\n    <\/header>\n\n    <!-- Big image -->\n    <div class=\"sfv-factory__hero\" role=\"img\" aria-label=\"H\u00ecnh \u1ea3nh nh\u00e0 m\u00e1y SOFAVI (placeholder)\">\n      <!-- Placeholder \u1ea3nh nh\u00e0 m\u00e1y (b\u1ea1n thay link \u1ea3nh th\u1eadt) -->\n      <img decoding=\"async\" class=\"sfv-factory__img\"\n           src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/NTD_4820-scaled.jpg\"\n           alt=\"Nh\u00e0 m\u00e1y SOFAVI (placeholder)\" loading=\"lazy\">\n\n      <div class=\"sfv-factory__stamp\" aria-label=\"M\u00f4i tr\u01b0\u1eddng s\u1ea3n xu\u1ea5t s\u1ea1ch\">\n        <span class=\"sfv-factory__dot\" aria-hidden=\"true\"><\/span>\n        Clean Industrial Facility\n      <\/div>\n    <\/div>\n\n    <!-- Process timeline -->\n    <div class=\"sfv-factory__process\" aria-label=\"Quy tr\u00ecnh s\u1ea3n xu\u1ea5t Sorbitol\">\n\n      <!-- Step 1 -->\n      <article class=\"sfv-step\">\n        <div class=\"sfv-step__top\">\n          <div class=\"sfv-step__icon\" aria-hidden=\"true\" title=\"Nguy\u00ean li\u1ec7u \u0111\u1ea7u v\u00e0o\">\n            <!-- Inbox \/ input -->\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M3 12h6l2 3h2l2-3h6\"\/>\n              <path d=\"M5 5h14v14H5z\"\/>\n              <path d=\"M8 9h8\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"sfv-step__title\">Nguy\u00ean li\u1ec7u \u0111\u1ea7u v\u00e0o<\/h3>\n        <\/div>\n        <p class=\"sfv-step__desc\">Nguy\u00ean li\u1ec7u \u0111\u01b0\u1ee3c ki\u1ec3m tra v\u00e0 chu\u1ea9n h\u00f3a tr\u01b0\u1edbc khi \u0111\u01b0a v\u00e0o quy tr\u00ecnh s\u1ea3n xu\u1ea5t.<\/p>\n      <\/article>\n\n      <!-- Step 2 -->\n      <article class=\"sfv-step\">\n        <div class=\"sfv-step__top\">\n          <div class=\"sfv-step__icon\" aria-hidden=\"true\" title=\"Quy tr\u00ecnh s\u1ea3n xu\u1ea5t\">\n            <!-- Gear \/ process -->\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z\"\/>\n              <path d=\"M19.4 15a8.6 8.6 0 0 0 .1-2l2-1.2-2-3.5-2.3.6a8.9 8.9 0 0 0-1.7-1L15 5h-4l-.5 2a8.9 8.9 0 0 0-1.7 1L6.5 7.4l-2 3.5 2 1.2a8.6 8.6 0 0 0 .1 2l-2 1.2 2 3.5 2.3-.6a8.9 8.9 0 0 0 1.7 1L11 19h4l.5-2a8.9 8.9 0 0 0 1.7-1l2.3.6 2-3.5-2-1.2z\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"sfv-step__title\">Quy tr\u00ecnh s\u1ea3n xu\u1ea5t<\/h3>\n        <\/div>\n        <p class=\"sfv-step__desc\">H\u1ec7 th\u1ed1ng d\u00e2y chuy\u1ec1n c\u00f4ng ngh\u1ec7 th\u1ef1c hi\u1ec7n c\u00e1c b\u01b0\u1edbc chuy\u1ec3n h\u00f3a v\u00e0 x\u1eed l\u00fd theo ti\u00eau chu\u1ea9n k\u1ef9 thu\u1eadt.<\/p>\n      <\/article>\n\n      <!-- Step 3 -->\n      <article class=\"sfv-step\">\n        <div class=\"sfv-step__top\">\n          <div class=\"sfv-step__icon\" aria-hidden=\"true\" title=\"Ki\u1ec3m so\u00e1t ch\u1ea5t l\u01b0\u1ee3ng\">\n            <!-- Check \/ quality -->\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M20 6L9 17l-5-5\"\/>\n              <path d=\"M21 12a9 9 0 1 1-5-8\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"sfv-step__title\">Ki\u1ec3m so\u00e1t ch\u1ea5t l\u01b0\u1ee3ng<\/h3>\n        <\/div>\n        <p class=\"sfv-step__desc\">M\u1ed7i giai \u0111o\u1ea1n s\u1ea3n xu\u1ea5t \u0111\u1ec1u \u0111\u01b0\u1ee3c theo d\u00f5i v\u00e0 ki\u1ec3m tra nh\u1eb1m \u0111\u1ea3m b\u1ea3o ch\u1ea5t l\u01b0\u1ee3ng \u1ed5n \u0111\u1ecbnh.<\/p>\n      <\/article>\n\n      <!-- Step 4 -->\n      <article class=\"sfv-step\">\n        <div class=\"sfv-step__top\">\n          <div class=\"sfv-step__icon\" aria-hidden=\"true\" title=\"\u0110\u00f3ng g\u00f3i v\u00e0 cung \u1ee9ng\">\n            <!-- Package \/ truck -->\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M3 7h10v10H3z\"\/>\n              <path d=\"M13 10h4l4 4v3h-8v-7z\"\/>\n              <path d=\"M7 17a2 2 0 1 0 0 .01\"\/>\n              <path d=\"M17 17a2 2 0 1 0 0 .01\"\/>\n              <path d=\"M13 14h8\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"sfv-step__title\">\u0110\u00f3ng g\u00f3i v\u00e0 cung \u1ee9ng<\/h3>\n        <\/div>\n        <p class=\"sfv-step__desc\">S\u1ea3n ph\u1ea9m Sorbitol \u0111\u01b0\u1ee3c \u0111\u00f3ng g\u00f3i v\u00e0 ph\u00e2n ph\u1ed1i \u0111\u1ebfn c\u00e1c doanh nghi\u1ec7p trong nhi\u1ec1u ng\u00e0nh c\u00f4ng nghi\u1ec7p.<\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ Reveal on scroll (image fade-in + steps fade-up)\n    (function(){\n      const s = document.querySelector(\".sfv-factory\");\n      if(!s) return;\n\n      const io = new IntersectionObserver((es)=>{\n        es.forEach(e=>{\n          if(e.isIntersecting){\n            s.classList.add(\"is-inview\");\n            io.disconnect();\n          }\n        });\n      }, {threshold:0.14});\n\n      io.observe(s);\n    })();\n  <\/script>\n<\/section>\n\n\n\n<!-- =========================\nSOFAVI \u2014 PACKAGING OPTIONS (ONE-PASTE \u2022 FULL)\nQuy c\u00e1ch \u0111\u00f3ng g\u00f3i \u2022 \u0111\u1ed3ng b\u1ed9 m\u00e0u SFV \u2022 nhi\u1ec1u h\u00ecnh \u1ea3nh \u2022 motion nh\u1eb9\nB\u1ea1n ch\u1ec9 c\u1ea7n thay link \u1ea3nh th\u1eadt (src=\"...\") theo HSNL\n========================= -->\n<section class=\"sfv-pack\" id=\"sfv-packaging\" aria-label=\"Quy c\u00e1ch \u0111\u00f3ng g\u00f3i SOFAVI\">\n  <style>\n    :root{\n      --sfv-navy:#063D5E;\n      --sfv-teal:#0B93A0;\n      --sfv-aqua:#37D1D1;\n      --sfv-white:#FFFFFF;\n\n      --sfv-ink:#243241;\n      --sfv-muted:#5A6B7B;\n      --sfv-line:rgba(255,255,255,.18);\n      --sfv-cardLine:rgba(6,61,94,.10);\n\n      --sfv-shadow:0 18px 46px rgba(0,0,0,.16);\n      --sfv-shadowHover:0 24px 64px rgba(0,0,0,.22);\n    }\n\n    \/* ===== FORCE FONT + SHARP ===== *\/\n    .sfv-pack, .sfv-pack *{\n      font-family:\"Helvetica Neue\", Helvetica, Arial, Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif !important;\n      -webkit-font-smoothing: antialiased !important;\n      -moz-osx-font-smoothing: grayscale !important;\n      text-rendering: geometricPrecision !important;\n      letter-spacing: normal !important;\n      box-sizing:border-box;\n    }\n\n    .sfv-pack{\n      position:relative;\n      width:100%;\n      padding:72px 0 86px;\n      overflow:hidden;\n      color:var(--sfv-white);\n      background:\n        radial-gradient(circle at 18% 24%, rgba(55,209,209,.22), transparent 58%),\n        radial-gradient(circle at 82% 22%, rgba(11,147,160,.22), transparent 58%),\n        linear-gradient(135deg, #0B93A0 0%, #063D5E 70%, #063D5E 100%);\n    }\n\n    \/* noise nh\u1eb9 *\/\n    .sfv-pack::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      pointer-events:none;\n      opacity:.10;\n      background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.45'\/%3E%3C\/svg%3E\");\n      background-size:200px 200px;\n      mix-blend-mode:overlay;\n    }\n\n    .sfv-pack .sfv-wrap{\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      padding:0 18px;\n    }\n\n    \/* ===== Header ===== *\/\n    .sfv-pack .sfv-head{\n      display:flex;\n      align-items:flex-start;\n      justify-content:space-between;\n      gap:18px;\n      margin:0 0 28px;\n    }\n    .sfv-pack .sfv-titleBox{ max-width:820px; }\n    .sfv-pack .sfv-title{\n      margin:0 0 10px;\n      font-size:42px;\n      line-height:1.12;\n      font-weight:900;\n      text-transform:uppercase;\n      color:#fff;\n      text-shadow:0 2px 14px rgba(0,0,0,.25);\n      letter-spacing:.01em !important;\n    }\n    .sfv-pack .sfv-sub{\n      margin:0;\n      font-size:16px;\n      line-height:1.75;\n      color:rgba(255,255,255,.90);\n      max-width:760px;\n    }\n\n    \/* Logo (tu\u1ef3 ch\u1ecdn) *\/\n    .sfv-pack .sfv-logo{\n      flex:0 0 auto;\n      width:180px;\n      height:auto;\n      opacity:.95;\n      filter: drop-shadow(0 10px 18px rgba(0,0,0,.22));\n    }\n\n    \/* ===== Small packaging (3 cards) ===== *\/\n    .sfv-pack .sfv-miniGrid{\n      display:grid;\n      grid-template-columns:repeat(3, minmax(0,1fr));\n      gap:22px;\n      margin:18px 0 26px;\n    }\n\n    .sfv-mini{\n      position:relative;\n      border:1px solid var(--sfv-line);\n      border-radius:18px;\n      overflow:hidden;\n      background:#ffffff;\n      backdrop-filter: blur(6px);\n      box-shadow:0 14px 36px rgba(0,0,0,.16);\n      transform: translateY(10px);\n      opacity:0;\n      transition: transform .45s ease, opacity .7s ease, box-shadow .35s ease, border-color .35s ease;\n    }\n    .sfv-mini:hover{\n      transform: translateY(-6px);\n      box-shadow:var(--sfv-shadowHover);\n      border-color:rgba(255,255,255,.30);\n    }\n\n    .sfv-miniMedia{\n      height:190px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      padding:18px;\n      background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));\n    }\n    .sfv-miniMedia img{\n      max-width:100%;\n      max-height:100%;\n      object-fit:contain;\n      filter: none;\n      transform: translateZ(0);\n    }\n\n    .sfv-miniBar{\n      padding:14px 16px;\n      background:linear-gradient(90deg, rgba(11,147,160,.95), rgba(6,61,94,.95));\n      border-top:1px solid rgba(255,255,255,.20);\n      text-align:center;\n    }\n    .sfv-miniName{\n      margin:0;\n      font-size:15px;\n      font-weight:900;\n      letter-spacing:.04em !important;\n      text-transform:uppercase;\n      color:#fff;\n      line-height:1.2;\n      white-space:nowrap;\n      overflow:hidden;\n      text-overflow:ellipsis;\n    }\n    .sfv-miniCap{\n      margin:6px 0 0;\n      font-size:13px;\n      color:rgba(255,255,255,.92);\n      font-weight:700;\n    }\n\n    \/* ===== Big packaging blocks ===== *\/\n    .sfv-pack .sfv-bigStack{\n      display:grid;\n      grid-template-columns:1fr;\n      gap:18px;\n      margin-top:6px;\n    }\n\n    .sfv-big{\n      position:relative;\n      display:grid;\n      grid-template-columns: 1.2fr .8fr;\n      gap:18px;\n      align-items:center;\n      padding:18px;\n      border-radius:20px;\n      border:1px solid rgba(255,255,255,.18);\n      background:rgba(255,255,255,.08);\n      backdrop-filter: blur(7px);\n      box-shadow:var(--sfv-shadow);\n      overflow:hidden;\n\n      transform: translateY(10px);\n      opacity:0;\n      transition: transform .45s ease, opacity .7s ease, box-shadow .35s ease, border-color .35s ease;\n    }\n    .sfv-big:hover{\n      transform: translateY(-6px);\n      box-shadow:var(--sfv-shadowHover);\n      border-color:rgba(255,255,255,.30);\n    }\n\n    .sfv-big.sfv-reverse{\n      grid-template-columns: .8fr 1.2fr;\n    }\n\n    \/* media *\/\n    .sfv-bigMedia{\n      background:#ffffff;\n    }\n    .sfv-bigMedia img{\n      width:100%;\n      height:100%;\n      object-fit:contain; \/* flexibag\/iso tank th\u01b0\u1eddng c\u1ea7n contain *\/\n      filter: drop-shadow(0 18px 34px rgba(0,0,0,.28));\n      transform: translateZ(0);\n    }\n\n    \/* text *\/\n    .sfv-bigText{\n      padding:10px 10px 10px 4px;\n    }\n    .sfv-bigKicker{\n      display:inline-block;\n      font-size:12px;\n      letter-spacing:.12em !important;\n      text-transform:uppercase;\n      color:rgba(255,255,255,.88);\n      font-weight:800;\n      margin-bottom:10px;\n    }\n    .sfv-bigTitle{\n      margin:0 0 8px;\n      font-size:26px;\n      font-weight:900;\n      color:#fff;\n      text-transform:uppercase;\n      letter-spacing:.02em !important;\n      line-height:1.18;\n    }\n    .sfv-bigCap{\n      margin:0 0 10px;\n      font-size:15px;\n      color:rgba(255,255,255,.92);\n      font-weight:800;\n    }\n    .sfv-bigDesc{\n      margin:0;\n      font-size:14px;\n      line-height:1.7;\n      color:rgba(255,255,255,.88);\n      max-width:520px;\n    }\n\n    \/* ===== In-view animation ===== *\/\n    .sfv-inview{\n      opacity:1 !important;\n      transform: translateY(0) !important;\n    }\n\n    \/* ===== Responsive ===== *\/\n    @media (max-width: 1024px){\n      .sfv-pack{ padding:64px 0 76px; }\n      .sfv-pack .sfv-title{ font-size:36px; }\n      .sfv-pack .sfv-head{ align-items:center; }\n      .sfv-pack .sfv-logo{ width:120px; }\n\n      .sfv-pack .sfv-miniGrid{ grid-template-columns:repeat(3, minmax(0,1fr)); }\n      .sfv-miniMedia{ height:170px; }\n\n      .sfv-big, .sfv-big.sfv-reverse{\n        grid-template-columns:1fr;\n      }\n      .sfv-bigMedia{ height:300px; }\n      .sfv-bigText{ padding:0 8px 10px; text-align:center; }\n      .sfv-bigDesc{ margin:0 auto; }\n    }\n    @media (max-width: 640px){\n      .sfv-pack{ padding:54px 0 66px; }\n      .sfv-pack .sfv-head{\n        flex-direction:column;\n        align-items:flex-start;\n        margin-bottom:22px;\n      }\n      .sfv-pack .sfv-title{ font-size:28px; }\n      .sfv-pack .sfv-sub{ font-size:15px; }\n\n      .sfv-pack .sfv-miniGrid{ grid-template-columns:1fr; }\n      .sfv-miniMedia{ height:190px; }\n\n      .sfv-bigMedia{ height:260px; }\n      .sfv-bigTitle{ font-size:22px; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .sfv-mini, .sfv-big{ transition:none !important; }\n    }\n  <\/style>\n\n  <div class=\"sfv-wrap\">\n    <!-- Header -->\n    <header class=\"sfv-head\">\n      <div class=\"sfv-titleBox\">\n        <h2 class=\"sfv-title\">QUY C\u00c1CH \u0110\u00d3NG G\u00d3I<\/h2>\n        <p class=\"sfv-sub\">\n          SOFAVI cung c\u1ea5p nhi\u1ec1u h\u00ecnh th\u1ee9c \u0111\u00f3ng g\u00f3i ph\u00f9 h\u1ee3p t\u1eeb quy m\u00f4 nh\u1ecf \u0111\u1ebfn quy m\u00f4 c\u00f4ng nghi\u1ec7p,\n          t\u1ed1i \u01b0u l\u01b0u tr\u1eef v\u00e0 v\u1eadn chuy\u1ec3n cho doanh nghi\u1ec7p s\u1ea3n xu\u1ea5t.\n        <\/p>\n      <\/div>\n\n      <!-- (Tu\u1ef3 ch\u1ecdn) Logo g\u00f3c ph\u1ea3i: thay b\u1eb1ng logo th\u1eadt c\u1ee7a b\u1ea1n -->\n      <img decoding=\"async\" class=\"sfv-logo\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/Logo-SOFAVI-new-03-1-scaled.png\" alt=\"SOFAVI\">\n    <\/header>\n\n    <!-- 3 packaging nh\u1ecf -->\n    <div class=\"sfv-miniGrid\" role=\"list\">\n      <!-- CAN NH\u1ef0A -->\n      <article class=\"sfv-mini\" role=\"listitem\" data-sfv=\"mini-1\">\n        <div class=\"sfv-miniMedia\">\n          <!-- Thay \u1ea3nh th\u1eadt (PNG c\u00e0ng t\u1ed1t) -->\n          <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/z7509927323573_5a78edf580f943b6578f7f071078219c.jpg\" alt=\"Can nh\u1ef1a 25kg\">\n        <\/div>\n        <div class=\"sfv-miniBar\">\n          <p class=\"sfv-miniName\">CAN NH\u1ef0A<\/p>\n          <p class=\"sfv-miniCap\">Dung t\u00edch: 25 KG<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- TH\u00d9NG PHUY -->\n      <article class=\"sfv-mini\" role=\"listitem\" data-sfv=\"mini-2\">\n        <div class=\"sfv-miniMedia\">\n          <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/z7587071693817_7f7466351934dcabbc7946bdee7e3b9d.jpg\" alt=\"Th\u00f9ng phuy 275kg\">\n        <\/div>\n        <div class=\"sfv-miniBar\">\n          <p class=\"sfv-miniName\">TH\u00d9NG PHUY<\/p>\n          <p class=\"sfv-miniCap\">Dung t\u00edch: 275 KG<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- IBC TANKS -->\n      <article class=\"sfv-mini\" role=\"listitem\" data-sfv=\"mini-3\">\n        <div class=\"sfv-miniMedia\">\n          <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/z7587071803020_5a6a00a306777bc3fdd3d2e34777ffb2.jpg\" alt=\"IBC Tanks 1300kg\">\n        <\/div>\n        <div class=\"sfv-miniBar\">\n          <p class=\"sfv-miniName\">IBC TANKS<\/p>\n          <p class=\"sfv-miniCap\">Dung t\u00edch: 1.300 KG<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <!-- Packaging c\u00f4ng nghi\u1ec7p l\u1edbn -->\n    <div class=\"sfv-bigStack\">\n      <!-- FLEXIBAG -->\n      <article class=\"sfv-big\" data-sfv=\"big-1\">\n        <div class=\"sfv-bigMedia\" aria-hidden=\"true\">\n          <!-- Thay \u1ea3nh th\u1eadt: container + flexibag -->\n          <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/z7587071778506_2f9e49143c2a4710e1c2b888cb3bcaef.jpg\" alt=\"Flexibag\">\n        <\/div>\n        <div class=\"sfv-bigText\">\n          <span class=\"sfv-bigKicker\">Packaging \u2022 Industrial<\/span>\n          <h3 class=\"sfv-bigTitle\">FLEXIBAG<\/h3>\n          <p class=\"sfv-bigCap\">Dung t\u00edch: 15.000 \u2013 20.000 KG<\/p>\n          <p class=\"sfv-bigDesc\">\n            Gi\u1ea3i ph\u00e1p v\u1eadn chuy\u1ec3n kh\u1ed1i l\u01b0\u1ee3ng l\u1edbn ph\u00f9 h\u1ee3p cho doanh nghi\u1ec7p s\u1ea3n xu\u1ea5t quy m\u00f4 c\u00f4ng nghi\u1ec7p,\n            t\u1ed1i \u01b0u chi ph\u00ed logistics v\u00e0 th\u1eddi gian b\u1ed1c d\u1ee1.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <!-- ISO TANKS (\u0111\u1ea3o layout) -->\n      <article class=\"sfv-big sfv-reverse\" data-sfv=\"big-2\">\n        <div class=\"sfv-bigText\">\n          <span class=\"sfv-bigKicker\">Packaging \u2022 Bulk Transport<\/span>\n          <h3 class=\"sfv-bigTitle\">ISO TANKS<\/h3>\n          <p class=\"sfv-bigCap\">Dung t\u00edch: 15.000 \u2013 20.000 KG<\/p>\n          <p class=\"sfv-bigDesc\">\n            Ph\u00f9 h\u1ee3p v\u1eadn chuy\u1ec3n \u0111\u01b0\u1eddng d\u00e0i v\u00e0 chu\u1ed7i cung \u1ee9ng c\u00f4ng nghi\u1ec7p, \u0111\u1ea3m b\u1ea3o an to\u00e0n, \u1ed5n \u0111\u1ecbnh v\u00e0\n            ti\u00eau chu\u1ea9n h\u00f3a trong qu\u00e1 tr\u00ecnh giao nh\u1eadn.\n          <\/p>\n        <\/div>\n        <div class=\"sfv-bigMedia\" aria-hidden=\"true\">\n          <!-- Thay \u1ea3nh th\u1eadt: ISO tank -->\n          <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/z7587071775404_4e655977fbed0cb9720bca20abcea4f5.jpg\" alt=\"ISO Tanks\">\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.querySelector('#sfv-packaging');\n      if(!root) return;\n\n      const prefersReduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if(prefersReduced) return;\n\n      const targets = [\n        ...root.querySelectorAll('.sfv-mini'),\n        ...root.querySelectorAll('.sfv-big')\n      ];\n\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach((e)=>{\n          if(!e.isIntersecting) return;\n          const el = e.target;\n          \/\/ delay theo th\u1ee9 t\u1ef1\n          let delay = 0.06;\n          if(el.dataset.sfv){\n            const m = el.dataset.sfv.match(\/(d+)\/);\n            if(m) delay = Math.min(0.35, parseInt(m[1],10) * 0.08);\n          }\n          el.style.transitionDelay = delay.toFixed(2) + 's';\n          el.classList.add('sfv-inview');\n          io.unobserve(el);\n        });\n      }, { threshold: 0.18 });\n\n      targets.forEach(t=>io.observe(t));\n    })();\n  <\/script>\n<\/section>\n\n<div class=\"row\"  id=\"row-2090279231\">\n\n\n\t<div id=\"col-1171487766\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- =========================\nSOFAVI \u2014 CERTIFICATIONS (ONE-PASTE \u2022 FULL)\nSection: \u0110\u1ea0T CH\u1ee8NG NH\u1eacN\n- \u0110\u1ed3ng b\u1ed9 brand SFV (#063D5E #0B93A0 #37D1D1)\n- Grid 4 ch\u1ee9ng nh\u1eadn (desktop) \u2022 2 (tablet) \u2022 1 (mobile)\n- Card tr\u1eafng + vi\u1ec1n aqua \u2022 motion fade\/scale nh\u1eb9\n\u1ea2nh logo ch\u1ee9ng nh\u1eadn: d\u00f9ng \u0111\u00fang link b\u1ea1n cung c\u1ea5p\n========================= -->\n<section class=\"sfv-certs\" id=\"sfv-certs\" aria-label=\"\u0110\u1ea1t ch\u1ee9ng nh\u1eadn SOFAVI\">\n  <style>\n    :root{\n      --sfv-navy:#063D5E;\n      --sfv-teal:#0B93A0;\n      --sfv-aqua:#37D1D1;\n      --sfv-white:#FFFFFF;\n\n      --sfv-line:rgba(255,255,255,.22);\n      --sfv-cardLine:rgba(55,209,209,.75);\n      --sfv-shadow:0 18px 46px rgba(0,0,0,.18);\n      --sfv-shadowHover:0 26px 64px rgba(0,0,0,.22);\n    }\n\n    \/* ===== FORCE FONT + SHARP ===== *\/\n    .sfv-certs, .sfv-certs *{\n      font-family:\"Helvetica Neue\", Helvetica, Arial, Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif !important;\n      -webkit-font-smoothing: antialiased !important;\n      -moz-osx-font-smoothing: grayscale !important;\n      text-rendering: geometricPrecision !important;\n      letter-spacing: normal !important;\n      box-sizing:border-box;\n    }\n\n    .sfv-certs{\n      position:relative;\n      width:100%;\n      padding:74px 0 78px;\n      overflow:hidden;\n      color:#fff;\n      background:\n        radial-gradient(circle at 20% 22%, rgba(55,209,209,.22), transparent 56%),\n        radial-gradient(circle at 78% 26%, rgba(11,147,160,.22), transparent 58%),\n        linear-gradient(135deg, #0B93A0 0%, #063D5E 100%);\n    }\n\n    \/* noise nh\u1eb9 *\/\n    .sfv-certs::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      pointer-events:none;\n      opacity:.10;\n      background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.45'\/%3E%3C\/svg%3E\");\n      background-size:200px 200px;\n      mix-blend-mode:overlay;\n    }\n\n    .sfv-certs .sfv-wrap{\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      padding:0 18px;\n    }\n\n    \/* ===== Header ===== *\/\n    .sfv-certs .sfv-head{\n      text-align:center;\n      margin:0 auto 34px;\n    }\n\n    .sfv-certs .sfv-title{\n      margin:0;\n      font-size:32px;\n      line-height:1.15;\n      font-weight:900;\n      letter-spacing:.06em !important;\n      text-transform:uppercase;\n      color:#fff;\n      text-shadow:0 2px 14px rgba(0,0,0,.25);\n      display:inline-block;\n      padding:12px 18px;\n      border-radius:12px;\n      border:1px solid rgba(255,255,255,.22);\n      background:linear-gradient(90deg, rgba(6,61,94,.38), rgba(11,147,160,.34));\n      backdrop-filter: blur(6px);\n    }\n\n    \/* ===== Grid ===== *\/\n    .sfv-certs .sfv-grid{\n      display:grid;\n      grid-template-columns:repeat(4, minmax(0,1fr));\n      gap:22px;\n      align-items:stretch;\n    }\n\n    \/* ===== Card ===== *\/\n    .sfv-cert{\n      position:relative;\n      background:rgba(255,255,255,.98);\n      border:2px solid rgba(55,209,209,.80);\n      border-radius:14px;\n      box-shadow:var(--sfv-shadow);\n      padding:22px;\n      min-height:190px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      overflow:hidden;\n\n      opacity:0;\n      transform: translateY(10px) scale(.985);\n      transition: opacity .7s ease, transform .55s ease, box-shadow .35s ease, border-color .35s ease;\n    }\n\n    .sfv-cert::before{\n      content:\"\";\n      position:absolute;\n      inset:-2px -2px auto -2px;\n      height:60px;\n      background:linear-gradient(90deg, rgba(11,147,160,.10), rgba(55,209,209,.08), transparent 70%);\n      pointer-events:none;\n    }\n\n    .sfv-cert:hover{\n      transform: translateY(-6px) scale(1);\n      box-shadow:var(--sfv-shadowHover);\n      border-color:rgba(11,147,160,.55);\n    }\n\n    .sfv-cert img{\n      max-width:100%;\n      max-height:120px;\n      width:auto;\n      height:auto;\n      object-fit:contain;\n      display:block;\n    }\n\n    \/* In-view *\/\n    .sfv-cert.is-inview{\n      opacity:1;\n      transform: translateY(0) scale(1);\n    }\n\n    \/* ===== Responsive ===== *\/\n    @media (max-width: 1024px){\n      .sfv-certs{ padding:66px 0 70px; }\n      .sfv-certs .sfv-title{ font-size:28px; }\n      .sfv-certs .sfv-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }\n      .sfv-cert{ min-height:180px; }\n      .sfv-cert img{ max-height:115px; }\n    }\n    @media (max-width: 640px){\n      .sfv-certs{ padding:56px 0 62px; }\n      .sfv-certs .sfv-title{ font-size:24px; }\n      .sfv-certs .sfv-grid{ grid-template-columns:1fr; gap:16px; }\n      .sfv-cert{ min-height:170px; padding:18px; }\n      .sfv-cert img{ max-height:110px; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .sfv-cert{ transition:none !important; transform:none !important; opacity:1 !important; }\n    }\n  <\/style>\n\n  <div class=\"sfv-wrap\">\n    <header class=\"sfv-head\">\n      <h2 class=\"sfv-title\">\u0110\u1ea0T CH\u1ee8NG NH\u1eacN<\/h2>\n    <\/header>\n\n    <div class=\"sfv-grid\" role=\"list\">\n      <article class=\"sfv-cert\" role=\"listitem\" data-sfv-cert=\"1\">\n        <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/logo-3.png\" alt=\"ISO 22000\">\n      <\/article>\n\n      <article class=\"sfv-cert\" role=\"listitem\" data-sfv-cert=\"2\">\n        <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/logo-4-scaled.png\">\n      <\/article>\n\n      <article class=\"sfv-cert\" role=\"listitem\" data-sfv-cert=\"3\">\n        <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/logo-1.png\" alt=\"KOSHER Certification\">\n      <\/article>\n\n      <article class=\"sfv-cert\" role=\"listitem\" data-sfv-cert=\"4\">\n        <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/logo-2.png\" alt=\"FSSC 22000\">\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.querySelector('#sfv-certs');\n      if(!root) return;\n\n      const prefersReduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      const cards = Array.from(root.querySelectorAll('.sfv-cert'));\n      if(prefersReduced){\n        cards.forEach(c=>c.classList.add('is-inview'));\n        return;\n      }\n\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(!e.isIntersecting) return;\n          const el = e.target;\n          const k = parseInt(el.getAttribute('data-sfv-cert') || '1', 10);\n          el.style.transitionDelay = (Math.min(8,k) * 0.08).toFixed(2) + 's';\n          el.classList.add('is-inview');\n          io.unobserve(el);\n        });\n      }, { threshold: 0.18 });\n\n      cards.forEach(c=>io.observe(c));\n    })();\n  <\/script>\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-180550422\">\n\n\n\t<div id=\"col-2018017590\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- =========================\nSOFAVI \u2014 LEADERSHIP (FULL NEW \u2022 ONE-PASTE)\nY\u00eau c\u1ea7u:\n- B\u1ece ch\u1eef nh\u1ecf \"BAN L\u00c3NH \u0110\u1ea0O\" tr\u00ean c\u00f9ng\n- GI\u1ea2M kho\u1ea3ng tr\u1ed1ng \u0111\u1ea7u row\n- Layout: 2 card H\u00c0NG TR\u00caN + 3 card H\u00c0NG D\u01af\u1edaI (desktop)\n- Kh\u00f4ng xu\u1ed1ng d\u00f2ng v\u00f4 l\u00fd (t\u00ean\/ch\u1ee9c danh kh\u00f4ng b\u1ecb ng\u1eaft)\n- Responsive chu\u1ea9n: tablet 2 c\u1ed9t, mobile 1 c\u1ed9t\nCh\u1ec9 c\u1ea7n thay link \u1ea3nh th\u1eadt\n========================= -->\n<section class=\"sfv-leadership2\" id=\"sfv-leadership\" aria-label=\"\u0110\u1ed9i ng\u0169 l\u00e3nh \u0111\u1ea1o SOFAVI\">\n  <style>\n    :root{\n      --sfv-navy:#063D5E;\n      --sfv-teal:#0B93A0;\n      --sfv-aqua:#37D1D1;\n      --sfv-white:#FFFFFF;\n      --sfv-ink:#243241;\n      --sfv-muted:#5A6B7B;\n      --sfv-line:rgba(6,61,94,.10);\n      --sfv-soft:rgba(6,61,94,.06);\n      --sfv-shadow:0 16px 40px rgba(0,0,0,.08);\n      --sfv-shadowHover:0 22px 56px rgba(0,0,0,.12);\n    }\n\n    \/* ===== FORCE FONT + SHARP ===== *\/\n    .sfv-leadership2, .sfv-leadership2 *{\n      font-family:\"Helvetica Neue\", Helvetica, Arial, Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif !important;\n      -webkit-font-smoothing: antialiased !important;\n      -moz-osx-font-smoothing: grayscale !important;\n      text-rendering: geometricPrecision !important;\n      letter-spacing: normal !important;\n      box-sizing:border-box;\n    }\n\n    .sfv-leadership2{\n      position:relative;\n      width:100%;\n      background:#fff;\n      padding:56px 0 86px; \/* b\u1edbt kho\u1ea3ng tr\u1ed1ng \u0111\u1ea7u row *\/\n      overflow:hidden;\n    }\n\n    \/* n\u1ec1n nh\u1eb9 ki\u1ec3u clean *\/\n    .sfv-leadership2::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        radial-gradient(circle at 18% 30%, rgba(11,147,160,.10), transparent 52%),\n        radial-gradient(circle at 82% 24%, rgba(55,209,209,.10), transparent 55%),\n        linear-gradient(180deg, rgba(247,249,251,.55), rgba(255,255,255,1));\n      pointer-events:none;\n      opacity:.9;\n    }\n\n    .sfv-leadership2 .sfv-wrap{\n      position:relative;\n      max-width:1180px;\n      margin:0 auto;\n      padding:0 18px;\n    }\n\n    \/* ===== HEADER (kh\u00f4ng c\u00f3 ch\u1eef nh\u1ecf ban l\u00e3nh \u0111\u1ea1o) ===== *\/\n    .sfv-leadership2 .sfv-head{\n      text-align:center;\n      max-width:920px;\n      margin:0 auto 30px;\n    }\n    .sfv-leadership2 .sfv-title{\n      margin:0 0 10px;\n      color:var(--sfv-navy);\n      font-weight:900;\n      text-transform:uppercase;\n      font-size:44px;\n      line-height:1.12;\n      text-shadow:0 2px 12px rgba(6,61,94,.10);\n    }\n    .sfv-leadership2 .sfv-sub{\n      margin:0 auto;\n      max-width:820px;\n      color:var(--sfv-muted);\n      font-size:16px;\n      line-height:1.75;\n    }\n    .sfv-leadership2 .sfv-sub b{\n      color:var(--sfv-teal);\n      font-weight:800;\n    }\n\n    \/* ===== GRID: 2 tr\u00ean + 3 d\u01b0\u1edbi ===== *\/\n    .sfv-leadership2 .sfv-grid{\n      display:flex;\n      flex-direction:column;\n      gap:26px;\n    }\n    .sfv-leadership2 .sfv-row{\n      display:grid;\n      gap:26px;\n      align-items:stretch;\n    }\n    .sfv-leadership2 .sfv-row.top{ grid-template-columns:repeat(2, minmax(0,1fr)); }\n    .sfv-leadership2 .sfv-row.bottom{ grid-template-columns:repeat(3, minmax(0,1fr)); }\n\n    \/* ===== CARD ===== *\/\n    .sfv-leadership2 .sfv-card{\n      position:relative;\n      background:rgba(255,255,255,.92);\n      border:1px solid var(--sfv-line);\n      border-radius:18px;\n      box-shadow:var(--sfv-shadow);\n      padding:22px 22px 20px;\n      text-align:center;\n      transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;\n      overflow:hidden;\n      backdrop-filter: blur(5px);\n      min-height:320px;\n    }\n    .sfv-leadership2 .sfv-card::before{\n      content:\"\";\n      position:absolute;\n      inset:-2px -2px auto -2px;\n      height:88px;\n      background:linear-gradient(120deg, rgba(11,147,160,.14), rgba(55,209,209,.10), transparent 62%);\n      pointer-events:none;\n    }\n    .sfv-leadership2 .sfv-card:hover{\n      transform:translateY(-6px);\n      box-shadow:var(--sfv-shadowHover);\n      border-color:rgba(11,147,160,.25);\n    }\n\n    \/* ===== AVATAR ===== *\/\n    .sfv-leadership2 .sfv-avatarWrap{\n      width:148px;\n      height:148px;\n      margin:0 auto 14px;\n      position:relative;\n    }\n    .sfv-leadership2 .sfv-avatar{\n      width:148px;\n      height:148px;\n      border-radius:16px;\n      overflow:hidden;\n      border:3px solid rgba(255,255,255,.95);\n      box-shadow:0 12px 26px rgba(0,0,0,.14);\n      transform:translateZ(0);\n      background:#eaf1f6;\n    }\n    .sfv-leadership2 .sfv-avatar img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\nobject-position:50% 20%;\n      display:block;\n      transform:scale(1);\n      transition:transform .45s ease;\n    }\n    .sfv-leadership2 .sfv-card:hover .sfv-avatar img{ transform:scale(1.04); }\n\n    \/* ===== TEXT (ch\u1ed1ng xu\u1ed1ng d\u00f2ng v\u00f4 l\u00fd) ===== *\/\n    .sfv-leadership2 .sfv-name{\n      margin:0;\n      color:var(--sfv-navy);\n      font-weight:900;\n      font-size:18px;\n      letter-spacing:.02em !important;\n      text-transform:uppercase;\n      line-height:1.25;\n      white-space:nowrap;            \/* kh\u00f4ng ng\u1eaft t\u00ean *\/\n      overflow:hidden;\n      text-overflow:ellipsis;\n    }\n    .sfv-leadership2 .sfv-role{\n      margin:6px 0 10px;\n      color:var(--sfv-teal);\n      font-weight:800;\n      font-size:14.5px;\n      line-height:1.35;\n      white-space:nowrap;            \/* kh\u00f4ng ng\u1eaft ch\u1ee9c danh *\/\n      overflow:hidden;\n      text-overflow:ellipsis;\n    }\n    .sfv-leadership2 .sfv-desc{\n      margin:0;\n      color:var(--sfv-muted);\n      font-size:14px;\n      line-height:1.65;\n      max-width:92%;\n      margin-left:auto;\n      margin-right:auto;\n      display:-webkit-box;\n      -webkit-line-clamp:4;          \/* gi\u1edbi h\u1ea1n 4 d\u00f2ng cho \u0111\u1ec1u card *\/\n      -webkit-box-orient:vertical;\n      overflow:hidden;\n    }\n\n    \/* ===== RESPONSIVE ===== *\/\n    @media (max-width: 1024px){\n      .sfv-leadership2{ padding:52px 0 76px; }\n      .sfv-leadership2 .sfv-title{ font-size:36px; }\n      .sfv-leadership2 .sfv-row.bottom{ grid-template-columns:repeat(2, minmax(0,1fr)); }\n      .sfv-leadership2 .sfv-name,\n      .sfv-leadership2 .sfv-role{\n        white-space:normal;          \/* tablet cho ph\u00e9p xu\u1ed1ng d\u00f2ng h\u1ee3p l\u00fd *\/\n        display:-webkit-box;\n        -webkit-line-clamp:2;\n        -webkit-box-orient:vertical;\n      }\n    }\n    @media (max-width: 640px){\n      .sfv-leadership2{ padding:44px 0 68px; }\n      .sfv-leadership2 .sfv-title{ font-size:28px; }\n      .sfv-leadership2 .sfv-sub{ font-size:15px; }\n      .sfv-leadership2 .sfv-row.top,\n      .sfv-leadership2 .sfv-row.bottom{ grid-template-columns:1fr; }\n      .sfv-leadership2 .sfv-card{ min-height:auto; }\n      .sfv-leadership2 .sfv-avatarWrap,\n      .sfv-leadership2 .sfv-avatar{ width:132px; height:132px; }\n      .sfv-leadership2 .sfv-name,\n      .sfv-leadership2 .sfv-role{\n        white-space:normal;          \/* mobile xu\u1ed1ng d\u00f2ng t\u1ef1 nhi\u00ean *\/\n        -webkit-line-clamp:2;\n      }\n      .sfv-leadership2 .sfv-desc{ -webkit-line-clamp:5; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .sfv-leadership2 .sfv-card,\n      .sfv-leadership2 .sfv-avatar img{ transition:none !important; }\n    }\n  <\/style>\n\n  <div class=\"sfv-wrap\">\n    <header class=\"sfv-head\">\n      <h2 class=\"sfv-title\">\u0110\u1ed8I NG\u0168 L\u00c3NH \u0110\u1ea0O<\/h2>\n      <p class=\"sfv-sub\">\n        <b>H\u1ed9i \u0111\u1ed3ng Qu\u1ea3n Tr\u1ecb<\/b> &amp; <b>Ban T\u1ed5ng Gi\u00e1m \u0110\u1ed1c<\/b> \u2014 n\u1ec1n t\u1ea3ng qu\u1ea3n tr\u1ecb minh b\u1ea1ch, \u0111\u1ecbnh h\u01b0\u1edbng ph\u00e1t tri\u1ec3n b\u1ec1n v\u1eefng v\u00e0 v\u1eadn h\u00e0nh s\u1ea3n xu\u1ea5t chu\u1ea9n c\u00f4ng nghi\u1ec7p.\n      <\/p>\n    <\/header>\n\n    <div class=\"sfv-grid\">\n      <!-- H\u00c0NG TR\u00caN: 2 ng\u01b0\u1eddi -->\n      <div class=\"sfv-row top\">\n        <article class=\"sfv-card\">\n          <div class=\"sfv-avatarWrap\" aria-hidden=\"true\">\n            <div class=\"sfv-avatar\">\n              <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/01\/8-2.png\">\n            <\/div>\n          <\/div>\n          <h3 class=\"sfv-name\">B\u00e0 L\u00ea Th\u00fay Hi\u1ec1n<\/h3>\n          <div class=\"sfv-role\">Ch\u1ee7 t\u1ecbch H\u1ed9i \u0111\u1ed3ng Qu\u1ea3n Tr\u1ecb<\/div>\n          <p class=\"sfv-desc\">\n            C\u1eed nh\u00e2n Qu\u1ea3n tr\u1ecb &amp; Marketing. N\u1ec1n t\u1ea3ng qu\u1ea3n tr\u1ecb doanh nghi\u1ec7p theo chu\u1ea9n qu\u1ed1c t\u1ebf, \u0111\u1ecbnh h\u01b0\u1edbng ph\u00e1t tri\u1ec3n th\u01b0\u01a1ng hi\u1ec7u v\u00e0 h\u1ec7 th\u1ed1ng v\u1eadn h\u00e0nh.\n          <\/p>\n        <\/article>\n\n        <article class=\"sfv-card\">\n          <div class=\"sfv-avatarWrap\" aria-hidden=\"true\">\n            <div class=\"sfv-avatar\">\n              <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/1-scaled.jpg\" alt=\"\u00d4ng Ph\u1ea1m Ti\u1ebfn Th\u1ecbnh\">\n            <\/div>\n          <\/div>\n          <h3 class=\"sfv-name\">\u00d4ng Ph\u1ea1m Ti\u1ebfn Th\u1ecbnh<\/h3>\n          <div class=\"sfv-role\">Th\u00e0nh vi\u00ean H\u0110QT \u2022 T\u1ed5ng Gi\u00e1m \u0110\u1ed1c<\/div>\n          <p class=\"sfv-desc\">\n            Kinh nghi\u1ec7m chuy\u00ean m\u00f4n t\u00e0i ch\u00ednh\u2013k\u1ebf to\u00e1n v\u00e0 qu\u1ea3n tr\u1ecb \u0111i\u1ec1u h\u00e0nh. Am hi\u1ec3u v\u1eadn h\u00e0nh s\u1ea3n xu\u1ea5t c\u00f4ng nghi\u1ec7p, ki\u1ec3m so\u00e1t chi ph\u00ed v\u00e0 ch\u1ea5t l\u01b0\u1ee3ng.\n          <\/p>\n        <\/article>\n      <\/div>\n\n      <!-- H\u00c0NG D\u01af\u1edaI: 3 ng\u01b0\u1eddi -->\n      <div class=\"sfv-row bottom\">\n        <article class=\"sfv-card\">\n          <div class=\"sfv-avatarWrap\" aria-hidden=\"true\">\n            <div class=\"sfv-avatar\">\n              <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/2-scaled.jpg\" alt=\"\u00d4ng Nguy\u1ec5n V\u0103n M\u1ef9\">\n            <\/div>\n          <\/div>\n          <h3 class=\"sfv-name\">\u00d4ng Nguy\u1ec5n V\u0103n M\u1ef9<\/h3>\n          <div class=\"sfv-role\">Th\u00e0nh vi\u00ean H\u0110QT<\/div>\n          <p class=\"sfv-desc\">\n            D\u00e0y d\u1ea1n kinh nghi\u1ec7m qu\u1ea3n l\u00fd v\u1ed1n v\u00e0 \u0111\u1ea7u t\u01b0. \u0110\u1ecbnh h\u01b0\u1edbng qu\u1ea3n tr\u1ecb r\u1ee7i ro, gi\u00e1m s\u00e1t hi\u1ec7u qu\u1ea3 ho\u1ea1t \u0111\u1ed9ng v\u00e0 ph\u00e1t tri\u1ec3n b\u1ec1n v\u1eefng.\n          <\/p>\n        <\/article>\n\n        <article class=\"sfv-card\">\n          <div class=\"sfv-avatarWrap\" aria-hidden=\"true\">\n            <div class=\"sfv-avatar\">\n              <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/NMH00743-scaled.jpg\" alt=\"\u00d4ng V\u0169 T\u1ea5n Duy Quang\">\n            <\/div>\n          <\/div>\n          <h3 class=\"sfv-name\">\u00d4ng V\u00f5 T\u1ea5n Duy Quang<\/h3>\n          <div class=\"sfv-role\">Tr\u01b0\u1edfng Ban Ki\u1ec3m So\u00e1t<\/div>\n          <p class=\"sfv-desc\">\n            Kinh nghi\u1ec7m qu\u1ea3n tr\u1ecb v\u00e0 ki\u1ec3m so\u00e1t ho\u1ea1t \u0111\u1ed9ng doanh nghi\u1ec7p. T\u1eadp trung minh b\u1ea1ch, tu\u00e2n th\u1ee7 v\u00e0 n\u00e2ng cao hi\u1ec7u qu\u1ea3 v\u1eadn h\u00e0nh.\n          <\/p>\n        <\/article>\n\n        <article class=\"sfv-card\">\n          <div class=\"sfv-avatarWrap\" aria-hidden=\"true\">\n            <div class=\"sfv-avatar\">\n              <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/3-scaled.jpg\" alt=\"\u00d4ng Kh\u01b0\u01a1ng Trung Th\u1ee7y\">\n            <\/div>\n          <\/div>\n          <h3 class=\"sfv-name\">\u00d4ng Kh\u01b0\u01a1ng Trung Th\u1ee7y<\/h3>\n          <div class=\"sfv-role\">Ph\u00f3 T\u1ed5ng Gi\u00e1m \u0110\u1ed1c<\/div>\n          <p class=\"sfv-desc\">\n            Chuy\u00ean m\u00f4n h\u00f3a h\u1ecdc v\u00e0 v\u1eadt li\u1ec7u. Kinh nghi\u1ec7m tri\u1ec3n khai\u2013\u0111i\u1ec1u h\u00e0nh s\u1ea3n xu\u1ea5t, t\u1ed1i \u01b0u quy tr\u00ecnh v\u00e0 \u0111\u1ea3m b\u1ea3o ch\u1ea5t l\u01b0\u1ee3ng ti\u00eau chu\u1ea9n c\u00f4ng nghi\u1ec7p.\n          <\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/section>\n\n<style>\n#sfv-leadership .sfv-row.bottom .sfv-name{\n  font-size:16px !important;\n}\n<\/style>\n\n<div class=\"row\"  id=\"row-1492609392\">\n\n\n\t<div id=\"col-982253588\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- =========================\nSOFAVI \u2014 HUMAN RESOURCES (ONE-PASTE \u2022 FULL)\nSection: \"Ngu\u1ed3n nh\u00e2n l\u1ef1c\" (text + \u1ea3nh team th\u1ef1c t\u1ebf)\n\u0110\u1ed3ng b\u1ed9 brand SFV: #063D5E #0B93A0 #37D1D1 \u2022 Helvetica Neue \u2022 sharp typography\nCh\u1ec9 c\u1ea7n thay link \u1ea3nh th\u1eadt (src=\"...\") theo HSNL\n========================= -->\n<section class=\"sfv-hr\" id=\"sfv-hr\" aria-label=\"Ngu\u1ed3n nh\u00e2n l\u1ef1c SOFAVI\">\n  <style>\n    :root{\n      --sfv-navy:#063D5E;\n      --sfv-teal:#0B93A0;\n      --sfv-aqua:#37D1D1;\n      --sfv-white:#FFFFFF;\n\n      --sfv-ink:#243241;\n      --sfv-muted:#4A5A6A;\n      --sfv-line:rgba(6,61,94,.10);\n      --sfv-soft:rgba(6,61,94,.06);\n      --sfv-shadow:0 20px 44px rgba(0,0,0,.14);\n      --sfv-shadow2:0 26px 62px rgba(0,0,0,.18);\n    }\n\n    \/* ===== Force SHARP typography (ch\u1ed1ng theme override) ===== *\/\n    .sfv-hr, .sfv-hr *{\n      font-family:\"Helvetica Neue\", Helvetica, Arial, Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif !important;\n      -webkit-font-smoothing: antialiased !important;\n      -moz-osx-font-smoothing: grayscale !important;\n      text-rendering: geometricPrecision !important;\n      letter-spacing: normal !important;\n      box-sizing: border-box;\n    }\n\n    .sfv-hr{\n      position:relative;\n      width:100%;\n      background:var(--sfv-white);\n      padding:84px 0 96px;\n      overflow:hidden;\n    }\n\n    \/* Watermark SOFAVI (nh\u1eb9) + n\u1ec1n s\u1ea1ch *\/\n    .sfv-hr::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        radial-gradient(circle at 18% 24%, rgba(11,147,160,.10), transparent 56%),\n        radial-gradient(circle at 82% 22%, rgba(55,209,209,.10), transparent 58%),\n        linear-gradient(180deg, rgba(247,249,251,.70), rgba(255,255,255,1));\n      pointer-events:none;\n      opacity:.95;\n    }\n    .sfv-hr::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='520' height='520' viewBox='0 0 520 520'%3E%3Cg fill='none' stroke='%23063D5E' stroke-opacity='.06' stroke-width='30'%3E%3Cpath d='M260 84c97.2 0 176 78.8 176 176S357.2 436 260 436 84 357.2 84 260 162.8 84 260 84z'\/%3E%3Cpath d='M260 142c65.2 0 118 52.8 118 118S325.2 378 260 378 142 325.2 142 260 194.8 142 260 142z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n      background-repeat:no-repeat;\n      background-size:560px 560px;\n      background-position:50% 44%;\n      pointer-events:none;\n      opacity:.25;\n      filter: blur(.2px);\n    }\n\n    .sfv-hr .sfv-wrap{\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      padding:0 18px;\n    }\n\n    \/* ===== Header\/Text block ===== *\/\n    .sfv-hr .sfv-head{\n      max-width:920px;\n      margin:0 auto 26px;\n    }\n    .sfv-hr .sfv-title{\n      margin:0 0 12px;\n      font-size:36px;\n      line-height:1.18;\n      font-weight:900;\n      color:var(--sfv-teal);\n      letter-spacing:.01em !important;\n    }\n    .sfv-hr .sfv-p{\n      margin:0 0 14px;\n      font-size:16px;\n      line-height:1.85;\n      color:var(--sfv-muted);\n    }\n    .sfv-hr .sfv-p:last-child{ margin-bottom:0; }\n\n    \/* ===== Image block ===== *\/\n    .sfv-hr .sfv-media{\n      position:relative;\n      margin-top:26px;\n      border-radius:16px;\n      overflow:hidden;\n      border:1px solid var(--sfv-line);\n      box-shadow:var(--sfv-shadow);\n      transform: translateY(10px);\n      opacity:0;\n      transition: transform .55s ease, opacity .85s ease, box-shadow .35s ease;\n      background:#eaf1f6;\n    }\n    .sfv-hr .sfv-media img{\n      width:100%;\n      height:auto;\n      display:block;\n      object-fit:cover;\n      transform: scale(1.04);\n      transition: transform 1.1s ease;\n    }\n    .sfv-hr .sfv-media::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(6,61,94,.28) 100%);\n      pointer-events:none;\n      opacity:.95;\n    }\n    .sfv-hr .sfv-media:hover{\n      box-shadow:var(--sfv-shadow2);\n    }\n    .sfv-hr .sfv-media:hover img{\n      transform: scale(1.00);\n    }\n\n    \/* Caption (tu\u1ef3 ch\u1ecdn) *\/\n    .sfv-hr .sfv-cap{\n      position:absolute;\n      left:18px;\n      bottom:14px;\n      right:18px;\n      display:flex;\n      align-items:center;\n      gap:10px;\n      color:rgba(255,255,255,.92);\n      font-size:13px;\n      font-weight:700;\n      letter-spacing:.02em !important;\n      text-shadow:0 10px 20px rgba(0,0,0,.35);\n    }\n    .sfv-hr .sfv-dot{\n      width:10px;\n      height:10px;\n      border-radius:999px;\n      background:var(--sfv-aqua);\n      box-shadow:0 0 0 6px rgba(55,209,209,.18);\n      flex:0 0 auto;\n    }\n\n    \/* In-view *\/\n    .sfv-hr .is-inview{\n      opacity:1 !important;\n      transform: translateY(0) !important;\n    }\n\n    \/* ===== Responsive ===== *\/\n    @media (max-width: 1024px){\n      .sfv-hr{ padding:72px 0 84px; }\n      .sfv-hr .sfv-title{ font-size:30px; }\n    }\n    @media (max-width: 640px){\n      .sfv-hr{ padding:58px 0 70px; }\n      .sfv-hr .sfv-title{ font-size:24px; }\n      .sfv-hr .sfv-p{ font-size:15px; }\n      .sfv-hr .sfv-cap{ font-size:12.5px; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .sfv-hr .sfv-media, .sfv-hr .sfv-media img{ transition:none !important; }\n      .sfv-hr .sfv-media img{ transform:none !important; }\n    }\n  <\/style>\n\n  <div class=\"sfv-wrap\">\n    <!-- Text -->\n    <div class=\"sfv-head\">\n      <h2 class=\"sfv-title\">Ngu\u1ed3n nh\u00e2n l\u1ef1c<\/h2>\n\n      <p class=\"sfv-p\">\n        SOFAVI x\u00e1c \u0111\u1ecbnh ngu\u1ed3n nh\u00e2n l\u1ef1c l\u00e0 y\u1ebfu t\u1ed1 then ch\u1ed1t, c\u00f3 vai tr\u00f2 quy\u1ebft \u0111\u1ecbnh \u0111\u1ed1i v\u1edbi uy t\u00edn v\u00e0 s\u1ef1 ph\u00e1t tri\u1ec3n b\u1ec1n v\u1eefng c\u1ee7a doanh nghi\u1ec7p.\n        Do \u0111\u00f3, c\u00f4ng ty lu\u00f4n ch\u00fa tr\u1ecdng \u0111\u1ea7u t\u01b0 x\u00e2y d\u1ef1ng \u0111\u1ed9i ng\u0169 c\u00e1n b\u1ed9, k\u1ef9 s\u01b0 v\u00e0 c\u00f4ng nh\u00e2n k\u1ef9 thu\u1eadt \u0111\u00e1p \u1ee9ng \u0111\u1ea7y \u0111\u1ee7 y\u00eau c\u1ea7u c\u1ea3 v\u1ec1 chuy\u00ean m\u00f4n,\n        k\u1ef7 lu\u1eadt c\u00f4ng nghi\u1ec7p v\u00e0 an to\u00e0n lao \u0111\u1ed9ng.\n      <\/p>\n\n      <p class=\"sfv-p\">\n        To\u00e0n b\u1ed9 c\u00e1n b\u1ed9, c\u00f4ng nh\u00e2n vi\u00ean l\u00e0m vi\u1ec7c t\u1ea1i SOFAVI th\u01b0\u1eddng xuy\u00ean \u0111\u01b0\u1ee3c \u0111\u00e0o t\u1ea1o v\u00e0 c\u1eadp nh\u1eadt ki\u1ebfn th\u1ee9c chuy\u00ean m\u00f4n, quy tr\u00ecnh v\u1eadn h\u00e0nh v\u00e0 an to\u00e0n lao \u0111\u1ed9ng\n        v\u1edbi s\u1ef1 tham gia c\u1ee7a c\u00e1c chuy\u00ean gia \u0111\u1ebfn t\u1eeb T\u1eadp \u0111o\u00e0n NOVASEP (Ph\u00e1p). Ng\u01b0\u1eddi lao \u0111\u1ed9ng \u0111\u01b0\u1ee3c trang b\u1ecb \u0111\u1ea7y \u0111\u1ee7 ph\u01b0\u01a1ng ti\u1ec7n b\u1ea3o h\u1ed9 v\u00e0 \u0111\u01b0\u1ee3c l\u00e0m vi\u1ec7c trong m\u00f4i tr\u01b0\u1eddng\n        \u0111\u01b0\u1ee3c ki\u1ec3m so\u00e1t nghi\u00eam ng\u1eb7t v\u1ec1 an to\u00e0n.\n      <\/p>\n    <\/div>\n\n    <!-- Image -->\n    <figure class=\"sfv-media\" aria-label=\"H\u00ecnh \u1ea3nh \u0111\u1ed9i ng\u0169 nh\u00e2n s\u1ef1 SOFAVI\">\n      <!-- THAY LINK \u1ea2NH TH\u1ef0C T\u1ebe C\u1ee6A B\u1ea0N \u1ede \u0110\u00c2Y -->\n      <img decoding=\"async\" src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/Anh-chup-man-hinh-2026-03-05-132917.png\" alt=\"\u0110\u1ed9i ng\u0169 k\u1ef9 s\u01b0 v\u00e0 c\u00f4ng nh\u00e2n v\u1eadn h\u00e0nh nh\u00e0 m\u00e1y SOFAVI\">\n      <figcaption class=\"sfv-cap\">\n        <span class=\"sfv-dot\" aria-hidden=\"true\"><\/span>\n        \u0110\u1ed9i ng\u0169 k\u1ef9 s\u01b0 v\u00e0 c\u00f4ng nh\u00e2n v\u1eadn h\u00e0nh nh\u00e0 m\u00e1y SOFAVI\n      <\/figcaption>\n    <\/figure>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.querySelector('#sfv-hr');\n      if(!root) return;\n\n      const prefersReduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if(prefersReduced) {\n        const media = root.querySelector('.sfv-media');\n        if(media) media.classList.add('is-inview');\n        return;\n      }\n\n      const media = root.querySelector('.sfv-media');\n      if(!media) return;\n\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(!e.isIntersecting) return;\n          media.classList.add('is-inview');\n          io.disconnect();\n        });\n      }, { threshold: 0.18 });\n\n      io.observe(media);\n    })();\n  <\/script>\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-499265231\">\n\n\n\t<div id=\"col-2100012854\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- =======================\nSOFAVI \u2014 PARTNERS SECTION (ONE-PASTE) | Option A: Logo Wall Grid\nClean corporate \u2022 Social proof \u2022 Placeholder logos \u2022 Grid 6\/3\/2\nHover: lift 4px + teal border \u2022 Trust line + Optional CTA bar\nMotion: header fade-up + logo stagger\n======================= -->\n<section class=\"sfv-partners\" aria-label=\"\u0110\u1ed1i t\u00e1c v\u00e0 kh\u00e1ch h\u00e0ng\">\n  <style>\n    :root{\n      --sfv-navy:#063D5E;\n      --sfv-teal:#0B93A0;\n      --sfv-aqua:#37D1D1;\n      --sfv-bg:#F7F9FB;\n      --sfv-white:#FFFFFF;\n      --sfv-muted:#4A5A6A;\n      --sfv-muted2:#5A6B7B;\n      --sfv-line:rgba(6,61,94,.10);\n    }\n\n    \/* ===== Force SHARP typography ===== *\/\n    .sfv-partners, .sfv-partners *{\n      font-family:\"Helvetica Neue\", Helvetica, Arial, Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif !important;\n      -webkit-font-smoothing: antialiased !important;\n      -moz-osx-font-smoothing: grayscale !important;\n      text-rendering: geometricPrecision !important;\n      box-sizing:border-box;\n    }\n\n    .sfv-partners{\n      width:100%;\n      background:\n        radial-gradient(1000px 260px at 50% 0%, rgba(11,147,160,.08), rgba(0,0,0,0) 58%),\n        linear-gradient(180deg, #F7F9FB 0%, #F2F6F9 100%);\n      padding: 58px 0; \/* desktop target 420\u2013520 *\/\n      overflow:hidden;\n    }\n\n    .sfv-partners__wrap{\n      max-width:1200px;\n      margin:0 auto;\n      padding: 0 clamp(16px, 3vw, 26px);\n    }\n\n    \/* ===== Header center ===== *\/\n    .sfv-partners__head{\n      text-align:center;\n      max-width: 920px;\n      margin: 0 auto 42px; \/* 38\u201348 *\/\n      opacity:0;\n      transform: translateY(14px);\n    }\n\n    .sfv-partners.is-inview .sfv-partners__head{\n      animation: sfvFadeUp .72s cubic-bezier(.2,.8,.2,1) both;\n    }\n\n    .sfv-partners__eyebrow{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      margin:0 0 8px 0;\n      font-size:14px;\n      font-weight:600;\n      letter-spacing:.08em;\n      text-transform:uppercase;\n      color: var(--sfv-teal);\n    }\n    .sfv-partners__eyebrow::before,\n    .sfv-partners__eyebrow::after{\n      content:\"\";\n      width:26px; height:2px;\n      border-radius:999px;\n      opacity:.95;\n    }\n    .sfv-partners__eyebrow::before{\n      background: linear-gradient(90deg, rgba(11,147,160,0), rgba(11,147,160,.95));\n    }\n    .sfv-partners__eyebrow::after{\n      background: linear-gradient(90deg, rgba(11,147,160,.95), rgba(11,147,160,0));\n    }\n\n    .sfv-partners__h2{\n      margin:0 0 10px 0;\n      font-weight:900;\n      letter-spacing:-.02em;\n      color: var(--sfv-navy);\n      font-size: 36px; \/* 34\u201338 *\/\n      line-height:1.2;\n      text-shadow: 0 18px 30px rgba(6,61,94,.10);\n    }\n\n    .sfv-partners__sub{\n      margin:0;\n      color: var(--sfv-muted);\n      font-size:16px;\n      line-height:1.7;\n      max-width: 820px;\n      margin-left:auto;\n      margin-right:auto;\n    }\n\n    \/* ===== Logo Wall Grid ===== *\/\n    .sfv-partners__grid{\n      display:grid;\n      grid-template-columns: repeat(6, minmax(0,1fr)); \/* 5\u20136 *\/\n      gap: 18px; \/* 16\u201320 *\/\n      align-items:stretch;\n    }\n\n    .sfv-logo{\n      background: rgba(255,255,255,.96);\n      border: 1px solid rgba(6,61,94,.08);\n      border-radius: 14px;\n      padding: 18px 20px; \/* 18\u201322 *\/\n      box-shadow:\n        0 16px 44px rgba(6,61,94,.07),\n        0 6px 16px rgba(0,0,0,.05);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      min-height: 86px;\n      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;\n\n      opacity:0;\n      transform: translateY(12px);\n      will-change: transform;\n    }\n\n    \/* Stagger on view *\/\n    .sfv-partners.is-inview .sfv-logo{\n      animation: sfvFadeUp .62s cubic-bezier(.2,.8,.2,1) both;\n    }\n    .sfv-partners.is-inview .sfv-logo:nth-child(1){  animation-delay:.10s; }\n    .sfv-partners.is-inview .sfv-logo:nth-child(2){  animation-delay:.15s; }\n    .sfv-partners.is-inview .sfv-logo:nth-child(3){  animation-delay:.20s; }\n    .sfv-partners.is-inview .sfv-logo:nth-child(4){  animation-delay:.25s; }\n    .sfv-partners.is-inview .sfv-logo:nth-child(5){  animation-delay:.30s; }\n    .sfv-partners.is-inview .sfv-logo:nth-child(6){  animation-delay:.35s; }\n    .sfv-partners.is-inview .sfv-logo:nth-child(7){  animation-delay:.40s; }\n    .sfv-partners.is-inview .sfv-logo:nth-child(8){  animation-delay:.45s; }\n    .sfv-partners.is-inview .sfv-logo:nth-child(9){  animation-delay:.50s; }\n    .sfv-partners.is-inview .sfv-logo:nth-child(10){ animation-delay:.55s; }\n    .sfv-partners.is-inview .sfv-logo:nth-child(11){ animation-delay:.60s; }\n    .sfv-partners.is-inview .sfv-logo:nth-child(12){ animation-delay:.65s; }\n\n    .sfv-logo:hover{\n      transform: translateY(-4px);\n      border-color: rgba(11,147,160,.26);\n      box-shadow:\n        0 22px 60px rgba(6,61,94,.10),\n        0 10px 22px rgba(0,0,0,.06),\n        0 0 34px rgba(55,209,209,.10);\n      filter: saturate(1.02) contrast(1.03);\n    }\n\n    \/* Placeholder logo image (40\u201348px height) *\/\n    .sfv-logo img{\n      height: 44px;   \/* 40\u201348 *\/\n      width:auto;\n      max-width: 100%;\n      object-fit:contain;\n      opacity:.86;\n      filter: grayscale(1) contrast(1.15);\n      transition: opacity .22s ease, filter .22s ease;\n      display:block;\n    }\n\n    .sfv-logo:hover img{\n      opacity:1;\n      filter: grayscale(0) contrast(1.08);\n    }\n\n    \/* ===== Trust line ===== *\/\n    .sfv-partners__trustline{\n      margin: 18px auto 0;\n      text-align:center;\n      color: var(--sfv-muted2);\n      font-size:14px;\n      line-height:1.6;\n      letter-spacing:.01em;\n      opacity:0;\n      transform: translateY(10px);\n    }\n\n    .sfv-partners.is-inview .sfv-partners__trustline{\n      animation: sfvFadeUp .62s cubic-bezier(.2,.8,.2,1) both;\n      animation-delay:.30s;\n    }\n\n    \/* ===== Optional CTA Bar ===== *\/\n    .sfv-partners__cta{\n      margin-top: 22px;\n      background: rgba(255,255,255,.96);\n      border: 1px solid rgba(11,147,160,.22);\n      border-radius: 16px;\n      padding: 16px 16px;\n      box-shadow:\n        0 18px 55px rgba(6,61,94,.07),\n        0 6px 16px rgba(0,0,0,.05);\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap: 14px;\n\n      opacity:0;\n      transform: translateY(12px);\n    }\n\n    .sfv-partners.is-inview .sfv-partners__cta{\n      animation: sfvFadeUp .72s cubic-bezier(.2,.8,.2,1) both;\n      animation-delay:.22s;\n    }\n\n    .sfv-partners__ctaText{\n      margin:0;\n      color: var(--sfv-muted);\n      font-size:14.8px;\n      line-height:1.55;\n      max-width: 760px;\n    }\n\n    .sfv-partners__btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      height:48px;\n      padding: 0 18px;\n      border-radius:999px;\n      background: var(--sfv-teal);\n      color:#fff;\n      text-decoration:none;\n      font-weight:900;\n      letter-spacing:.01em;\n      border: 1px solid rgba(11,147,160,.55);\n      box-shadow:\n        0 16px 34px rgba(6,61,94,.16),\n        0 0 22px rgba(11,147,160,.16);\n      transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;\n      white-space:nowrap;\n    }\n\n    .sfv-partners__btn:hover{\n      transform: translateY(-2px);\n      filter: brightness(1.03);\n      background: linear-gradient(90deg, var(--sfv-teal), var(--sfv-aqua));\n      box-shadow:\n        0 20px 44px rgba(6,61,94,.18),\n        0 0 26px rgba(55,209,209,.22);\n    }\n\n    .sfv-partners__btn svg{\n      width:18px; height:18px;\n      stroke: currentColor;\n      fill:none;\n      stroke-width:2.2;\n      stroke-linecap:round;\n      stroke-linejoin:round;\n      display:block;\n    }\n\n    @keyframes sfvFadeUp{\n      from{ opacity:0; transform: translateY(14px); }\n      to{ opacity:1; transform: translateY(0); }\n    }\n\n    \/* ===== Responsive ===== *\/\n    @media (max-width: 1024px){\n      .sfv-partners{ padding: 52px 0; }\n      .sfv-partners__h2{ font-size: 32px; }\n      .sfv-partners__grid{ grid-template-columns: repeat(3, minmax(0,1fr)); } \/* tablet 3 *\/\n    }\n\n    @media (max-width: 640px){\n      .sfv-partners{ padding: 46px 0; } \/* mobile 520\u2013700 *\/\n      .sfv-partners__head{ margin-bottom: 28px; }\n      .sfv-partners__h2{ font-size: 29px; }\n      .sfv-partners__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; } \/* mobile 2 *\/\n      .sfv-logo{ padding: 14px 14px; min-height: 76px; }\n      .sfv-logo img{ height: 40px; }\n      .sfv-partners__cta{ flex-direction:column; align-items:flex-start; }\n      .sfv-partners__btn{ width:100%; }\n    }\n\n    html, body{ overflow-x:hidden; }\n  <\/style>\n\n  <div class=\"sfv-partners__wrap\">\n\n    <!-- Header -->\n    <header class=\"sfv-partners__head\">\n      <p class=\"sfv-partners__eyebrow\">\u0110\u1ed0I T\u00c1C &amp; KH\u00c1CH H\u00c0NG<\/p>\n      <h2 class=\"sfv-partners__h2\">\u0110\u01b0\u1ee3c tin t\u01b0\u1edfng b\u1edfi c\u00e1c \u0111\u1ed1i t\u00e1c v\u00e0 doanh nghi\u1ec7p trong nhi\u1ec1u l\u0129nh v\u1ef1c<\/h2>\n      <p class=\"sfv-partners__sub\">\n        SOFAVI h\u01b0\u1edbng t\u1edbi m\u00f4 h\u00ecnh h\u1ee3p t\u00e1c l\u00e2u d\u00e0i d\u1ef1a tr\u00ean ch\u1ea5t l\u01b0\u1ee3ng \u1ed5n \u0111\u1ecbnh, n\u0103ng l\u1ef1c cung \u1ee9ng v\u00e0 s\u1ef1 minh b\u1ea1ch trong ki\u1ec3m so\u00e1t ti\u00eau chu\u1ea9n.\n        Ch\u00fang t\u00f4i s\u1eb5n s\u00e0ng \u0111\u1ed3ng h\u00e0nh c\u00f9ng doanh nghi\u1ec7p \u0111\u1ec3 t\u1ed1i \u01b0u hi\u1ec7u qu\u1ea3 s\u1ea3n xu\u1ea5t v\u00e0 ph\u00e1t tri\u1ec3n b\u1ec1n v\u1eefng.\n      <\/p>\n    <\/header>\n\n    <!-- Logo Wall (placeholder) -->\n    <div class=\"sfv-partners__grid\" aria-label=\"Danh s\u00e1ch logo \u0111\u1ed1i t\u00e1c (placeholder)\">\n      <!-- Thay link t\u1eebng logo b\u1eb1ng logo th\u1eadt c\u1ee7a b\u1ea1n -->\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 01\"><\/div>\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 02\"><\/div>\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 03\"><\/div>\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 04\"><\/div>\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 05\"><\/div>\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 06\"><\/div>\n\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 07\"><\/div>\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 08\"><\/div>\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 09\"><\/div>\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 10\"><\/div>\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 11\"><\/div>\n      <div class=\"sfv-logo\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/260x100\/ffffff\/063D5E.png&#038;text=Partner+Logo\" alt=\"Partner logo 12\"><\/div>\n    <\/div>\n\n    <!-- Trust line -->\n    <p class=\"sfv-partners__trustline\">\n      \u01afu ti\u00ean ch\u1ea5t l\u01b0\u1ee3ng \u1ed5n \u0111\u1ecbnh \u2022 N\u0103ng l\u1ef1c cung \u1ee9ng \u2022 H\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt \u2022 H\u1ee3p t\u00e1c d\u00e0i h\u1ea1n\n    <\/p>\n\n    <!-- Optional CTA bar -->\n    <div class=\"sfv-partners__cta\" aria-label=\"CTA h\u1ee3p t\u00e1c\">\n      <p class=\"sfv-partners__ctaText\">\n        B\u1ea1n mu\u1ed1n tr\u1edf th\u00e0nh \u0111\u1ed1i t\u00e1c cung \u1ee9ng ho\u1eb7c ph\u00e2n ph\u1ed1i c\u1ee7a SOFAVI? H\u00e3y li\u00ean h\u1ec7 \u0111\u1ec3 trao \u0111\u1ed5i c\u01a1 h\u1ed9i h\u1ee3p t\u00e1c.\n      <\/p>\n      <a class=\"sfv-partners__btn\" href=\"#contact-partnership\" aria-label=\"Li\u00ean h\u1ec7 h\u1ee3p t\u00e1c\">\n        Li\u00ean h\u1ec7 h\u1ee3p t\u00e1c\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    \/\/ Reveal on scroll: header + logo grid stagger + trust line + CTA\n    (function(){\n      const s = document.querySelector(\".sfv-partners\");\n      if(!s) return;\n\n      const io = new IntersectionObserver((es)=>{\n        es.forEach(e=>{\n          if(e.isIntersecting){\n            s.classList.add(\"is-inview\");\n            io.disconnect();\n          }\n        });\n      }, {threshold:0.14});\n\n      io.observe(s);\n    })();\n  <\/script>\n<\/section>\n\n<div class=\"row\"  id=\"row-1096558259\">\n\n\n\t<div id=\"col-107276251\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- =======================\nSOFAVI \u2014 NEWS \/ INSIGHTS SECTION (ONE-PASTE)\nWhite background \u2022 Heading center \u2022 Grid 3\/2\/1\nNews card: image 16:9 + meta date + title (2 lines) + excerpt (3 lines) + \"\u0110\u1ecdc th\u00eam\"\nCTA center: pill teal button \u2022 Motion: fade-up stagger\n======================= -->\n<section class=\"sfv-news\" aria-label=\"Tin t\u1ee9c v\u00e0 c\u1eadp nh\u1eadt SOFAVI\">\n  <style>\n    :root{\n      --sfv-navy:#063D5E;\n      --sfv-teal:#0B93A0;\n      --sfv-aqua:#37D1D1;\n      --sfv-white:#FFFFFF;\n      --sfv-muted:#4A5A6A;\n      --sfv-muted2:#5A6B7B;\n      --sfv-meta:#7A8A9A;\n      --sfv-line:rgba(6,61,94,.10);\n    }\n\n    \/* ===== Force SHARP typography ===== *\/\n    .sfv-news, .sfv-news *{\n      font-family:\"Helvetica Neue\", Helvetica, Arial, Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif !important;\n      -webkit-font-smoothing: antialiased !important;\n      -moz-osx-font-smoothing: grayscale !important;\n      text-rendering: geometricPrecision !important;\n      box-sizing:border-box;\n    }\n\n    .sfv-news{\n      width:100%;\n      background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFD 100%);\n      padding: 64px 0; \/* desktop target 560\u2013640 *\/\n      overflow:hidden;\n    }\n\n    .sfv-news__wrap{\n      max-width:1200px;\n      margin:0 auto;\n      padding: 0 clamp(16px, 3vw, 26px);\n    }\n\n    \/* ===== Header ===== *\/\n    .sfv-news__head{\n      text-align:center;\n      max-width: 920px;\n      margin: 0 auto 44px; \/* 40\u201348 *\/\n      opacity:0;\n      transform: translateY(14px);\n    }\n\n    .sfv-news.is-inview .sfv-news__head{\n      animation: sfvFadeUp .72s cubic-bezier(.2,.8,.2,1) both;\n    }\n\n    .sfv-news__eyebrow{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      margin:0 0 8px 0;\n      font-size:14px;\n      font-weight:600;\n      letter-spacing:.08em;\n      text-transform:uppercase;\n      color: var(--sfv-teal);\n    }\n    .sfv-news__eyebrow::before,\n    .sfv-news__eyebrow::after{\n      content:\"\";\n      width:26px; height:2px;\n      border-radius:999px;\n      opacity:.95;\n    }\n    .sfv-news__eyebrow::before{\n      background: linear-gradient(90deg, rgba(11,147,160,0), rgba(11,147,160,.95));\n    }\n    .sfv-news__eyebrow::after{\n      background: linear-gradient(90deg, rgba(11,147,160,.95), rgba(11,147,160,0));\n    }\n\n    .sfv-news__h2{\n      margin:0 0 10px 0;\n      font-weight:900;\n      letter-spacing:-.02em;\n      color: var(--sfv-navy);\n      font-size: 38px; \/* 36\u201338 *\/\n      line-height:1.2;\n      text-shadow: 0 18px 30px rgba(6,61,94,.10);\n    }\n\n    .sfv-news__sub{\n      margin:0;\n      color: var(--sfv-muted);\n      font-size:16px;\n      line-height:1.7;\n      max-width: 820px;\n      margin-left:auto;\n      margin-right:auto;\n    }\n\n    \/* ===== Grid ===== *\/\n    .sfv-news__grid{\n      display:grid;\n      grid-template-columns: repeat(3, minmax(0,1fr));\n      gap: 34px; \/* 30\u201336 *\/\n      align-items:stretch;\n    }\n\n    \/* ===== Card ===== *\/\n    .sfv-post{\n      background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,1) 100%);\n      border-radius:16px;\n      overflow:hidden;\n      border:1px solid rgba(6,61,94,.10);\n      box-shadow:\n        0 18px 55px rgba(6,61,94,.10),\n        0 6px 16px rgba(0,0,0,.06);\n      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;\n      position:relative;\n\n      opacity:0;\n      transform: translateY(18px);\n      will-change: transform;\n      height: 410px; \/* 360\u2013420 *\/\n      display:flex;\n      flex-direction:column;\n    }\n\n    .sfv-news.is-inview .sfv-post{\n      animation: sfvFadeUp .72s cubic-bezier(.2,.8,.2,1) both;\n    }\n    .sfv-news.is-inview .sfv-post:nth-child(1){ animation-delay:.10s; }\n    .sfv-news.is-inview .sfv-post:nth-child(2){ animation-delay:.20s; }\n    .sfv-news.is-inview .sfv-post:nth-child(3){ animation-delay:.30s; }\n\n    .sfv-post:hover{\n      transform: translateY(-6px);\n      border-color: rgba(11,147,160,.30);\n      box-shadow:\n        0 26px 75px rgba(6,61,94,.14),\n        0 10px 26px rgba(0,0,0,.08),\n        0 0 40px rgba(55,209,209,.10);\n    }\n\n    \/* Image 16:9 (200\u2013220px) *\/\n    .sfv-post__media{\n      position:relative;\n      height: 216px;\n      background: #EAF3F6;\n      overflow:hidden;\n      flex:0 0 auto;\n    }\n    .sfv-post__img{\n      width:100%; height:100%;\n      object-fit:cover;\n      object-position:center;\n      transform: scale(1);\n      transition: transform 1.2s ease;\n      filter: contrast(1.04) saturate(1.02);\n      display:block;\n    }\n    .sfv-post:hover .sfv-post__img{ transform: scale(1.05); }\n\n    .sfv-post__media::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:\n        linear-gradient(90deg, rgba(6,61,94,.10) 0%, rgba(6,61,94,.05) 45%, rgba(6,61,94,0) 100%),\n        linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.22) 100%);\n      pointer-events:none;\n    }\n\n    \/* Content *\/\n    .sfv-post__body{\n      padding: 16px 18px 18px;\n      display:flex;\n      flex-direction:column;\n      gap: 10px;\n      flex: 1 1 auto;\n    }\n\n    .sfv-post__meta{\n      font-size:13px;\n      color: var(--sfv-meta);\n      letter-spacing:.01em;\n      margin:0;\n    }\n\n    .sfv-post__title{\n      margin:0;\n      font-size:22px; \/* 20\u201322 *\/\n      font-weight:900;\n      letter-spacing:-.015em;\n      color: var(--sfv-navy);\n      line-height:1.3;\n      text-shadow: 0 14px 26px rgba(6,61,94,.10);\n\n      display:-webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow:hidden;\n      min-height: 56px; \/* gi\u1eef \u0111\u1ec1u *\/\n    }\n\n    .sfv-post__excerpt{\n      margin:0;\n      font-size:14.6px; \/* 14\u201315 *\/\n      color: var(--sfv-muted2);\n      line-height:1.6;\n\n      display:-webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical;\n      overflow:hidden;\n\n      flex: 1 1 auto;\n      min-height: 70px;\n    }\n\n    \/* Read more *\/\n    .sfv-post__more{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      color: var(--sfv-teal);\n      text-decoration:none;\n      font-weight:900;\n      font-size:14px;\n      letter-spacing:.01em;\n      margin-top: 2px;\n      align-self:flex-start;\n      transition: color .18s ease, transform .18s ease;\n      position:relative;\n      padding: 6px 0;\n    }\n\n    .sfv-post__more::after{\n      content:\"\";\n      position:absolute;\n      left:0; bottom:3px;\n      width:0%;\n      height:2px;\n      border-radius:999px;\n      background: linear-gradient(90deg, var(--sfv-teal), var(--sfv-aqua));\n      transition: width .22s ease;\n    }\n\n    .sfv-post__more:hover{\n      color: var(--sfv-aqua);\n      transform: translateY(-1px);\n    }\n    .sfv-post__more:hover::after{ width:100%; }\n\n    .sfv-post__more svg{\n      width:18px; height:18px;\n      stroke: currentColor;\n      fill:none;\n      stroke-width:2.2;\n      stroke-linecap:round;\n      stroke-linejoin:round;\n      display:block;\n    }\n\n    \/* CTA center button *\/\n    .sfv-news__ctaWrap{\n      display:flex;\n      justify-content:center;\n      margin-top: 34px; \/* 30\u201336 *\/\n      opacity:0;\n      transform: translateY(12px);\n    }\n\n    .sfv-news.is-inview .sfv-news__ctaWrap{\n      animation: sfvFadeUp .72s cubic-bezier(.2,.8,.2,1) both;\n      animation-delay:.18s;\n    }\n\n    .sfv-news__cta{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      height:48px;\n      padding: 0 22px;\n      border-radius:999px;\n      background: var(--sfv-teal);\n      color:#fff;\n      text-decoration:none;\n      font-weight:900;\n      letter-spacing:.01em;\n      border: 1px solid rgba(11,147,160,.55);\n      box-shadow:\n        0 16px 34px rgba(6,61,94,.16),\n        0 0 22px rgba(11,147,160,.16);\n      transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;\n      white-space:nowrap;\n    }\n\n    .sfv-news__cta:hover{\n      transform: translateY(-2px);\n      filter: brightness(1.03);\n      background: linear-gradient(90deg, var(--sfv-teal), var(--sfv-aqua));\n      box-shadow:\n        0 20px 44px rgba(6,61,94,.18),\n        0 0 26px rgba(55,209,209,.22);\n    }\n\n    .sfv-news__cta svg{\n      width:18px; height:18px;\n      stroke: currentColor;\n      fill:none;\n      stroke-width:2.2;\n      stroke-linecap:round;\n      stroke-linejoin:round;\n      display:block;\n    }\n\n    @keyframes sfvFadeUp{\n      from{ opacity:0; transform: translateY(14px); }\n      to{ opacity:1; transform: translateY(0); }\n    }\n\n    \/* ===== Responsive ===== *\/\n    @media (max-width: 1024px){\n      .sfv-news{ padding: 56px 0; }\n      .sfv-news__h2{ font-size: 32px; }\n      .sfv-news__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }\n      .sfv-post{ height: 410px; }\n    }\n\n    @media (max-width: 640px){\n      .sfv-news{ padding: 46px 0; } \/* mobile target 900\u20131100 t\u00f9y content *\/\n      .sfv-news__head{ margin-bottom: 28px; }\n      .sfv-news__h2{ font-size: 29px; }\n      .sfv-news__grid{ grid-template-columns: 1fr; gap: 14px; }\n      .sfv-post{ height: auto; } \/* mobile: t\u1ef1 gi\u00e3n *\/\n      .sfv-post__media{ height: 210px; }\n      .sfv-news__cta{ width:100%; }\n      .sfv-news__ctaWrap{ margin-top: 22px; }\n    }\n\n    html, body{ overflow-x:hidden; }\n  <\/style>\n\n  <div class=\"sfv-news__wrap\">\n    <!-- Header -->\n    <header class=\"sfv-news__head\">\n      <p class=\"sfv-news__eyebrow\">TIN T\u1ee8C &amp; C\u1eacP NH\u1eacT<\/p>\n      <h2 class=\"sfv-news__h2\">Th\u00f4ng tin m\u1edbi nh\u1ea5t t\u1eeb SOFAVI v\u00e0 ng\u00e0nh Sorbitol<\/h2>\n      <p class=\"sfv-news__sub\">\n        C\u1eadp nh\u1eadt c\u00e1c ho\u1ea1t \u0111\u1ed9ng c\u1ee7a SOFAVI, th\u00f4ng tin v\u1ec1 ng\u00e0nh Sorbitol v\u00e0 nh\u1eefng xu h\u01b0\u1edbng m\u1edbi trong l\u0129nh v\u1ef1c nguy\u00ean li\u1ec7u c\u00f4ng nghi\u1ec7p.\n      <\/p>\n    <\/header>\n\n    <!-- Grid -->\n    <div class=\"sfv-news__grid\" aria-label=\"Danh s\u00e1ch b\u00e0i vi\u1ebft (placeholder)\">\n\n      <!-- Post 1 -->\n      <article class=\"sfv-post\">\n        <div class=\"sfv-post__media\">\n          <!-- Placeholder \u1ea3nh b\u00e0i vi\u1ebft (thay link sau) -->\n          <img decoding=\"async\" class=\"sfv-post__img\"\n               src=\"https:\/\/images.unsplash.com\/photo-1581092580497-e0d23cbdf1dc?auto=format&#038;fit=crop&#038;w=2000&#038;q=80\"\n               alt=\"\u1ea2nh b\u00e0i vi\u1ebft 01 (placeholder)\" loading=\"lazy\">\n        <\/div>\n        <div class=\"sfv-post__body\">\n          <p class=\"sfv-post__meta\">Tin t\u1ee9c \u2022 15\/03\/2026<\/p>\n          <h3 class=\"sfv-post__title\">SOFAVI c\u1eadp nh\u1eadt ti\u1ebfn \u0111\u1ed9 v\u1eadn h\u00e0nh d\u00e2y chuy\u1ec1n Sorbitol c\u00f4ng su\u1ea5t 30.000 t\u1ea5n\/n\u0103m<\/h3>\n          <p class=\"sfv-post__excerpt\">\n            Th\u00f4ng tin t\u1ed5ng quan v\u1ec1 qu\u00e1 tr\u00ecnh v\u1eadn h\u00e0nh, t\u1ed1i \u01b0u hi\u1ec7u su\u1ea5t v\u00e0 cam k\u1ebft ch\u1ea5t l\u01b0\u1ee3ng \u1ed5n \u0111\u1ecbnh ph\u1ee5c v\u1ee5 c\u00e1c doanh nghi\u1ec7p s\u1ea3n xu\u1ea5t quy m\u00f4 l\u1edbn.\n          <\/p>\n          <a class=\"sfv-post__more\" href=\"#news-1\" aria-label=\"\u0110\u1ecdc th\u00eam b\u00e0i vi\u1ebft 01\">\n            \u0110\u1ecdc th\u00eam\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Post 2 -->\n      <article class=\"sfv-post\">\n        <div class=\"sfv-post__media\">\n          <img decoding=\"async\" class=\"sfv-post__img\"\n               src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/NTD_4609-scaled.jpg\"\n               alt=\"\u1ea2nh b\u00e0i vi\u1ebft 02 (placeholder)\" loading=\"lazy\">\n        <\/div>\n        <div class=\"sfv-post__body\">\n          <p class=\"sfv-post__meta\">Insight \u2022 02\/03\/2026<\/p>\n          <h3 class=\"sfv-post__title\">Sorbitol trong c\u00f4ng nghi\u1ec7p: xu h\u01b0\u1edbng \u1ee9ng d\u1ee5ng v\u00e0 y\u00eau c\u1ea7u ti\u00eau chu\u1ea9n ch\u1ea5t l\u01b0\u1ee3ng<\/h3>\n          <p class=\"sfv-post__excerpt\">\n            T\u1ed5ng h\u1ee3p c\u00e1c \u0111i\u1ec3m quan tr\u1ecdng v\u1ec1 ki\u1ec3m so\u00e1t ch\u1ec9 ti\u00eau k\u1ef9 thu\u1eadt, \u0111\u1ed9 \u1ed5n \u0111\u1ecbnh l\u00f4 h\u00e0ng v\u00e0 ti\u00eau chu\u1ea9n h\u1ed3 s\u01a1 COA\/TDS trong h\u1ee3p t\u00e1c B2B.\n          <\/p>\n          <a class=\"sfv-post__more\" href=\"#news-2\" aria-label=\"\u0110\u1ecdc th\u00eam b\u00e0i vi\u1ebft 02\">\n            \u0110\u1ecdc th\u00eam\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Post 3 -->\n      <article class=\"sfv-post\">\n        <div class=\"sfv-post__media\">\n          <img decoding=\"async\" class=\"sfv-post__img\"\n               src=\"https:\/\/construction-theme.traffboost.net\/wp-content\/uploads\/2026\/03\/NTD_4802-scaled.jpg\"\n               alt=\"\u1ea2nh b\u00e0i vi\u1ebft 03 (placeholder)\" loading=\"lazy\">\n        <\/div>\n        <div class=\"sfv-post__body\">\n          <p class=\"sfv-post__meta\">Th\u00f4ng b\u00e1o \u2022 18\/02\/2026<\/p>\n          <h3 class=\"sfv-post__title\">SOFAVI c\u00f4ng b\u1ed1 quy tr\u00ecnh cung c\u1ea5p COA\/TDS theo t\u1eebng l\u00f4 s\u1ea3n xu\u1ea5t cho kh\u00e1ch h\u00e0ng<\/h3>\n          <p class=\"sfv-post__excerpt\">\n            Chu\u1ea9n h\u00f3a quy tr\u00ecnh g\u1eedi h\u1ed3 s\u01a1 k\u1ef9 thu\u1eadt, h\u1ed7 tr\u1ee3 ki\u1ec3m tra ch\u1ec9 ti\u00eau v\u00e0 ph\u1ed1i h\u1ee3p c\u00f9ng kh\u00e1ch h\u00e0ng nh\u1eb1m t\u1ed1i \u01b0u hi\u1ec7u qu\u1ea3 s\u1ea3n xu\u1ea5t.\n          <\/p>\n          <a class=\"sfv-post__more\" href=\"#news-3\" aria-label=\"\u0110\u1ecdc th\u00eam b\u00e0i vi\u1ebft 03\">\n            \u0110\u1ecdc th\u00eam\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"sfv-news__ctaWrap\">\n      <a class=\"sfv-news__cta\" href=\"#all-news\" aria-label=\"Xem t\u1ea5t c\u1ea3 tin t\u1ee9c\">\n        Xem t\u1ea5t c\u1ea3 tin t\u1ee9c\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ Reveal on scroll: header + cards + CTA\n    (function(){\n      const s = document.querySelector(\".sfv-news\");\n      if(!s) return;\n\n      const io = new IntersectionObserver((es)=>{\n        es.forEach(e=>{\n          if(e.isIntersecting){\n            s.classList.add(\"is-inview\");\n            io.disconnect();\n          }\n        });\n      }, {threshold:0.14});\n\n      io.observe(s);\n    })();\n  <\/script>\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"Nh\u00e0 s\u1ea3n xu\u1ea5t Sorbitol \u0111\u1ea7u ti\u00ean t\u1ea1i Vi\u1ec7t Nam SOFAVI \u0111\u1ea7u t\u01b0 x\u00e2y d\u1ef1ng nh\u00e0 m\u00e1y s\u1ea3n xu\u1ea5t Sorbitol, c\u00f4ng su\u1ea5t 30.000 t\u1ea5n\/n\u0103m theo ch\u1ee7 tr\u01b0\u01a1ng c\u1ee7a Ch\u00ednh ph\u1ee7 theo Quy\u1ebft \u0111\u1ecbnh s\u1ed1 81\/2009\/Q\u0110-TTg ng\u00e0y 21\/5\/2009 c\u1ee7a Th\u1ee7 T\u01b0\u1edbng Ch\u00ednh Ph\u1ee7. Li\u00ean h\u1ec7 t\u01b0 v\u1ea5n T\u1ea3i h\u1ed3 s\u01a1 n\u0103ng l\u1ef1c 30.000 t\u1ea5n \/ n\u0103m C\u00f4ng [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/construction-theme.traffboost.net\/en\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/construction-theme.traffboost.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/construction-theme.traffboost.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/construction-theme.traffboost.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/construction-theme.traffboost.net\/en\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":195,"href":"https:\/\/construction-theme.traffboost.net\/en\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":2303,"href":"https:\/\/construction-theme.traffboost.net\/en\/wp-json\/wp\/v2\/pages\/15\/revisions\/2303"}],"wp:attachment":[{"href":"https:\/\/construction-theme.traffboost.net\/en\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}