{"id":608,"date":"2026-10-02T07:10:47","date_gmt":"2026-10-02T07:10:47","guid":{"rendered":"https:\/\/farizon.com.sg\/new\/?page_id=608"},"modified":"2026-10-02T08:01:14","modified_gmt":"2026-10-02T08:01:14","slug":"supervan-6hr","status":"publish","type":"page","link":"https:\/\/farizon.com.sg\/?page_id=608","title":{"rendered":"Supervan 6HR"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 6HR\n   SECTION 01 \u2014 HIGH-ROOF ELECTRIC VAN HERO\n   SIDE \/ 3-QUARTER VEHICLE VERSION\n========================================================= *\/\n\n.sv6hr-hero,\n.sv6hr-hero *,\n.sv6hr-hero *::before,\n.sv6hr-hero *::after {\n  box-sizing:border-box;\n}\n\n.sv6hr-hero {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#182a3a;\n  --deep2:#21374a;\n  --text:#5d6672;\n  --muted:#8c959f;\n  --line:#e2e6ea;\n  --soft:#f3f5f7;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f9fa 0%,\n      #edf1f4 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv6hr-hero::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:560px;\n  height:560px;\n\n  left:-310px;\n  top:-330px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.11),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n.sv6hr-hero::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:620px;\n  height:620px;\n\n  right:-360px;\n  bottom:-390px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(38,54,72,.09),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv6hr-hero__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  min-height:720px;\n\n  margin:0 auto;\n\n  padding:\n    54px\n    24px\n    32px;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(420px,.82fr)\n    minmax(0,1.18fr);\n\n  gap:52px;\n\n  align-items:center;\n}\n\n\n\/* =========================================================\n   LEFT COPY\n========================================================= *\/\n\n.sv6hr-hero__copy {\n  position:relative;\n  z-index:10;\n\n  max-width:570px;\n\n  animation:\n    sv6hrCopyIn\n    .85s\n    cubic-bezier(.2,.7,.3,1)\n    both;\n}\n\n\n.sv6hr-hero__eyebrow {\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:14px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-hero__eyebrow::before {\n  content:\"\";\n\n  width:34px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n\/* =========================================================\n   H1\n========================================================= *\/\n\n.sv6hr-hero h1 {\n  max-width:620px;\n\n  margin:\n    0\n    0\n    18px;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      43px,\n      4.6vw,\n      62px\n    );\n\n  line-height:1.01;\n\n  letter-spacing:-1.45px;\n\n  font-weight:750;\n}\n\n\n.sv6hr-hero h1 span {\n  display:block;\n\n  margin-top:6px;\n\n  color:var(--orange);\n}\n\n\n\/* =========================================================\n   LEAD\n========================================================= *\/\n\n.sv6hr-hero__lead {\n  max-width:560px;\n\n  margin:\n    0\n    0\n    20px;\n\n  color:var(--text);\n\n  font-size:14px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   POSITIONING CHIPS\n========================================================= *\/\n\n.sv6hr-hero__chips {\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-bottom:25px;\n}\n\n\n.sv6hr-hero__chip {\n  padding:\n    8px\n    11px;\n\n  border:\n    1px solid\n    #dce2e6;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.72);\n\n  color:#66717c;\n\n  font-size:8px;\n  font-weight:650;\n\n  white-space:nowrap;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.sv6hr-hero__actions {\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:10px;\n\n  margin-bottom:28px;\n}\n\n\n.sv6hr-hero__btn {\n  min-height:47px;\n\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:9px;\n\n  padding:\n    0\n    19px;\n\n  border:\n    1px solid\n    transparent;\n\n  text-decoration:none !important;\n\n  font-size:10px;\n  font-weight:700;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n}\n\n\n.sv6hr-hero__btn:hover {\n  transform:translateY(-2px);\n}\n\n\n.sv6hr-hero__btn--primary {\n  background:var(--orange);\n\n  color:#ffffff !important;\n}\n\n\n.sv6hr-hero__btn--primary:hover {\n  background:var(--orange-dark);\n}\n\n\n.sv6hr-hero__btn--secondary {\n  border-color:#cbd2d8;\n\n  background:\n    rgba(255,255,255,.65);\n\n  color:var(--navy) !important;\n}\n\n\n.sv6hr-hero__btn--secondary:hover {\n  border-color:var(--navy);\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   RANGE POSITIONING\n========================================================= *\/\n\n.sv6hr-hero__positioning {\n  display:grid;\n\n  grid-template-columns:\n    43px\n    1fr;\n\n  gap:12px;\n\n  align-items:center;\n\n  max-width:545px;\n\n  padding-top:18px;\n\n  border-top:\n    1px solid\n    var(--line);\n}\n\n\n.sv6hr-hero__positioning-mark {\n  width:41px;\n  height:41px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,100,51,.10);\n\n  border:\n    1px solid\n    rgba(255,100,51,.18);\n\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n\n  animation:\n    sv6hrRangePulse\n    3.3s\n    ease-in-out\n    infinite;\n}\n\n\n.sv6hr-hero__positioning-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-hero__positioning-copy strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:11px;\n  font-weight:650;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   RIGHT VISUAL\n========================================================= *\/\n\n.sv6hr-hero__visual {\n  position:relative;\n\n  min-height:605px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #e8edf1 100%\n    );\n\n  box-shadow:\n    0 24px 58px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   TECHNICAL GRID\n========================================================= *\/\n\n.sv6hr-hero__grid {\n  position:absolute;\n\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    46px\n    46px;\n\n  opacity:.52;\n\n  mask-image:\n    radial-gradient(\n      circle at 50% 50%,\n      #000 20%,\n      transparent 88%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   GLOW\n========================================================= *\/\n\n.sv6hr-hero__glow {\n  position:absolute;\n\n  width:450px;\n  height:450px;\n\n  right:-170px;\n  top:-180px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.13),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   REAL SUPPORTING PHOTO\n========================================================= *\/\n\n.sv6hr-hero__photo {\n  position:absolute;\n\n  z-index:2;\n\n  top:31px;\n  right:31px;\n\n  width:200px;\n  height:260px;\n\n  overflow:hidden;\n\n  border:\n    7px solid\n    rgba(255,255,255,.92);\n\n  background:#dce2e6;\n\n  box-shadow:\n    0 18px 40px\n    rgba(38,54,72,.13);\n\n  transform:\n    rotate(1.7deg);\n\n  animation:\n    sv6hrPhotoFloat\n    6s\n    ease-in-out\n    infinite;\n}\n\n\n.sv6hr-hero__photo img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:center;\n}\n\n\n\/* =========================================================\n   MAIN VEHICLE PNG\n   SIDE \/ 3-QUARTER HERO ANGLE\n========================================================= *\/\n\n.sv6hr-hero__vehicle {\n  position:absolute;\n\n  z-index:6;\n\n  left:46%;\n  top:51%;\n\n  width:\n    min(\n      92%,\n      850px\n    );\n\n  transform:\n    translate(-50%,-50%);\n}\n\n\n.sv6hr-hero__vehicle img {\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  object-fit:contain;\n\n  filter:\n    drop-shadow(\n      0 27px 20px\n      rgba(31,46,59,.18)\n    );\n\n  animation:\n    sv6hrVehicleFloat\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   GROUND\n========================================================= *\/\n\n.sv6hr-hero__ground {\n  position:absolute;\n\n  z-index:4;\n\n  left:47%;\n  bottom:102px;\n\n  width:74%;\n  height:28px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      ellipse,\n      rgba(38,54,72,.23),\n      transparent 72%\n    );\n\n  filter:blur(8px);\n\n  animation:\n    sv6hrGround\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   MOTION LINE\n========================================================= *\/\n\n.sv6hr-hero__motion-line {\n  position:absolute;\n\n  z-index:5;\n\n  left:7%;\n  right:7%;\n  bottom:89px;\n\n  height:4px;\n\n  overflow:hidden;\n\n  border-radius:999px;\n\n  background:\n    rgba(38,54,72,.08);\n}\n\n\n.sv6hr-hero__motion-line::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:-30%;\n  top:0;\n\n  width:30%;\n  height:100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange),\n      #ff9a78,\n      transparent\n    );\n\n  animation:\n    sv6hrMotionSweep\n    2.8s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   VISUAL BADGE\n========================================================= *\/\n\n.sv6hr-hero__badge {\n  position:absolute;\n\n  z-index:10;\n\n  top:25px;\n  left:25px;\n\n  padding:\n    11px\n    13px;\n\n  background:var(--navy);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 12px 27px\n    rgba(38,54,72,.14);\n}\n\n\n.sv6hr-hero__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-hero__badge strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   CARGO CARD\n========================================================= *\/\n\n.sv6hr-hero__capacity {\n  position:absolute;\n\n  z-index:10;\n\n  right:25px;\n  bottom:107px;\n\n  min-width:168px;\n\n  padding:\n    14px\n    15px;\n\n  background:\n    rgba(255,255,255,.95);\n\n  box-shadow:\n    0 14px 31px\n    rgba(38,54,72,.12);\n\n  backdrop-filter:blur(8px);\n\n  -webkit-backdrop-filter:blur(8px);\n}\n\n\n.sv6hr-hero__capacity span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-hero__capacity strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--navy);\n\n  font-size:27px;\n  font-weight:750;\n\n  line-height:1;\n}\n\n\n.sv6hr-hero__capacity small {\n  display:block;\n\n  color:var(--text);\n\n  font-size:7px;\n}\n\n\n\/* =========================================================\n   STATS\n========================================================= *\/\n\n.sv6hr-hero__stats {\n  position:absolute;\n\n  z-index:12;\n\n  left:21px;\n  right:21px;\n  bottom:19px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    rgba(255,255,255,.95);\n\n  box-shadow:\n    0 13px 32px\n    rgba(38,54,72,.09);\n\n  backdrop-filter:blur(9px);\n\n  -webkit-backdrop-filter:blur(9px);\n}\n\n\n.sv6hr-hero__stat {\n  position:relative;\n\n  padding:\n    14px\n    12px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  transition:\n    background .25s ease;\n}\n\n\n.sv6hr-hero__stat:last-child {\n  border-right:0;\n}\n\n\n.sv6hr-hero__stat:hover {\n  background:#fafbfc;\n}\n\n\n.sv6hr-hero__stat::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:2px;\n\n  background:var(--orange);\n\n  transition:\n    width .35s ease;\n}\n\n\n.sv6hr-hero__stat:hover::after {\n  width:100%;\n}\n\n\n.sv6hr-hero__stat span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.85px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-hero__stat strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--navy);\n\n  font-size:15px;\n  font-weight:750;\n\n  line-height:1.1;\n}\n\n\n.sv6hr-hero__stat small {\n  display:block;\n\n  color:var(--text);\n\n  font-size:7px;\n\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.sv6hr-hero__note {\n  grid-column:1 \/ -1;\n\n  margin:\n    -2px\n    0\n    0;\n\n  color:#929ba4;\n\n  font-size:7px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv6hrCopyIn {\n\n  from {\n    opacity:.2;\n\n    transform:\n      translateX(-17px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateX(0);\n  }\n\n}\n\n\n@keyframes sv6hrVehicleFloat {\n\n  0%,\n  100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-7px);\n  }\n\n}\n\n\n@keyframes sv6hrPhotoFloat {\n\n  0%,\n  100% {\n    transform:\n      rotate(1.7deg)\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      rotate(.9deg)\n      translateY(-6px);\n  }\n\n}\n\n\n@keyframes sv6hrGround {\n\n  0%,\n  100% {\n    transform:\n      translateX(-50%)\n      scaleX(.94);\n\n    opacity:.66;\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      scaleX(1.02);\n\n    opacity:.94;\n  }\n\n}\n\n\n@keyframes sv6hrMotionSweep {\n\n  from {\n    left:-30%;\n  }\n\n  65% {\n    left:105%;\n  }\n\n  100% {\n    left:105%;\n  }\n\n}\n\n\n@keyframes sv6hrRangePulse {\n\n  0%,\n  100% {\n    box-shadow:\n      0 0 0 0\n      rgba(255,100,51,0);\n  }\n\n  50% {\n    box-shadow:\n      0 0 0 7px\n      rgba(255,100,51,.07);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv6hr-hero__inner {\n    min-height:680px;\n\n    grid-template-columns:\n      minmax(380px,.86fr)\n      minmax(0,1.14fr);\n\n    gap:34px;\n  }\n\n\n  .sv6hr-hero h1 {\n    font-size:47px;\n  }\n\n\n  .sv6hr-hero__photo {\n    width:160px;\n    height:225px;\n  }\n\n\n  .sv6hr-hero__vehicle {\n    width:94%;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv6hr-hero__inner {\n    min-height:0;\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:30px;\n\n    padding:\n      46px\n      16px\n      24px;\n\n    align-items:stretch;\n  }\n\n\n  .sv6hr-hero__copy {\n    max-width:none;\n  }\n\n\n  .sv6hr-hero__eyebrow {\n    margin-bottom:10px;\n\n    font-size:8px;\n  }\n\n\n  .sv6hr-hero h1 {\n    max-width:365px;\n\n    margin-bottom:14px;\n\n    font-size:34px;\n\n    line-height:1.04;\n\n    letter-spacing:-.8px;\n  }\n\n\n  .sv6hr-hero__lead {\n    max-width:365px;\n\n    margin-bottom:18px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  .sv6hr-hero__chips {\n    margin-bottom:19px;\n  }\n\n\n  .sv6hr-hero__chip {\n    padding:\n      7px\n      9px;\n\n    font-size:7px;\n  }\n\n\n  \/* CTA *\/\n\n  .sv6hr-hero__actions {\n    display:grid;\n\n    grid-template-columns:\n      1fr\n      1fr;\n\n    margin-bottom:22px;\n  }\n\n\n  .sv6hr-hero__btn {\n    min-height:44px;\n\n    padding:\n      0\n      9px;\n\n    font-size:8px;\n  }\n\n\n  .sv6hr-hero__positioning {\n    padding-top:16px;\n  }\n\n\n  .sv6hr-hero__positioning-copy strong {\n    font-size:9px;\n  }\n\n\n  \/* VISUAL *\/\n\n  .sv6hr-hero__visual {\n    min-height:510px;\n  }\n\n\n  .sv6hr-hero__photo {\n    top:15px;\n    right:14px;\n\n    width:104px;\n    height:150px;\n\n    border-width:5px;\n  }\n\n\n  .sv6hr-hero__badge {\n    top:14px;\n    left:14px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv6hr-hero__vehicle {\n    left:48%;\n    top:48%;\n\n    width:103%;\n  }\n\n\n  .sv6hr-hero__ground {\n    left:49%;\n    bottom:123px;\n\n    width:80%;\n  }\n\n\n  .sv6hr-hero__motion-line {\n    bottom:115px;\n\n    left:6%;\n    right:6%;\n  }\n\n\n  .sv6hr-hero__capacity {\n    right:14px;\n    bottom:132px;\n\n    min-width:126px;\n\n    padding:\n      10px\n      11px;\n  }\n\n\n  .sv6hr-hero__capacity strong {\n    font-size:21px;\n  }\n\n\n  \/* STATS *\/\n\n  .sv6hr-hero__stats {\n    left:12px;\n    right:12px;\n    bottom:12px;\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .sv6hr-hero__stat {\n    padding:\n      11px\n      10px;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv6hr-hero__stat:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sv6hr-hero__stat:nth-child(3),\n  .sv6hr-hero__stat:nth-child(4) {\n    border-bottom:0;\n  }\n\n\n  .sv6hr-hero__stat strong {\n    font-size:13px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv6hr-hero h1 {\n    font-size:31px;\n  }\n\n\n  .sv6hr-hero__actions {\n    grid-template-columns:1fr;\n  }\n\n\n  .sv6hr-hero__visual {\n    min-height:480px;\n  }\n\n\n  .sv6hr-hero__photo {\n    width:90px;\n    height:132px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv6hr-hero *,\n  .sv6hr-hero *::before,\n  .sv6hr-hero *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv6hr-hero\"\n  id=\"supervan-6hr\">\n\n\n  <div class=\"sv6hr-hero__inner\">\n\n\n    <!-- =====================================================\n         COPY\n    ====================================================== -->\n\n    <div class=\"sv6hr-hero__copy\">\n\n\n      <div class=\"sv6hr-hero__eyebrow\">\n        Farizon SuperVan 6HR\n      <\/div>\n\n\n      <h1>\n\n        Farizon SuperVan 6HR\n\n        <span>\n          High-Roof Electric Van Singapore\n        <\/span>\n\n      <\/h1>\n\n\n      <p class=\"sv6hr-hero__lead\">\n        A high-roof electric commercial van built for\n        delivery, logistics and fleet operations, the\n        Farizon SuperVan 6HR combines up to 13.0m\u00b3 of cargo\n        space with the longest WLTP range in the SuperVan range.\n      <\/p>\n\n\n\n      <!-- USE CASES -->\n\n      <div class=\"sv6hr-hero__chips\">\n\n        <span class=\"sv6hr-hero__chip\">\n          Long-Distance Delivery\n        <\/span>\n\n        <span class=\"sv6hr-hero__chip\">\n          Logistics\n        <\/span>\n\n        <span class=\"sv6hr-hero__chip\">\n          Fleet Operations\n        <\/span>\n\n        <span class=\"sv6hr-hero__chip\">\n          Custom Commercial Use\n        <\/span>\n\n      <\/div>\n\n\n\n      <!-- CTA -->\n\n      <div class=\"sv6hr-hero__actions\">\n\n\n        <a\n          class=\"sv6hr-hero__btn sv6hr-hero__btn--primary\"\n          href=\"#sv6hr-cargo\">\n\n          Explore the 6HR\n\n          <span>\n            \u2193\n          <\/span>\n\n        <\/a>\n\n\n        <a\n          class=\"sv6hr-hero__btn sv6hr-hero__btn--secondary\"\n          href=\"#sv6hr-enquiry\">\n\n          Discuss Your Requirement\n\n          <span>\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n      <\/div>\n\n\n\n      <!-- POSITIONING -->\n\n      <div class=\"sv6hr-hero__positioning\">\n\n\n        <div class=\"sv6hr-hero__positioning-mark\">\n          398\n        <\/div>\n\n\n        <div class=\"sv6hr-hero__positioning-copy\">\n\n          <span>\n            SuperVan Range Positioning\n          <\/span>\n\n          <strong>\n            Up to 398km WLTP \u2014 the longest WLTP range\n            in the SuperVan range.\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         VISUAL\n    ====================================================== -->\n\n    <div class=\"sv6hr-hero__visual\">\n\n\n      <div class=\"sv6hr-hero__grid\"><\/div>\n\n\n      <div class=\"sv6hr-hero__glow\"><\/div>\n\n\n\n      <!-- REAL VEHICLE PHOTO -->\n\n      <div class=\"sv6hr-hero__photo\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/7-2-scaled.jpg\"\n          alt=\"Farizon SuperVan 6HR high-roof electric commercial van\"\n          fetchpriority=\"high\"\n          decoding=\"async\">\n\n      <\/div>\n\n\n\n      <!-- BADGE -->\n\n      <div class=\"sv6hr-hero__badge\">\n\n        <span>\n          High-Roof Electric Commercial Van\n        <\/span>\n\n        <strong>\n          Farizon SuperVan 6HR\n        <\/strong>\n\n      <\/div>\n\n\n\n      <!-- GROUND -->\n\n      <div class=\"sv6hr-hero__ground\"><\/div>\n\n\n\n      <!-- ===================================================\n           MAIN SIDE \/ 3-QUARTER PNG\n      ==================================================== -->\n\n      <div class=\"sv6hr-hero__vehicle\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/10-scaled.png\"\n          alt=\"Farizon SuperVan 6HR high-roof electric van Singapore\"\n          fetchpriority=\"high\"\n          decoding=\"async\">\n\n      <\/div>\n\n\n\n      <!-- MOTION LINE -->\n\n      <div class=\"sv6hr-hero__motion-line\"><\/div>\n\n\n\n      <!-- CARGO CARD -->\n\n      <div class=\"sv6hr-hero__capacity\">\n\n        <span>\n          Cargo Space\n        <\/span>\n\n        <strong>\n          13.0m\u00b3\n        <\/strong>\n\n        <small>\n          Up to cargo capacity\n        <\/small>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           KEY STATS\n      ==================================================== -->\n\n      <div class=\"sv6hr-hero__stats\">\n\n\n        <div class=\"sv6hr-hero__stat\">\n\n          <span>\n            Cargo Space\n          <\/span>\n\n          <strong>\n            Up to 13.0m\u00b3\n          <\/strong>\n\n          <small>\n            High-roof cargo volume\n          <\/small>\n\n        <\/div>\n\n\n\n        <div class=\"sv6hr-hero__stat\">\n\n          <span>\n            WLTP Range\n          <\/span>\n\n          <strong>\n            Up to 398km\n          <\/strong>\n\n          <small>\n            Electric driving range\n          <\/small>\n\n        <\/div>\n\n\n\n        <div class=\"sv6hr-hero__stat\">\n\n          <span>\n            Battery\n          <\/span>\n\n          <strong>\n            Up to 106kWh\n          <\/strong>\n\n          <small>\n            Battery capacity\n          <\/small>\n\n        <\/div>\n\n\n\n        <div class=\"sv6hr-hero__stat\">\n\n          <span>\n            Payload\n          <\/span>\n\n          <strong>\n            Up to 1,180kg\n          <\/strong>\n\n          <small>\n            Commercial payload\n          <\/small>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- NOTE -->\n\n    <p class=\"sv6hr-hero__note\">\n      *Range, cargo capacity, battery capacity and payload may vary\n      according to vehicle specification, configuration, load,\n      operating conditions and market specification.\n    <\/p>\n\n\n  <\/div>\n\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 6HR\n   SECTION 02 \u2014 HIGH-ROOF CARGO STUDIO\n========================================================= *\/\n\n.sv6hr-cargo,\n.sv6hr-cargo *,\n.sv6hr-cargo *::before,\n.sv6hr-cargo *::after {\n  box-sizing:border-box;\n}\n\n.sv6hr-cargo {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e2e6ea;\n  --soft:#f3f5f7;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    68px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:#ffffff;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  scroll-margin-top:90px;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv6hr-cargo::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.024) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.024) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    52px\n    52px;\n\n  pointer-events:none;\n}\n\n\n.sv6hr-cargo::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:540px;\n  height:540px;\n\n  right:-300px;\n  top:-320px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.085),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv6hr-cargo__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.sv6hr-cargo__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.62fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:29px;\n}\n\n\n.sv6hr-cargo__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cargo__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv6hr-cargo h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.9vw,\n      52px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1.1px;\n\n  font-weight:700;\n}\n\n\n.sv6hr-cargo h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv6hr-cargo__intro {\n  max-width:470px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   RADIO\n========================================================= *\/\n\n.sv6hr-cargo__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   STUDIO\n========================================================= *\/\n\n.sv6hr-cargo__studio {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.18fr)\n    minmax(350px,.82fr);\n\n  min-height:600px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#f4f6f8;\n\n  box-shadow:\n    0 24px 58px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   VEHICLE VIEWER\n========================================================= *\/\n\n.sv6hr-cargo__viewer {\n  position:relative;\n\n  min-width:0;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #f8fafb 0%,\n      #e7ecef 100%\n    );\n}\n\n\n\/* technical grid *\/\n\n.sv6hr-cargo__grid {\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    46px\n    46px;\n\n  opacity:.52;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   LARGE CARGO VOLUME MARKER\n========================================================= *\/\n\n.sv6hr-cargo__volume-ring {\n  position:absolute;\n\n  left:50%;\n  top:47%;\n\n  width:445px;\n  height:445px;\n\n  transform:\n    translate(-50%,-50%);\n\n  border:\n    1px solid\n    rgba(38,54,72,.07);\n\n  border-radius:50%;\n\n  animation:\n    sv6hrCargoRing\n    5.2s\n    ease-in-out\n    infinite;\n}\n\n\n.sv6hr-cargo__volume-ring::before {\n  content:\"\";\n\n  position:absolute;\n\n  inset:48px;\n\n  border:\n    1px dashed\n    rgba(38,54,72,.08);\n\n  border-radius:50%;\n}\n\n\n.sv6hr-cargo__volume-ring::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:8px;\n  height:8px;\n\n  right:55px;\n  top:80px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0 7px\n    rgba(255,100,51,.10);\n\n  animation:\n    sv6hrCargoNode\n    2.7s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   BADGE\n========================================================= *\/\n\n.sv6hr-cargo__badge {\n  position:absolute;\n\n  z-index:10;\n\n  top:26px;\n  left:26px;\n\n  padding:\n    10px\n    12px;\n\n  background:var(--navy);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 12px 27px\n    rgba(38,54,72,.14);\n}\n\n\n.sv6hr-cargo__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cargo__badge strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   VEHICLE IMAGES\n========================================================= *\/\n\n.sv6hr-cargo__vehicle-stage {\n  position:absolute;\n\n  inset:\n    70px\n    85px\n    130px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n}\n\n\n.sv6hr-cargo__vehicle {\n  position:absolute;\n\n  inset:0;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  opacity:0;\n\n  transform:\n    translateX(18px)\n    scale(.95);\n\n  transition:\n    opacity .65s ease,\n    transform .9s\n    cubic-bezier(.2,.7,.3,1);\n\n  pointer-events:none;\n}\n\n\n.sv6hr-cargo__vehicle img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:contain;\n\n  filter:\n    drop-shadow(\n      0 27px 20px\n      rgba(38,54,72,.18)\n    );\n}\n\n\n\/* active vehicle *\/\n\n#sv6hr-view1:checked\n~ .sv6hr-cargo__studio\n.sv6hr-cargo__vehicle--1,\n\n#sv6hr-view2:checked\n~ .sv6hr-cargo__studio\n.sv6hr-cargo__vehicle--2,\n\n#sv6hr-view3:checked\n~ .sv6hr-cargo__studio\n.sv6hr-cargo__vehicle--3,\n\n#sv6hr-view4:checked\n~ .sv6hr-cargo__studio\n.sv6hr-cargo__vehicle--4 {\n  opacity:1;\n\n  transform:\n    translateX(0)\n    scale(1);\n\n  pointer-events:auto;\n}\n\n\n\/* =========================================================\n   GROUND\n========================================================= *\/\n\n.sv6hr-cargo__ground {\n  position:absolute;\n\n  z-index:2;\n\n  left:50%;\n  bottom:117px;\n\n  width:65%;\n  height:26px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      ellipse,\n      rgba(38,54,72,.22),\n      transparent 72%\n    );\n\n  filter:blur(8px);\n\n  animation:\n    sv6hrCargoShadow\n    4.5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   CARGO VALUE\n========================================================= *\/\n\n.sv6hr-cargo__capacity {\n  position:absolute;\n\n  z-index:10;\n\n  right:27px;\n  top:27px;\n\n  min-width:168px;\n\n  padding:\n    13px\n    14px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    rgba(255,255,255,.94);\n\n  box-shadow:\n    0 13px 28px\n    rgba(38,54,72,.10);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv6hr-cargo__capacity span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cargo__capacity strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--navy);\n\n  font-size:26px;\n  font-weight:750;\n\n  line-height:1;\n}\n\n\n.sv6hr-cargo__capacity small {\n  color:var(--text);\n\n  font-size:7px;\n}\n\n\n\/* =========================================================\n   ANGLE INDICATOR\n========================================================= *\/\n\n.sv6hr-cargo__angles {\n  position:absolute;\n\n  z-index:11;\n\n  left:25px;\n  right:25px;\n  bottom:23px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    rgba(255,255,255,.95);\n\n  box-shadow:\n    0 12px 30px\n    rgba(38,54,72,.08);\n}\n\n\n.sv6hr-cargo__angle {\n  position:relative;\n\n  min-height:68px;\n\n  display:grid;\n\n  grid-template-columns:\n    26px\n    1fr;\n\n  gap:7px;\n\n  align-items:center;\n\n  padding:\n    11px\n    12px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  color:#89939c;\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    color .25s ease,\n    background .25s ease;\n}\n\n\n.sv6hr-cargo__angle:last-child {\n  border-right:0;\n}\n\n\n.sv6hr-cargo__angle:hover {\n  color:var(--navy);\n\n  background:#fafbfc;\n}\n\n\n.sv6hr-cargo__angle-num {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv6hr-cargo__angle-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cargo__angle-copy strong {\n  color:inherit;\n\n  font-size:8px;\n  font-weight:700;\n}\n\n\n\/* progress *\/\n\n.sv6hr-cargo__angle::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:3px;\n\n  background:var(--orange);\n}\n\n\n\/* active *\/\n\n#sv6hr-view1:checked\n~ .sv6hr-cargo__studio\nlabel[for=\"sv6hr-view1\"],\n\n#sv6hr-view2:checked\n~ .sv6hr-cargo__studio\nlabel[for=\"sv6hr-view2\"],\n\n#sv6hr-view3:checked\n~ .sv6hr-cargo__studio\nlabel[for=\"sv6hr-view3\"],\n\n#sv6hr-view4:checked\n~ .sv6hr-cargo__studio\nlabel[for=\"sv6hr-view4\"] {\n  color:var(--navy);\n\n  background:#ffffff;\n}\n\n\n#sv6hr-view1:checked\n~ .sv6hr-cargo__studio\nlabel[for=\"sv6hr-view1\"]::after,\n\n#sv6hr-view2:checked\n~ .sv6hr-cargo__studio\nlabel[for=\"sv6hr-view2\"]::after,\n\n#sv6hr-view3:checked\n~ .sv6hr-cargo__studio\nlabel[for=\"sv6hr-view3\"]::after,\n\n#sv6hr-view4:checked\n~ .sv6hr-cargo__studio\nlabel[for=\"sv6hr-view4\"]::after {\n  animation:\n    sv6hrCargoProgress\n    4.8s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   RIGHT CONTENT\n========================================================= *\/\n\n.sv6hr-cargo__content {\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    38px\n    34px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n\n  color:#ffffff;\n}\n\n\n\/* =========================================================\n   SECTION LABEL\n========================================================= *\/\n\n.sv6hr-cargo__content-label {\n  margin-bottom:10px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cargo__content h3 {\n  max-width:500px;\n\n  margin:\n    0\n    0\n    14px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      30px,\n      3vw,\n      39px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.75px;\n\n  font-weight:700;\n}\n\n\n.sv6hr-cargo__content > p {\n  max-width:500px;\n\n  margin:\n    0\n    0\n    24px;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size:11px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   HIGH-ROOF EXPLANATION\n========================================================= *\/\n\n.sv6hr-cargo__features {\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv6hr-cargo__feature {\n  display:grid;\n\n  grid-template-columns:\n    35px\n    1fr;\n\n  gap:10px;\n\n  padding:\n    14px\n    0;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv6hr-cargo__feature-num {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv6hr-cargo__feature strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n.sv6hr-cargo__feature span {\n  display:block;\n\n  color:\n    rgba(255,255,255,.44);\n\n  font-size:8px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   METRIC BLOCK\n========================================================= *\/\n\n.sv6hr-cargo__metric {\n  display:grid;\n\n  grid-template-columns:\n    1fr\n    1fr;\n\n  margin-top:23px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.03);\n}\n\n\n.sv6hr-cargo__metric-item {\n  padding:\n    15px\n    14px;\n}\n\n\n.sv6hr-cargo__metric-item:first-child {\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv6hr-cargo__metric-item span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cargo__metric-item strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:16px;\n  font-weight:750;\n\n  line-height:1.2;\n}\n\n\n\/* =========================================================\n   STATEMENT\n========================================================= *\/\n\n.sv6hr-cargo__statement {\n  margin-top:14px;\n\n  padding:\n    14px\n    15px;\n\n  border-left:\n    3px solid\n    var(--orange);\n\n  background:\n    rgba(255,255,255,.035);\n}\n\n\n.sv6hr-cargo__statement span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cargo__statement strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:11px;\n  font-weight:700;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv6hrCargoRing {\n\n  0%,\n  100% {\n    transform:\n      translate(-50%,-50%)\n      scale(.97);\n\n    opacity:.52;\n  }\n\n  50% {\n    transform:\n      translate(-50%,-50%)\n      scale(1.02);\n\n    opacity:1;\n  }\n\n}\n\n\n@keyframes sv6hrCargoNode {\n\n  0%,\n  100% {\n    opacity:.4;\n\n    transform:scale(.8);\n  }\n\n  50% {\n    opacity:1;\n\n    transform:scale(1);\n  }\n\n}\n\n\n@keyframes sv6hrCargoShadow {\n\n  0%,\n  100% {\n    transform:\n      translateX(-50%)\n      scaleX(.93);\n\n    opacity:.6;\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      scaleX(1.03);\n\n    opacity:.9;\n  }\n\n}\n\n\n@keyframes sv6hrCargoProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv6hr-cargo__studio {\n    grid-template-columns:\n      minmax(0,1.08fr)\n      minmax(340px,.92fr);\n  }\n\n\n  .sv6hr-cargo__vehicle-stage {\n    inset:\n      75px\n      55px\n      135px;\n  }\n\n\n  .sv6hr-cargo__volume-ring {\n    width:380px;\n    height:380px;\n  }\n\n\n  .sv6hr-cargo__content {\n    padding:\n      34px\n      28px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv6hr-cargo {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv6hr-cargo__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv6hr-cargo__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv6hr-cargo h2 {\n    max-width:355px;\n\n    margin-bottom:13px;\n\n    font-size:32px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv6hr-cargo__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* STACK *\/\n\n  .sv6hr-cargo__studio {\n    display:flex;\n\n    flex-direction:column;\n\n    min-height:0;\n  }\n\n\n  \/* VIEWER *\/\n\n  .sv6hr-cargo__viewer {\n    height:510px;\n  }\n\n\n  .sv6hr-cargo__badge {\n    top:14px;\n    left:14px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv6hr-cargo__capacity {\n    top:14px;\n    right:14px;\n\n    min-width:123px;\n\n    padding:\n      9px\n      10px;\n  }\n\n\n  .sv6hr-cargo__capacity strong {\n    font-size:20px;\n  }\n\n\n  .sv6hr-cargo__volume-ring {\n    width:310px;\n    height:310px;\n\n    top:44%;\n  }\n\n\n  .sv6hr-cargo__vehicle-stage {\n    inset:\n      75px\n      20px\n      145px;\n  }\n\n\n  .sv6hr-cargo__ground {\n    bottom:129px;\n\n    width:75%;\n  }\n\n\n  \/* ANGLES *\/\n\n  .sv6hr-cargo__angles {\n    left:12px;\n    right:12px;\n    bottom:12px;\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .sv6hr-cargo__angle {\n    min-height:59px;\n\n    padding:\n      8px\n      9px;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv6hr-cargo__angle:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sv6hr-cargo__angle:nth-child(3),\n  .sv6hr-cargo__angle:nth-child(4) {\n    border-bottom:0;\n  }\n\n\n  .sv6hr-cargo__angle-copy strong {\n    font-size:7px;\n  }\n\n\n  \/* CONTENT *\/\n\n  .sv6hr-cargo__content {\n    padding:\n      27px\n      20px\n      29px;\n  }\n\n\n  .sv6hr-cargo__content h3 {\n    font-size:27px;\n  }\n\n\n  .sv6hr-cargo__content > p {\n    font-size:10px;\n  }\n\n\n  .sv6hr-cargo__feature strong {\n    font-size:9px;\n  }\n\n\n  .sv6hr-cargo__feature span {\n    font-size:7px;\n  }\n\n\n  .sv6hr-cargo__metric-item strong {\n    font-size:13px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv6hr-cargo h2 {\n    font-size:29px;\n  }\n\n\n  .sv6hr-cargo__viewer {\n    height:485px;\n  }\n\n\n  .sv6hr-cargo__volume-ring {\n    width:280px;\n    height:280px;\n  }\n\n\n  .sv6hr-cargo__capacity {\n    min-width:105px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv6hr-cargo *,\n  .sv6hr-cargo *::before,\n  .sv6hr-cargo *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv6hr-cargo\"\n  id=\"sv6hr-cargo\">\n\n\n  <div class=\"sv6hr-cargo__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv6hr-cargo__header\">\n\n\n      <div>\n\n\n        <div class=\"sv6hr-cargo__eyebrow\">\n          High-Roof Cargo Platform\n        <\/div>\n\n\n        <h2>\n\n          More Space Above.\n\n          <span>\n            More Room for the Job.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv6hr-cargo__intro\">\n        With up to 13.0m\u00b3 of cargo space, the SuperVan 6HR\n        provides a high-roof commercial platform for businesses\n        that need greater cargo volume across delivery,\n        logistics and fleet operations.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RADIO CONTROLS\n    ====================================================== -->\n\n    <input\n      class=\"sv6hr-cargo__radio\"\n      type=\"radio\"\n      name=\"sv6hr-angle\"\n      id=\"sv6hr-view1\"\n      checked>\n\n\n    <input\n      class=\"sv6hr-cargo__radio\"\n      type=\"radio\"\n      name=\"sv6hr-angle\"\n      id=\"sv6hr-view2\">\n\n\n    <input\n      class=\"sv6hr-cargo__radio\"\n      type=\"radio\"\n      name=\"sv6hr-angle\"\n      id=\"sv6hr-view3\">\n\n\n    <input\n      class=\"sv6hr-cargo__radio\"\n      type=\"radio\"\n      name=\"sv6hr-angle\"\n      id=\"sv6hr-view4\">\n\n\n\n    <!-- =====================================================\n         STUDIO\n    ====================================================== -->\n\n    <div class=\"sv6hr-cargo__studio\">\n\n\n      <!-- ===================================================\n           VEHICLE VIEWER\n      ==================================================== -->\n\n      <div class=\"sv6hr-cargo__viewer\">\n\n\n        <div class=\"sv6hr-cargo__grid\"><\/div>\n\n\n        <div class=\"sv6hr-cargo__volume-ring\"><\/div>\n\n\n\n        <!-- BADGE -->\n\n        <div class=\"sv6hr-cargo__badge\">\n\n          <span>\n            Exterior Studio\n          <\/span>\n\n          <strong>\n            SuperVan 6HR\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- CAPACITY -->\n\n        <div class=\"sv6hr-cargo__capacity\">\n\n          <span>\n            Cargo Space\n          <\/span>\n\n          <strong>\n            13.0m\u00b3\n          <\/strong>\n\n          <small>\n            Up to cargo volume\n          <\/small>\n\n        <\/div>\n\n\n\n        <!-- GROUND -->\n\n        <div class=\"sv6hr-cargo__ground\"><\/div>\n\n\n\n        <!-- =================================================\n             VEHICLE ANGLES\n        ================================================== -->\n\n        <div class=\"sv6hr-cargo__vehicle-stage\">\n\n\n          <div class=\"sv6hr-cargo__vehicle sv6hr-cargo__vehicle--1\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/9-scaled.png\"\n              alt=\"Farizon SuperVan 6HR exterior view 1\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-cargo__vehicle sv6hr-cargo__vehicle--2\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/10-scaled.png\"\n              alt=\"Farizon SuperVan 6HR exterior view 2\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-cargo__vehicle sv6hr-cargo__vehicle--3\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/6-scaled.png\"\n              alt=\"Farizon SuperVan 6HR exterior view 3\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-cargo__vehicle sv6hr-cargo__vehicle--4\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/6-2-scaled.png\"\n              alt=\"Farizon SuperVan 6HR exterior view 4\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             ANGLE SELECTOR\n        ================================================== -->\n\n        <div class=\"sv6hr-cargo__angles\">\n\n\n          <label\n            class=\"sv6hr-cargo__angle\"\n            for=\"sv6hr-view1\">\n\n            <span class=\"sv6hr-cargo__angle-num\">\n              01\n            <\/span>\n\n            <span class=\"sv6hr-cargo__angle-copy\">\n\n              <span>\n                Exterior\n              <\/span>\n\n              <strong>\n                Vehicle View 01\n              <\/strong>\n\n            <\/span>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv6hr-cargo__angle\"\n            for=\"sv6hr-view2\">\n\n            <span class=\"sv6hr-cargo__angle-num\">\n              02\n            <\/span>\n\n            <span class=\"sv6hr-cargo__angle-copy\">\n\n              <span>\n                Exterior\n              <\/span>\n\n              <strong>\n                Vehicle View 02\n              <\/strong>\n\n            <\/span>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv6hr-cargo__angle\"\n            for=\"sv6hr-view3\">\n\n            <span class=\"sv6hr-cargo__angle-num\">\n              03\n            <\/span>\n\n            <span class=\"sv6hr-cargo__angle-copy\">\n\n              <span>\n                Exterior\n              <\/span>\n\n              <strong>\n                Vehicle View 03\n              <\/strong>\n\n            <\/span>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv6hr-cargo__angle\"\n            for=\"sv6hr-view4\">\n\n            <span class=\"sv6hr-cargo__angle-num\">\n              04\n            <\/span>\n\n            <span class=\"sv6hr-cargo__angle-copy\">\n\n              <span>\n                Exterior\n              <\/span>\n\n              <strong>\n                Vehicle View 04\n              <\/strong>\n\n            <\/span>\n\n          <\/label>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CONTENT\n      ==================================================== -->\n\n      <div class=\"sv6hr-cargo__content\">\n\n\n        <div class=\"sv6hr-cargo__content-label\">\n          High-Roof Commercial Advantage\n        <\/div>\n\n\n        <h3>\n          Built for Businesses That Need More Cargo Volume.\n        <\/h3>\n\n\n        <p>\n          The SuperVan 6HR combines a high-roof body with\n          up to 13.0m\u00b3 of cargo space, creating a larger\n          commercial platform for operators moving goods,\n          equipment and business loads across recurring routes.\n        <\/p>\n\n\n\n        <!-- FEATURES -->\n\n        <div class=\"sv6hr-cargo__features\">\n\n\n          <div class=\"sv6hr-cargo__feature\">\n\n            <span class=\"sv6hr-cargo__feature-num\">\n              01\n            <\/span>\n\n            <div>\n\n              <strong>\n                High-Roof Configuration\n              <\/strong>\n\n              <span>\n                Greater vertical cargo volume helps businesses\n                make better use of the available load space.\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-cargo__feature\">\n\n            <span class=\"sv6hr-cargo__feature-num\">\n              02\n            <\/span>\n\n            <div>\n\n              <strong>\n                Up to 13.0m\u00b3 Cargo Space\n              <\/strong>\n\n              <span>\n                Designed for commercial operations requiring\n                more room for goods, equipment and larger loads.\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-cargo__feature\">\n\n            <span class=\"sv6hr-cargo__feature-num\">\n              03\n            <\/span>\n\n            <div>\n\n              <strong>\n                Commercial Payload Capability\n              <\/strong>\n\n              <span>\n                Payload of up to 1,180kg supports a wide range\n                of delivery, logistics and fleet applications.\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- METRICS -->\n\n        <div class=\"sv6hr-cargo__metric\">\n\n\n          <div class=\"sv6hr-cargo__metric-item\">\n\n            <span>\n              Cargo Volume\n            <\/span>\n\n            <strong>\n              Up to 13.0m\u00b3\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv6hr-cargo__metric-item\">\n\n            <span>\n              Payload\n            <\/span>\n\n            <strong>\n              Up to 1,180kg\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- STATEMENT -->\n\n        <div class=\"sv6hr-cargo__statement\">\n\n          <span>\n            Commercial Cargo Platform\n          <\/span>\n\n          <strong>\n            High-roof practicality for delivery, logistics and fleet operations.\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"sv6hr-cargo\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n\n  const radios = [\n    document.getElementById(\"sv6hr-view1\"),\n    document.getElementById(\"sv6hr-view2\"),\n    document.getElementById(\"sv6hr-view3\"),\n    document.getElementById(\"sv6hr-view4\")\n  ].filter(Boolean);\n\n\n  if (radios.length < 2) {\n    return;\n  }\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const duration = 4800;\n\n  let timer = null;\n  let visible = false;\n  let interacting = false;\n\n\n  \/* =========================================================\n     CURRENT INDEX\n  ========================================================= *\/\n\n  function currentIndex() {\n\n    const index =\n      radios.findIndex(\n        function(radio) {\n\n          return radio.checked;\n\n        }\n      );\n\n\n    return index >= 0\n      ? index\n      : 0;\n\n  }\n\n\n  \/* =========================================================\n     STOP\n  ========================================================= *\/\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  \/* =========================================================\n     NEXT VIEW\n  ========================================================= *\/\n\n  function nextView() {\n\n    const next =\n      (\n        currentIndex() + 1\n      ) %\n      radios.length;\n\n\n    radios[next].checked =\n      true;\n\n\n    radios[next].dispatchEvent(\n      new Event(\n        \"change\",\n        {\n          bubbles:true\n        }\n      )\n    );\n\n  }\n\n\n  \/* =========================================================\n     AUTO ROTATE\n  ========================================================= *\/\n\n  function scheduleNext() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !visible ||\n      interacting ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          nextView();\n\n          scheduleNext();\n\n        },\n        duration\n      );\n\n  }\n\n\n  \/* =========================================================\n     MANUAL SELECTION\n  ========================================================= *\/\n\n  radios.forEach(\n    function(radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function () {\n\n          stopAuto();\n\n\n          window.setTimeout(\n            scheduleNext,\n            100\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     ONLY RUN WHEN VISIBLE\n  ========================================================= *\/\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function(entries) {\n\n          entries.forEach(\n            function(entry) {\n\n              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                scheduleNext();\n\n              } else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.25\n        }\n      );\n\n\n    observer.observe(section);\n\n  } else {\n\n    visible = true;\n\n    scheduleNext();\n\n  }\n\n\n  \/* =========================================================\n     DESKTOP HOVER PAUSE\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"mouseenter\",\n    function () {\n\n      interacting = true;\n\n      stopAuto();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"mouseleave\",\n    function () {\n\n      interacting = false;\n\n      scheduleNext();\n\n    }\n  );\n\n\n  \/* =========================================================\n     MOBILE TOUCH\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"touchstart\",\n    function () {\n\n      interacting = true;\n\n      stopAuto();\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  section.addEventListener(\n    \"touchend\",\n    function () {\n\n      window.setTimeout(\n        function () {\n\n          interacting = false;\n\n          scheduleNext();\n\n        },\n        900\n      );\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  \/* =========================================================\n     BROWSER TAB\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopAuto();\n\n      }\n\n      else if (visible) {\n\n        scheduleNext();\n\n      }\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 6HR\n   SECTION 03 \u2014 COMMERCIAL PRACTICALITY GALLERY\n========================================================= *\/\n\n.sv6hr-practical,\n.sv6hr-practical *,\n.sv6hr-practical *::before,\n.sv6hr-practical *::after {\n  box-sizing:border-box;\n}\n\n.sv6hr-practical {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --deep2:#203548;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e2e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    68px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #eef2f5 0%,\n      #f8f9fa 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv6hr-practical::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.023) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.023) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    54px\n    54px;\n\n  pointer-events:none;\n}\n\n\n.sv6hr-practical::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:540px;\n  height:540px;\n\n  left:-310px;\n  bottom:-340px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.08),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv6hr-practical__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.sv6hr-practical__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.62fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:29px;\n}\n\n\n.sv6hr-practical__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-practical__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv6hr-practical h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.9vw,\n      52px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1.1px;\n\n  font-weight:700;\n}\n\n\n.sv6hr-practical h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv6hr-practical__intro {\n  max-width:470px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   RADIO\n========================================================= *\/\n\n.sv6hr-practical__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   MAIN EDITORIAL STAGE\n========================================================= *\/\n\n.sv6hr-practical__stage {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.34fr)\n    minmax(330px,.66fr);\n\n  min-height:610px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 24px 58px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   PHOTO SIDE\n========================================================= *\/\n\n.sv6hr-practical__visual {\n  position:relative;\n\n  min-width:0;\n\n  min-height:610px;\n\n  overflow:hidden;\n\n  background:#dce2e6;\n}\n\n\n\/* =========================================================\n   PHOTO LAYERS\n========================================================= *\/\n\n.sv6hr-practical__photo {\n  position:absolute;\n\n  inset:0;\n\n  opacity:0;\n\n  transform:\n    scale(1.055);\n\n  transition:\n    opacity .75s ease,\n    transform 1.25s\n    cubic-bezier(.2,.7,.3,1);\n\n  pointer-events:none;\n}\n\n\n.sv6hr-practical__photo img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n  object-position:center;\n\n  transform:\n    scale(1.01);\n\n  transition:\n    transform 6s ease;\n}\n\n\n\/* ACTIVE *\/\n\n#sv6hr-real1:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__photo--1,\n\n#sv6hr-real2:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__photo--2,\n\n#sv6hr-real3:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__photo--3,\n\n#sv6hr-real4:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__photo--4 {\n  opacity:1;\n\n  transform:\n    scale(1);\n\n  pointer-events:auto;\n}\n\n\n#sv6hr-real1:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__photo--1 img,\n\n#sv6hr-real2:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__photo--2 img,\n\n#sv6hr-real3:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__photo--3 img,\n\n#sv6hr-real4:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__photo--4 img {\n  transform:\n    scale(1.055);\n}\n\n\n\/* =========================================================\n   PHOTO OVERLAY\n========================================================= *\/\n\n.sv6hr-practical__visual::after {\n  content:\"\";\n\n  position:absolute;\n  z-index:3;\n\n  inset:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(18,31,43,.16) 0%,\n      transparent 44%,\n      rgba(18,31,43,.03) 100%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   PHOTO BADGE\n========================================================= *\/\n\n.sv6hr-practical__badge {\n  position:absolute;\n\n  z-index:8;\n\n  top:27px;\n  left:27px;\n\n  padding:\n    11px\n    13px;\n\n  background:\n    rgba(38,54,72,.94);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 12px 27px\n    rgba(0,0,0,.14);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv6hr-practical__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-practical__badge strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   IMAGE COUNTER\n========================================================= *\/\n\n.sv6hr-practical__counter {\n  position:absolute;\n\n  z-index:8;\n\n  right:27px;\n  top:27px;\n\n  width:74px;\n  height:74px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.93);\n\n  box-shadow:\n    0 12px 28px\n    rgba(38,54,72,.12);\n\n  backdrop-filter:\n    blur(7px);\n\n  -webkit-backdrop-filter:\n    blur(7px);\n}\n\n\n.sv6hr-practical__counter span {\n  display:none;\n\n  color:var(--navy);\n\n  font-size:15px;\n  font-weight:750;\n}\n\n\n#sv6hr-real1:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__counter--1,\n\n#sv6hr-real2:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__counter--2,\n\n#sv6hr-real3:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__counter--3,\n\n#sv6hr-real4:checked\n~ .sv6hr-practical__stage\n.sv6hr-practical__counter--4 {\n  display:block;\n}\n\n\n\/* =========================================================\n   PHOTO CAPTION\n========================================================= *\/\n\n.sv6hr-practical__caption {\n  position:absolute;\n\n  z-index:8;\n\n  left:27px;\n  bottom:106px;\n\n  max-width:240px;\n\n  padding:\n    12px\n    14px;\n\n  background:\n    rgba(255,255,255,.94);\n\n  box-shadow:\n    0 12px 28px\n    rgba(38,54,72,.11);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv6hr-practical__caption span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-practical__caption strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   PHOTO SWITCHER\n========================================================= *\/\n\n.sv6hr-practical__switch {\n  position:absolute;\n\n  z-index:10;\n\n  left:27px;\n  right:27px;\n  bottom:24px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  border:\n    1px solid\n    rgba(255,255,255,.40);\n\n  background:\n    rgba(24,40,54,.88);\n\n  box-shadow:\n    0 14px 32px\n    rgba(0,0,0,.13);\n\n  backdrop-filter:\n    blur(10px);\n\n  -webkit-backdrop-filter:\n    blur(10px);\n}\n\n\n.sv6hr-practical__switch-item {\n  position:relative;\n\n  min-height:58px;\n\n  display:grid;\n\n  grid-template-columns:\n    24px\n    1fr;\n\n  gap:7px;\n\n  align-items:center;\n\n  padding:\n    9px\n    10px;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.11);\n\n  color:\n    rgba(255,255,255,.46);\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    color .25s ease,\n    background .25s ease;\n}\n\n\n.sv6hr-practical__switch-item:last-child {\n  border-right:0;\n}\n\n\n.sv6hr-practical__switch-item:hover {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.04);\n}\n\n\n.sv6hr-practical__switch-num {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv6hr-practical__switch-copy span {\n  display:block;\n\n  margin-bottom:2px;\n\n  color:\n    rgba(255,255,255,.28);\n\n  font-size:5px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-practical__switch-copy strong {\n  display:block;\n\n  color:inherit;\n\n  font-size:8px;\n  font-weight:700;\n}\n\n\n\/* PROGRESS *\/\n\n.sv6hr-practical__switch-item::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:3px;\n\n  background:var(--orange);\n}\n\n\n\/* ACTIVE *\/\n\n#sv6hr-real1:checked\n~ .sv6hr-practical__stage\nlabel[for=\"sv6hr-real1\"],\n\n#sv6hr-real2:checked\n~ .sv6hr-practical__stage\nlabel[for=\"sv6hr-real2\"],\n\n#sv6hr-real3:checked\n~ .sv6hr-practical__stage\nlabel[for=\"sv6hr-real3\"],\n\n#sv6hr-real4:checked\n~ .sv6hr-practical__stage\nlabel[for=\"sv6hr-real4\"] {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.045);\n}\n\n\n#sv6hr-real1:checked\n~ .sv6hr-practical__stage\nlabel[for=\"sv6hr-real1\"]::after,\n\n#sv6hr-real2:checked\n~ .sv6hr-practical__stage\nlabel[for=\"sv6hr-real2\"]::after,\n\n#sv6hr-real3:checked\n~ .sv6hr-practical__stage\nlabel[for=\"sv6hr-real3\"]::after,\n\n#sv6hr-real4:checked\n~ .sv6hr-practical__stage\nlabel[for=\"sv6hr-real4\"]::after {\n  animation:\n    sv6hrPracticalProgress\n    5s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   CONTENT PANEL\n========================================================= *\/\n\n.sv6hr-practical__content {\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    38px\n    34px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n\n  color:#ffffff;\n}\n\n\n\/* =========================================================\n   CONTENT TOP\n========================================================= *\/\n\n.sv6hr-practical__content-label {\n  margin-bottom:9px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-practical__content h3 {\n  max-width:490px;\n\n  margin:\n    0\n    0\n    14px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      38px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.7px;\n\n  font-weight:700;\n}\n\n\n.sv6hr-practical__content > p {\n  max-width:500px;\n\n  margin:\n    0\n    0\n    24px;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size:11px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   OPERATIONAL USES\n========================================================= *\/\n\n.sv6hr-practical__uses {\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv6hr-practical__use {\n  display:grid;\n\n  grid-template-columns:\n    35px\n    1fr;\n\n  gap:10px;\n\n  padding:\n    14px\n    0;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv6hr-practical__use-num {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv6hr-practical__use strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n.sv6hr-practical__use span {\n  display:block;\n\n  color:\n    rgba(255,255,255,.44);\n\n  font-size:8px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   DATA STRIP\n========================================================= *\/\n\n.sv6hr-practical__data {\n  display:grid;\n\n  grid-template-columns:\n    1fr\n    1fr;\n\n  margin-top:22px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.03);\n}\n\n\n.sv6hr-practical__data-item {\n  padding:\n    14px;\n}\n\n\n.sv6hr-practical__data-item:first-child {\n  border-right:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv6hr-practical__data-item span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-practical__data-item strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:15px;\n  font-weight:750;\n}\n\n\n\/* =========================================================\n   STATEMENT\n========================================================= *\/\n\n.sv6hr-practical__statement {\n  margin-top:14px;\n\n  padding:\n    14px\n    15px;\n\n  border-left:\n    3px solid\n    var(--orange);\n\n  background:\n    rgba(255,255,255,.035);\n}\n\n\n.sv6hr-practical__statement span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-practical__statement strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:11px;\n  font-weight:700;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes sv6hrPracticalProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv6hr-practical__stage {\n    grid-template-columns:\n      minmax(0,1.22fr)\n      minmax(340px,.78fr);\n  }\n\n\n  .sv6hr-practical__content {\n    padding:\n      34px\n      28px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv6hr-practical {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv6hr-practical__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv6hr-practical__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv6hr-practical h2 {\n    max-width:355px;\n\n    margin-bottom:13px;\n\n    font-size:32px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv6hr-practical__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* STAGE *\/\n\n  .sv6hr-practical__stage {\n    display:flex;\n\n    flex-direction:column;\n\n    min-height:0;\n  }\n\n\n  \/* PHOTO *\/\n\n  .sv6hr-practical__visual {\n    min-height:520px;\n  }\n\n\n  .sv6hr-practical__badge {\n    top:14px;\n    left:14px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv6hr-practical__counter {\n    top:14px;\n    right:14px;\n\n    width:52px;\n    height:52px;\n  }\n\n\n  .sv6hr-practical__counter span {\n    font-size:11px;\n  }\n\n\n  .sv6hr-practical__caption {\n    left:14px;\n    bottom:139px;\n\n    max-width:185px;\n\n    padding:\n      9px\n      10px;\n  }\n\n\n  \/* SWITCH *\/\n\n  .sv6hr-practical__switch {\n    left:12px;\n    right:12px;\n    bottom:12px;\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .sv6hr-practical__switch-item {\n    min-height:58px;\n\n    padding:\n      8px\n      9px;\n\n    border-bottom:\n      1px solid\n      rgba(255,255,255,.10);\n  }\n\n\n  .sv6hr-practical__switch-item:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sv6hr-practical__switch-item:nth-child(3),\n  .sv6hr-practical__switch-item:nth-child(4) {\n    border-bottom:0;\n  }\n\n\n  .sv6hr-practical__switch-copy strong {\n    font-size:7px;\n  }\n\n\n  \/* CONTENT *\/\n\n  .sv6hr-practical__content {\n    padding:\n      27px\n      20px\n      29px;\n  }\n\n\n  .sv6hr-practical__content h3 {\n    font-size:27px;\n  }\n\n\n  .sv6hr-practical__content > p {\n    font-size:10px;\n  }\n\n\n  .sv6hr-practical__use strong {\n    font-size:9px;\n  }\n\n\n  .sv6hr-practical__use span {\n    font-size:7px;\n  }\n\n\n  .sv6hr-practical__data-item strong {\n    font-size:13px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv6hr-practical h2 {\n    font-size:29px;\n  }\n\n\n  .sv6hr-practical__visual {\n    min-height:490px;\n  }\n\n\n  .sv6hr-practical__caption {\n    max-width:160px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv6hr-practical *,\n  .sv6hr-practical *::before,\n  .sv6hr-practical *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv6hr-practical\"\n  id=\"sv6hr-commercial-practicality\">\n\n\n  <div class=\"sv6hr-practical__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv6hr-practical__header\">\n\n\n      <div>\n\n\n        <div class=\"sv6hr-practical__eyebrow\">\n          Commercial Practicality\n        <\/div>\n\n\n        <h2>\n\n          Designed for the\n\n          <span>\n            Working Environment.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv6hr-practical__intro\">\n        The SuperVan 6HR is designed for commercial delivery,\n        logistics and fleet operations where cargo volume,\n        payload capability and everyday vehicle usability matter.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RADIO\n    ====================================================== -->\n\n    <input\n      class=\"sv6hr-practical__radio\"\n      type=\"radio\"\n      name=\"sv6hr-real-view\"\n      id=\"sv6hr-real1\"\n      checked>\n\n\n    <input\n      class=\"sv6hr-practical__radio\"\n      type=\"radio\"\n      name=\"sv6hr-real-view\"\n      id=\"sv6hr-real2\">\n\n\n    <input\n      class=\"sv6hr-practical__radio\"\n      type=\"radio\"\n      name=\"sv6hr-real-view\"\n      id=\"sv6hr-real3\">\n\n\n    <input\n      class=\"sv6hr-practical__radio\"\n      type=\"radio\"\n      name=\"sv6hr-real-view\"\n      id=\"sv6hr-real4\">\n\n\n\n    <!-- =====================================================\n         STAGE\n    ====================================================== -->\n\n    <div class=\"sv6hr-practical__stage\">\n\n\n      <!-- ===================================================\n           REAL PHOTO GALLERY\n      ==================================================== -->\n\n      <div class=\"sv6hr-practical__visual\">\n\n\n        <!-- PHOTO 01 -->\n\n        <div class=\"sv6hr-practical__photo sv6hr-practical__photo--1\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/7-2-scaled.jpg\"\n            alt=\"Farizon SuperVan 6HR commercial van\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- PHOTO 02 -->\n\n        <div class=\"sv6hr-practical__photo sv6hr-practical__photo--2\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/1-4-scaled.jpg\"\n            alt=\"Farizon SuperVan 6HR commercial vehicle view\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- PHOTO 03 -->\n\n        <div class=\"sv6hr-practical__photo sv6hr-practical__photo--3\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/6-3-scaled.jpg\"\n            alt=\"Farizon SuperVan 6HR exterior commercial view\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- PHOTO 04 -->\n\n        <div class=\"sv6hr-practical__photo sv6hr-practical__photo--4\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/4-4-scaled.jpg\"\n            alt=\"Farizon SuperVan 6HR business vehicle\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- BADGE -->\n\n        <div class=\"sv6hr-practical__badge\">\n\n          <span>\n            Real Vehicle Gallery\n          <\/span>\n\n          <strong>\n            Farizon SuperVan 6HR\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- COUNTER -->\n\n        <div class=\"sv6hr-practical__counter\">\n\n          <span class=\"sv6hr-practical__counter--1\">\n            01\/04\n          <\/span>\n\n          <span class=\"sv6hr-practical__counter--2\">\n            02\/04\n          <\/span>\n\n          <span class=\"sv6hr-practical__counter--3\">\n            03\/04\n          <\/span>\n\n          <span class=\"sv6hr-practical__counter--4\">\n            04\/04\n          <\/span>\n\n        <\/div>\n\n\n\n        <!-- CAPTION -->\n\n        <div class=\"sv6hr-practical__caption\">\n\n          <span>\n            Commercial Vehicle\n          <\/span>\n\n          <strong>\n            High-roof electric platform for business use.\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             SWITCHER\n        ================================================== -->\n\n        <div class=\"sv6hr-practical__switch\">\n\n\n          <label\n            class=\"sv6hr-practical__switch-item\"\n            for=\"sv6hr-real1\">\n\n            <span class=\"sv6hr-practical__switch-num\">\n              01\n            <\/span>\n\n            <span class=\"sv6hr-practical__switch-copy\">\n\n              <span>\n                Gallery\n              <\/span>\n\n              <strong>\n                Commercial View 01\n              <\/strong>\n\n            <\/span>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv6hr-practical__switch-item\"\n            for=\"sv6hr-real2\">\n\n            <span class=\"sv6hr-practical__switch-num\">\n              02\n            <\/span>\n\n            <span class=\"sv6hr-practical__switch-copy\">\n\n              <span>\n                Gallery\n              <\/span>\n\n              <strong>\n                Commercial View 02\n              <\/strong>\n\n            <\/span>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv6hr-practical__switch-item\"\n            for=\"sv6hr-real3\">\n\n            <span class=\"sv6hr-practical__switch-num\">\n              03\n            <\/span>\n\n            <span class=\"sv6hr-practical__switch-copy\">\n\n              <span>\n                Gallery\n              <\/span>\n\n              <strong>\n                Commercial View 03\n              <\/strong>\n\n            <\/span>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv6hr-practical__switch-item\"\n            for=\"sv6hr-real4\">\n\n            <span class=\"sv6hr-practical__switch-num\">\n              04\n            <\/span>\n\n            <span class=\"sv6hr-practical__switch-copy\">\n\n              <span>\n                Gallery\n              <\/span>\n\n              <strong>\n                Commercial View 04\n              <\/strong>\n\n            <\/span>\n\n          <\/label>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CONTENT\n      ==================================================== -->\n\n      <div class=\"sv6hr-practical__content\">\n\n\n        <div class=\"sv6hr-practical__content-label\">\n          Built for Commercial Use\n        <\/div>\n\n\n        <h3>\n          A High-Roof Electric Van for Everyday Business Operations.\n        <\/h3>\n\n\n        <p>\n          The SuperVan 6HR is positioned for businesses\n          requiring an electric commercial van for delivery,\n          logistics and fleet operations, with greater cargo\n          volume and commercial payload capability.\n        <\/p>\n\n\n\n        <!-- =================================================\n             USES\n        ================================================== -->\n\n        <div class=\"sv6hr-practical__uses\">\n\n\n          <div class=\"sv6hr-practical__use\">\n\n            <span class=\"sv6hr-practical__use-num\">\n              01\n            <\/span>\n\n            <div>\n\n              <strong>\n                Delivery Operations\n              <\/strong>\n\n              <span>\n                A high-roof electric platform for businesses\n                moving goods across recurring delivery routes.\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-practical__use\">\n\n            <span class=\"sv6hr-practical__use-num\">\n              02\n            <\/span>\n\n            <div>\n\n              <strong>\n                Logistics Use\n              <\/strong>\n\n              <span>\n                Up to 13.0m\u00b3 of cargo space supports operations\n                requiring greater commercial load volume.\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-practical__use\">\n\n            <span class=\"sv6hr-practical__use-num\">\n              03\n            <\/span>\n\n            <div>\n\n              <strong>\n                Fleet Deployment\n              <\/strong>\n\n              <span>\n                Suitable for businesses and fleet operators\n                integrating electric vans into commercial transport.\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- DATA -->\n\n        <div class=\"sv6hr-practical__data\">\n\n\n          <div class=\"sv6hr-practical__data-item\">\n\n            <span>\n              Cargo Volume\n            <\/span>\n\n            <strong>\n              Up to 13.0m\u00b3\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv6hr-practical__data-item\">\n\n            <span>\n              Payload\n            <\/span>\n\n            <strong>\n              Up to 1,180kg\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- STATEMENT -->\n\n        <div class=\"sv6hr-practical__statement\">\n\n          <span>\n            Commercial Focus\n          <\/span>\n\n          <strong>\n            Designed around delivery, logistics and fleet operations.\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"sv6hr-commercial-practicality\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n\n  const radios = [\n    document.getElementById(\"sv6hr-real1\"),\n    document.getElementById(\"sv6hr-real2\"),\n    document.getElementById(\"sv6hr-real3\"),\n    document.getElementById(\"sv6hr-real4\")\n  ].filter(Boolean);\n\n\n  if (radios.length < 2) {\n    return;\n  }\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const duration = 5000;\n\n  let timer = null;\n  let visible = false;\n  let interacting = false;\n\n\n  \/* =========================================================\n     CURRENT\n  ========================================================= *\/\n\n  function currentIndex() {\n\n    const index =\n      radios.findIndex(\n        function(radio) {\n\n          return radio.checked;\n\n        }\n      );\n\n\n    return index >= 0\n      ? index\n      : 0;\n\n  }\n\n\n  \/* =========================================================\n     STOP\n  ========================================================= *\/\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  \/* =========================================================\n     NEXT\n  ========================================================= *\/\n\n  function nextView() {\n\n    const next =\n      (\n        currentIndex() + 1\n      ) %\n      radios.length;\n\n\n    radios[next].checked =\n      true;\n\n\n    radios[next].dispatchEvent(\n      new Event(\n        \"change\",\n        {\n          bubbles:true\n        }\n      )\n    );\n\n  }\n\n\n  \/* =========================================================\n     AUTO\n  ========================================================= *\/\n\n  function scheduleNext() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !visible ||\n      interacting ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          nextView();\n\n          scheduleNext();\n\n        },\n        duration\n      );\n\n  }\n\n\n  \/* =========================================================\n     MANUAL\n  ========================================================= *\/\n\n  radios.forEach(\n    function(radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function () {\n\n          stopAuto();\n\n\n          window.setTimeout(\n            scheduleNext,\n            100\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     VIEWPORT\n  ========================================================= *\/\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function(entries) {\n\n          entries.forEach(\n            function(entry) {\n\n              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                scheduleNext();\n\n              } else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.25\n        }\n      );\n\n\n    observer.observe(section);\n\n  } else {\n\n    visible = true;\n\n    scheduleNext();\n\n  }\n\n\n  \/* =========================================================\n     PAUSE ON HOVER\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"mouseenter\",\n    function () {\n\n      interacting = true;\n\n      stopAuto();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"mouseleave\",\n    function () {\n\n      interacting = false;\n\n      scheduleNext();\n\n    }\n  );\n\n\n  \/* =========================================================\n     TOUCH\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"touchstart\",\n    function () {\n\n      interacting = true;\n\n      stopAuto();\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  section.addEventListener(\n    \"touchend\",\n    function () {\n\n      window.setTimeout(\n        function () {\n\n          interacting = false;\n\n          scheduleNext();\n\n        },\n        900\n      );\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  \/* =========================================================\n     TAB VISIBILITY\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopAuto();\n\n      }\n\n      else if (visible) {\n\n        scheduleNext();\n\n      }\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 6HR\n   SECTION 04 \u2014 DRIVER WORKSPACE\n========================================================= *\/\n\n.sv6hr-cabin,\n.sv6hr-cabin *,\n.sv6hr-cabin *::before,\n.sv6hr-cabin *::after {\n  box-sizing:border-box;\n}\n\n.sv6hr-cabin {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --deep2:#203548;\n  --text:#5d6672;\n  --muted:#8c959f;\n  --line:#e2e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    68px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #1a2c3c 0%,\n      #263b4f 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv6hr-cabin::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.022) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.022) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    52px\n    52px;\n\n  pointer-events:none;\n}\n\n\n.sv6hr-cabin::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  right:-280px;\n  top:-300px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.11),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv6hr-cabin__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.sv6hr-cabin__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.62fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:29px;\n}\n\n\n.sv6hr-cabin__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cabin__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv6hr-cabin h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      38px,\n      3.9vw,\n      52px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1.1px;\n\n  font-weight:700;\n}\n\n\n.sv6hr-cabin h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv6hr-cabin__intro {\n  max-width:470px;\n\n  margin:0;\n\n  color:\n    rgba(255,255,255,.60);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   RADIO\n========================================================= *\/\n\n.sv6hr-cabin__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   MAIN WORKSPACE\n========================================================= *\/\n\n.sv6hr-cabin__workspace {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.22fr)\n    minmax(350px,.78fr);\n\n  min-height:610px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.025);\n\n  box-shadow:\n    0 24px 58px\n    rgba(0,0,0,.15);\n}\n\n\n\/* =========================================================\n   INTERIOR VISUAL\n========================================================= *\/\n\n.sv6hr-cabin__visual {\n  position:relative;\n\n  min-width:0;\n\n  overflow:hidden;\n\n  background:#dfe4e7;\n}\n\n\n\/* image *\/\n\n.sv6hr-cabin__image {\n  position:absolute;\n\n  inset:0;\n\n  overflow:hidden;\n}\n\n\n.sv6hr-cabin__image img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n  object-position:center;\n\n  transform:\n    scale(1.03);\n\n  animation:\n    sv6hrCabinImageBreath\n    9s\n    ease-in-out\n    infinite alternate;\n}\n\n\n\/* overlay *\/\n\n.sv6hr-cabin__visual::after {\n  content:\"\";\n\n  position:absolute;\n\n  z-index:2;\n\n  inset:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(16,28,38,.14) 0%,\n      transparent 42%,\n      rgba(16,28,38,.04) 100%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   IMAGE BADGE\n========================================================= *\/\n\n.sv6hr-cabin__badge {\n  position:absolute;\n\n  z-index:8;\n\n  top:27px;\n  left:27px;\n\n  padding:\n    11px\n    13px;\n\n  background:\n    rgba(38,54,72,.94);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 12px 28px\n    rgba(0,0,0,.14);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.sv6hr-cabin__badge span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cabin__badge strong {\n  display:block;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   FOCUS POINTS\n========================================================= *\/\n\n.sv6hr-cabin__focus {\n  position:absolute;\n\n  z-index:8;\n\n  width:31px;\n  height:31px;\n\n  border-radius:50%;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  background:\n    rgba(255,255,255,.92);\n\n  border:\n    1px solid\n    rgba(255,255,255,.55);\n\n  box-shadow:\n    0 8px 22px\n    rgba(38,54,72,.18);\n\n  color:var(--navy);\n\n  font-size:7px;\n  font-weight:800;\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    color .35s ease,\n    box-shadow .35s ease;\n}\n\n\n.sv6hr-cabin__focus::after {\n  content:\"\";\n\n  position:absolute;\n\n  inset:-8px;\n\n  border:\n    1px solid\n    rgba(255,100,51,.28);\n\n  border-radius:50%;\n\n  opacity:0;\n\n  transform:\n    scale(.6);\n\n  transition:\n    opacity .35s ease,\n    transform .35s ease;\n}\n\n\n\/* approximate positions *\/\n\n.sv6hr-cabin__focus--1 {\n  left:40%;\n  top:34%;\n}\n\n\n.sv6hr-cabin__focus--2 {\n  left:70%;\n  top:31%;\n}\n\n\n.sv6hr-cabin__focus--3 {\n  left:60%;\n  top:66%;\n}\n\n\n\/* active focus *\/\n\n#sv6hr-cabin1:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__focus--1,\n\n#sv6hr-cabin2:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__focus--2,\n\n#sv6hr-cabin3:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__focus--3 {\n  transform:\n    scale(1.14);\n\n  background:var(--orange);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 0 0 9px\n    rgba(255,100,51,.12),\n    0 9px 24px\n    rgba(38,54,72,.18);\n}\n\n\n#sv6hr-cabin1:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__focus--1::after,\n\n#sv6hr-cabin2:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__focus--2::after,\n\n#sv6hr-cabin3:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__focus--3::after {\n  opacity:1;\n\n  transform:\n    scale(1);\n}\n\n\n\/* =========================================================\n   FLOATING FOCUS CARD\n========================================================= *\/\n\n.sv6hr-cabin__float-card {\n  position:absolute;\n\n  z-index:10;\n\n  left:28px;\n  bottom:27px;\n\n  width:\n    min(\n      320px,\n      calc(100% - 56px)\n    );\n\n  padding:\n    14px\n    15px;\n\n  background:\n    rgba(255,255,255,.95);\n\n  box-shadow:\n    0 14px 32px\n    rgba(38,54,72,.12);\n\n  backdrop-filter:\n    blur(9px);\n\n  -webkit-backdrop-filter:\n    blur(9px);\n}\n\n\n.sv6hr-cabin__float-pane {\n  display:none;\n\n  animation:\n    sv6hrCabinPane\n    .4s\n    ease\n    both;\n}\n\n\n#sv6hr-cabin1:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__float-pane--1,\n\n#sv6hr-cabin2:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__float-pane--2,\n\n#sv6hr-cabin3:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__float-pane--3 {\n  display:block;\n}\n\n\n.sv6hr-cabin__float-pane span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cabin__float-pane strong {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--navy);\n\n  font-size:12px;\n  font-weight:700;\n}\n\n\n.sv6hr-cabin__float-pane small {\n  display:block;\n\n  color:var(--text);\n\n  font-size:8px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   RIGHT PANEL\n========================================================= *\/\n\n.sv6hr-cabin__content {\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    38px\n    34px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n\n  color:#ffffff;\n}\n\n\n\/* =========================================================\n   SWITCH LABEL\n========================================================= *\/\n\n.sv6hr-cabin__switch-title {\n  margin-bottom:11px;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   SWITCHER\n========================================================= *\/\n\n.sv6hr-cabin__switch {\n  margin-bottom:28px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv6hr-cabin__switch-item {\n  position:relative;\n\n  min-height:62px;\n\n  display:grid;\n\n  grid-template-columns:\n    30px\n    1fr\n    12px;\n\n  gap:8px;\n\n  align-items:center;\n\n  padding:\n    0\n    10px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n\n  color:\n    rgba(255,255,255,.42);\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    color .25s ease,\n    background .25s ease;\n}\n\n\n.sv6hr-cabin__switch-item:hover {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.025);\n}\n\n\n.sv6hr-cabin__switch-num {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv6hr-cabin__switch-item strong {\n  color:inherit;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n.sv6hr-cabin__switch-dot {\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.20);\n\n  transition:\n    background .25s ease,\n    box-shadow .25s ease;\n}\n\n\n\/* progress *\/\n\n.sv6hr-cabin__switch-item::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n\/* active *\/\n\n#sv6hr-cabin1:checked\n~ .sv6hr-cabin__workspace\nlabel[for=\"sv6hr-cabin1\"],\n\n#sv6hr-cabin2:checked\n~ .sv6hr-cabin__workspace\nlabel[for=\"sv6hr-cabin2\"],\n\n#sv6hr-cabin3:checked\n~ .sv6hr-cabin__workspace\nlabel[for=\"sv6hr-cabin3\"] {\n  color:#ffffff;\n\n  background:\n    rgba(255,255,255,.035);\n}\n\n\n#sv6hr-cabin1:checked\n~ .sv6hr-cabin__workspace\nlabel[for=\"sv6hr-cabin1\"]\n.sv6hr-cabin__switch-dot,\n\n#sv6hr-cabin2:checked\n~ .sv6hr-cabin__workspace\nlabel[for=\"sv6hr-cabin2\"]\n.sv6hr-cabin__switch-dot,\n\n#sv6hr-cabin3:checked\n~ .sv6hr-cabin__workspace\nlabel[for=\"sv6hr-cabin3\"]\n.sv6hr-cabin__switch-dot {\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0 6px\n    rgba(255,100,51,.10);\n}\n\n\n#sv6hr-cabin1:checked\n~ .sv6hr-cabin__workspace\nlabel[for=\"sv6hr-cabin1\"]::after,\n\n#sv6hr-cabin2:checked\n~ .sv6hr-cabin__workspace\nlabel[for=\"sv6hr-cabin2\"]::after,\n\n#sv6hr-cabin3:checked\n~ .sv6hr-cabin__workspace\nlabel[for=\"sv6hr-cabin3\"]::after {\n  animation:\n    sv6hrCabinProgress\n    5s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   CONTENT PANES\n========================================================= *\/\n\n.sv6hr-cabin__pane {\n  display:none;\n\n  animation:\n    sv6hrCabinPane\n    .4s\n    ease\n    both;\n}\n\n\n#sv6hr-cabin1:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__pane--1,\n\n#sv6hr-cabin2:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__pane--2,\n\n#sv6hr-cabin3:checked\n~ .sv6hr-cabin__workspace\n.sv6hr-cabin__pane--3 {\n  display:block;\n}\n\n\n\/* =========================================================\n   CONTENT TEXT\n========================================================= *\/\n\n.sv6hr-cabin__mode {\n  margin-bottom:9px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cabin__pane h3 {\n  max-width:490px;\n\n  margin:\n    0\n    0\n    13px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      38px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.7px;\n\n  font-weight:700;\n}\n\n\n.sv6hr-cabin__pane p {\n  max-width:500px;\n\n  margin:\n    0\n    0\n    22px;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size:11px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   DETAILS\n========================================================= *\/\n\n.sv6hr-cabin__details {\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv6hr-cabin__detail {\n  display:grid;\n\n  grid-template-columns:\n    33px\n    1fr;\n\n  gap:10px;\n\n  padding:\n    13px\n    0;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv6hr-cabin__detail-num {\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv6hr-cabin__detail strong {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n.sv6hr-cabin__detail span {\n  display:block;\n\n  color:\n    rgba(255,255,255,.44);\n\n  font-size:8px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   STATEMENT\n========================================================= *\/\n\n.sv6hr-cabin__statement {\n  margin-top:22px;\n\n  padding:\n    15px\n    16px;\n\n  border-left:\n    3px solid\n    var(--orange);\n\n  background:\n    rgba(255,255,255,.035);\n}\n\n\n.sv6hr-cabin__statement span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-cabin__statement strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:11px;\n  font-weight:700;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv6hrCabinImageBreath {\n\n  from {\n    transform:\n      scale(1.03);\n  }\n\n  to {\n    transform:\n      scale(1.075);\n  }\n\n}\n\n\n@keyframes sv6hrCabinProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes sv6hrCabinPane {\n\n  from {\n    opacity:.2;\n\n    transform:\n      translateY(8px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv6hr-cabin__workspace {\n    grid-template-columns:\n      minmax(0,1.1fr)\n      minmax(340px,.9fr);\n  }\n\n\n  .sv6hr-cabin__content {\n    padding:\n      34px\n      28px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv6hr-cabin {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv6hr-cabin__header {\n    display:block;\n\n    margin-bottom:21px;\n  }\n\n\n  .sv6hr-cabin__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv6hr-cabin h2 {\n    max-width:355px;\n\n    margin-bottom:13px;\n\n    font-size:32px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv6hr-cabin__intro {\n    max-width:365px;\n\n    font-size:12px;\n\n    line-height:1.65;\n  }\n\n\n  \/* STACK *\/\n\n  .sv6hr-cabin__workspace {\n    display:flex;\n\n    flex-direction:column;\n\n    min-height:0;\n  }\n\n\n  \/* VISUAL *\/\n\n  .sv6hr-cabin__visual {\n    min-height:500px;\n  }\n\n\n  .sv6hr-cabin__badge {\n    top:14px;\n    left:14px;\n\n    padding:\n      8px\n      10px;\n  }\n\n\n  .sv6hr-cabin__focus {\n    width:27px;\n    height:27px;\n\n    font-size:6px;\n  }\n\n\n  .sv6hr-cabin__focus--1 {\n    left:36%;\n    top:34%;\n  }\n\n\n  .sv6hr-cabin__focus--2 {\n    left:72%;\n    top:32%;\n  }\n\n\n  .sv6hr-cabin__focus--3 {\n    left:60%;\n    top:64%;\n  }\n\n\n  .sv6hr-cabin__float-card {\n    left:14px;\n    right:14px;\n    bottom:14px;\n\n    width:auto;\n  }\n\n\n  .sv6hr-cabin__float-pane strong {\n    font-size:10px;\n  }\n\n\n  \/* CONTENT *\/\n\n  .sv6hr-cabin__content {\n    padding:\n      27px\n      20px\n      29px;\n  }\n\n\n  .sv6hr-cabin__pane h3 {\n    font-size:27px;\n  }\n\n\n  .sv6hr-cabin__pane p {\n    font-size:10px;\n  }\n\n\n  .sv6hr-cabin__detail strong {\n    font-size:9px;\n  }\n\n\n  .sv6hr-cabin__detail span {\n    font-size:7px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv6hr-cabin h2 {\n    font-size:29px;\n  }\n\n\n  .sv6hr-cabin__visual {\n    min-height:465px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv6hr-cabin *,\n  .sv6hr-cabin *::before,\n  .sv6hr-cabin *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv6hr-cabin\"\n  id=\"sv6hr-cabin\">\n\n\n  <div class=\"sv6hr-cabin__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv6hr-cabin__header\">\n\n\n      <div>\n\n\n        <div class=\"sv6hr-cabin__eyebrow\">\n          Driver Workspace\n        <\/div>\n\n\n        <h2>\n\n          A Modern Cabin for\n\n          <span>\n            the Working Day.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv6hr-cabin__intro\">\n        Inside the SuperVan 6HR, the driver is presented with\n        a modern commercial workspace designed around recurring\n        delivery, logistics and fleet operations.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RADIO MODES\n    ====================================================== -->\n\n    <input\n      class=\"sv6hr-cabin__radio\"\n      type=\"radio\"\n      name=\"sv6hr-cabin-mode\"\n      id=\"sv6hr-cabin1\"\n      checked>\n\n\n    <input\n      class=\"sv6hr-cabin__radio\"\n      type=\"radio\"\n      name=\"sv6hr-cabin-mode\"\n      id=\"sv6hr-cabin2\">\n\n\n    <input\n      class=\"sv6hr-cabin__radio\"\n      type=\"radio\"\n      name=\"sv6hr-cabin-mode\"\n      id=\"sv6hr-cabin3\">\n\n\n\n    <!-- =====================================================\n         WORKSPACE\n    ====================================================== -->\n\n    <div class=\"sv6hr-cabin__workspace\">\n\n\n      <!-- ===================================================\n           VISUAL\n      ==================================================== -->\n\n      <div class=\"sv6hr-cabin__visual\">\n\n\n        <div class=\"sv6hr-cabin__image\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/1_Interior-scaled.png\"\n            alt=\"Farizon SuperVan 6HR driver cabin interior\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- BADGE -->\n\n        <div class=\"sv6hr-cabin__badge\">\n\n          <span>\n            Interior View\n          <\/span>\n\n          <strong>\n            SuperVan 6HR\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             INTERACTIVE FOCUS POINTS\n        ================================================== -->\n\n        <div class=\"sv6hr-cabin__focus sv6hr-cabin__focus--1\">\n          01\n        <\/div>\n\n\n        <div class=\"sv6hr-cabin__focus sv6hr-cabin__focus--2\">\n          02\n        <\/div>\n\n\n        <div class=\"sv6hr-cabin__focus sv6hr-cabin__focus--3\">\n          03\n        <\/div>\n\n\n\n        <!-- =================================================\n             FLOATING INFORMATION\n        ================================================== -->\n\n        <div class=\"sv6hr-cabin__float-card\">\n\n\n          <div class=\"sv6hr-cabin__float-pane sv6hr-cabin__float-pane--1\">\n\n            <span>\n              Focus 01\n            <\/span>\n\n            <strong>\n              Driver-Centred Workspace\n            <\/strong>\n\n            <small>\n              The cabin presents the primary driving area as\n              a dedicated workspace for everyday commercial use.\n            <\/small>\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-cabin__float-pane sv6hr-cabin__float-pane--2\">\n\n            <span>\n              Focus 02\n            <\/span>\n\n            <strong>\n              Modern Cabin Environment\n            <\/strong>\n\n            <small>\n              A contemporary interior supports the SuperVan&#8217;s\n              role as a modern electric commercial vehicle.\n            <\/small>\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-cabin__float-pane sv6hr-cabin__float-pane--3\">\n\n            <span>\n              Focus 03\n            <\/span>\n\n            <strong>\n              Built Around Daily Commercial Use\n            <\/strong>\n\n            <small>\n              The working environment is intended for drivers\n              operating recurring delivery, logistics and fleet routes.\n            <\/small>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CONTENT\n      ==================================================== -->\n\n      <div class=\"sv6hr-cabin__content\">\n\n\n        <div class=\"sv6hr-cabin__switch-title\">\n          Explore the Driver Workspace\n        <\/div>\n\n\n\n        <!-- SWITCHER -->\n\n        <div class=\"sv6hr-cabin__switch\">\n\n\n          <label\n            class=\"sv6hr-cabin__switch-item\"\n            for=\"sv6hr-cabin1\">\n\n            <span class=\"sv6hr-cabin__switch-num\">\n              01\n            <\/span>\n\n            <strong>\n              Driver Workspace\n            <\/strong>\n\n            <span class=\"sv6hr-cabin__switch-dot\"><\/span>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv6hr-cabin__switch-item\"\n            for=\"sv6hr-cabin2\">\n\n            <span class=\"sv6hr-cabin__switch-num\">\n              02\n            <\/span>\n\n            <strong>\n              Modern Commercial Cabin\n            <\/strong>\n\n            <span class=\"sv6hr-cabin__switch-dot\"><\/span>\n\n          <\/label>\n\n\n\n          <label\n            class=\"sv6hr-cabin__switch-item\"\n            for=\"sv6hr-cabin3\">\n\n            <span class=\"sv6hr-cabin__switch-num\">\n              03\n            <\/span>\n\n            <strong>\n              Everyday Working Environment\n            <\/strong>\n\n            <span class=\"sv6hr-cabin__switch-dot\"><\/span>\n\n          <\/label>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             PANE 01\n        ================================================== -->\n\n        <div class=\"sv6hr-cabin__pane sv6hr-cabin__pane--1\">\n\n\n          <div class=\"sv6hr-cabin__mode\">\n            Driver-Centred Interior\n          <\/div>\n\n\n          <h3>\n            A Workspace Built Around Commercial Driving.\n          <\/h3>\n\n\n          <p>\n            The SuperVan 6HR provides a dedicated driver\n            environment for businesses operating delivery,\n            logistics and other recurring commercial routes.\n          <\/p>\n\n\n\n          <div class=\"sv6hr-cabin__details\">\n\n\n            <div class=\"sv6hr-cabin__detail\">\n\n              <span class=\"sv6hr-cabin__detail-num\">\n                01\n              <\/span>\n\n              <div>\n\n                <strong>\n                  Commercial Driving Focus\n                <\/strong>\n\n                <span>\n                  A cabin layout intended around the driver&#8217;s\n                  day-to-day working environment.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv6hr-cabin__detail\">\n\n              <span class=\"sv6hr-cabin__detail-num\">\n                02\n              <\/span>\n\n              <div>\n\n                <strong>\n                  Modern Electric-Van Interior\n                <\/strong>\n\n                <span>\n                  A contemporary cabin complements the 6HR&#8217;s\n                  electric commercial vehicle platform.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-cabin__statement\">\n\n            <span>\n              Driver Environment\n            <\/span>\n\n            <strong>\n              Designed to support the people operating the vehicle every day.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             PANE 02\n        ================================================== -->\n\n        <div class=\"sv6hr-cabin__pane sv6hr-cabin__pane--2\">\n\n\n          <div class=\"sv6hr-cabin__mode\">\n            Modern Commercial Cabin\n          <\/div>\n\n\n          <h3>\n            Commercial Function with a Contemporary Interior.\n          <\/h3>\n\n\n          <p>\n            The cabin reflects the SuperVan&#8217;s modern electric\n            architecture, providing a professional environment\n            for drivers working across commercial transport duties.\n          <\/p>\n\n\n\n          <div class=\"sv6hr-cabin__details\">\n\n\n            <div class=\"sv6hr-cabin__detail\">\n\n              <span class=\"sv6hr-cabin__detail-num\">\n                01\n              <\/span>\n\n              <div>\n\n                <strong>\n                  Modern Interior Presentation\n                <\/strong>\n\n                <span>\n                  A contemporary commercial cabin suited to\n                  today&#8217;s electric fleet environment.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv6hr-cabin__detail\">\n\n              <span class=\"sv6hr-cabin__detail-num\">\n                02\n              <\/span>\n\n              <div>\n\n                <strong>\n                  Business-Oriented Workspace\n                <\/strong>\n\n                <span>\n                  Designed as a working environment for\n                  commercial vehicle operation.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-cabin__statement\">\n\n            <span>\n              Commercial Interior\n            <\/span>\n\n            <strong>\n              A modern workspace inside a high-roof electric van.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             PANE 03\n        ================================================== -->\n\n        <div class=\"sv6hr-cabin__pane sv6hr-cabin__pane--3\">\n\n\n          <div class=\"sv6hr-cabin__mode\">\n            Everyday Fleet Use\n          <\/div>\n\n\n          <h3>\n            Ready for Repeated Commercial Journeys.\n          <\/h3>\n\n\n          <p>\n            From delivery schedules to logistics and fleet\n            operations, the cabin forms part of a vehicle\n            designed around repeated everyday commercial use.\n          <\/p>\n\n\n\n          <div class=\"sv6hr-cabin__details\">\n\n\n            <div class=\"sv6hr-cabin__detail\">\n\n              <span class=\"sv6hr-cabin__detail-num\">\n                01\n              <\/span>\n\n              <div>\n\n                <strong>\n                  Daily Commercial Operations\n                <\/strong>\n\n                <span>\n                  A working cabin for recurring transport and\n                  fleet duties.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv6hr-cabin__detail\">\n\n              <span class=\"sv6hr-cabin__detail-num\">\n                02\n              <\/span>\n\n              <div>\n\n                <strong>\n                  Driver-Focused Environment\n                <\/strong>\n\n                <span>\n                  The driver remains central to the vehicle&#8217;s\n                  everyday commercial role.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <div class=\"sv6hr-cabin__statement\">\n\n            <span>\n              Working Environment\n            <\/span>\n\n            <strong>\n              Practical inside, ready for the commercial route outside.\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"sv6hr-cabin\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n\n  const radios = [\n    document.getElementById(\"sv6hr-cabin1\"),\n    document.getElementById(\"sv6hr-cabin2\"),\n    document.getElementById(\"sv6hr-cabin3\")\n  ].filter(Boolean);\n\n\n  if (radios.length < 2) {\n    return;\n  }\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const duration = 5000;\n\n  let timer = null;\n  let visible = false;\n  let interacting = false;\n\n\n  \/* =========================================================\n     CURRENT\n  ========================================================= *\/\n\n  function currentIndex() {\n\n    const index =\n      radios.findIndex(\n        function(radio) {\n\n          return radio.checked;\n\n        }\n      );\n\n\n    return index >= 0\n      ? index\n      : 0;\n\n  }\n\n\n  \/* =========================================================\n     STOP\n  ========================================================= *\/\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  \/* =========================================================\n     NEXT\n  ========================================================= *\/\n\n  function nextMode() {\n\n    const next =\n      (\n        currentIndex() + 1\n      ) %\n      radios.length;\n\n\n    radios[next].checked =\n      true;\n\n\n    radios[next].dispatchEvent(\n      new Event(\n        \"change\",\n        {\n          bubbles:true\n        }\n      )\n    );\n\n  }\n\n\n  \/* =========================================================\n     AUTO\n  ========================================================= *\/\n\n  function scheduleNext() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !visible ||\n      interacting ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          nextMode();\n\n          scheduleNext();\n\n        },\n        duration\n      );\n\n  }\n\n\n  \/* =========================================================\n     MANUAL CHANGE\n  ========================================================= *\/\n\n  radios.forEach(\n    function(radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function () {\n\n          stopAuto();\n\n          window.setTimeout(\n            scheduleNext,\n            100\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     VIEWPORT\n  ========================================================= *\/\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function(entries) {\n\n          entries.forEach(\n            function(entry) {\n\n              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                scheduleNext();\n\n              } else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.25\n        }\n      );\n\n\n    observer.observe(section);\n\n  } else {\n\n    visible = true;\n\n    scheduleNext();\n\n  }\n\n\n  \/* =========================================================\n     HOVER PAUSE\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"mouseenter\",\n    function () {\n\n      interacting = true;\n\n      stopAuto();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"mouseleave\",\n    function () {\n\n      interacting = false;\n\n      scheduleNext();\n\n    }\n  );\n\n\n  \/* =========================================================\n     TOUCH\n  ========================================================= *\/\n\n  section.addEventListener(\n    \"touchstart\",\n    function () {\n\n      interacting = true;\n\n      stopAuto();\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  section.addEventListener(\n    \"touchend\",\n    function () {\n\n      window.setTimeout(\n        function () {\n\n          interacting = false;\n\n          scheduleNext();\n\n        },\n        900\n      );\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  \/* =========================================================\n     TAB VISIBILITY\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopAuto();\n\n      }\n\n      else if (visible) {\n\n        scheduleNext();\n\n      }\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 6HR\n   SECTION 05 \u2014 COMPACT CONVERSION STUDIO\n========================================================= *\/\n\n.sv6c,\n.sv6c *,\n.sv6c *::before,\n.sv6c *::after {\n  box-sizing:border-box;\n}\n\n.sv6c {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e1e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    64px\n    24px\n    68px;\n\n  overflow:hidden;\n\n  background:#ffffff;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv6c::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.023) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.023) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    52px\n    52px;\n\n  pointer-events:none;\n}\n\n\n.sv6c::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:500px;\n  height:500px;\n\n  right:-290px;\n  bottom:-320px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.08),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv6c__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.sv6c__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.58fr);\n\n  gap:45px;\n\n  align-items:end;\n\n  margin-bottom:27px;\n}\n\n\n.sv6c__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:10px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6c__eyebrow::before {\n  content:\"\";\n\n  width:30px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv6c h2 {\n  max-width:760px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      37px,\n      3.7vw,\n      50px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.sv6c h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv6c__intro {\n  max-width:455px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:12px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   RADIO\n========================================================= *\/\n\n.sv6c__radio {\n  position:absolute;\n\n  opacity:0;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   APPLICATION SELECTOR\n========================================================= *\/\n\n.sv6c__selector {\n  display:grid;\n\n  grid-template-columns:\n    repeat(5,1fr);\n\n  margin-bottom:14px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 10px 28px\n    rgba(38,54,72,.05);\n\n  overflow:hidden;\n}\n\n\n.sv6c__option {\n  position:relative;\n\n  min-height:76px;\n\n  display:grid;\n\n  grid-template-columns:\n    28px\n    1fr;\n\n  gap:8px;\n\n  align-items:center;\n\n  padding:\n    12px\n    13px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  color:#8b949e;\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n\n.sv6c__option:last-child {\n  border-right:0;\n}\n\n\n.sv6c__option:hover {\n  color:var(--navy);\n\n  background:#fafbfc;\n}\n\n\n.sv6c__num {\n  width:26px;\n  height:26px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:#f2f4f6;\n\n  color:#8b949e;\n\n  font-size:6px;\n  font-weight:800;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n\n.sv6c__option-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#a0a8b0;\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.75px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6c__option-copy strong {\n  display:block;\n\n  color:inherit;\n\n  font-size:8px;\n  font-weight:700;\n\n  line-height:1.35;\n}\n\n\n\/* progress *\/\n\n.sv6c__option::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:3px;\n\n  background:var(--orange);\n}\n\n\n\/* ACTIVE OPTION *\/\n\n#sv6c-cargo:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-cargo\"],\n\n#sv6c-passenger:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-passenger\"],\n\n#sv6c-wheelchair:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-wheelchair\"],\n\n#sv6c-ambulance:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-ambulance\"],\n\n#sv6c-special:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-special\"] {\n  color:var(--navy);\n\n  background:#ffffff;\n}\n\n\n#sv6c-cargo:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-cargo\"]\n.sv6c__num,\n\n#sv6c-passenger:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-passenger\"]\n.sv6c__num,\n\n#sv6c-wheelchair:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-wheelchair\"]\n.sv6c__num,\n\n#sv6c-ambulance:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-ambulance\"]\n.sv6c__num,\n\n#sv6c-special:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-special\"]\n.sv6c__num {\n  background:var(--orange);\n\n  color:#ffffff;\n}\n\n\n#sv6c-cargo:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-cargo\"]::after,\n\n#sv6c-passenger:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-passenger\"]::after,\n\n#sv6c-wheelchair:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-wheelchair\"]::after,\n\n#sv6c-ambulance:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-ambulance\"]::after,\n\n#sv6c-special:checked\n~ .sv6c__selector\nlabel[for=\"sv6c-special\"]::after {\n  animation:\n    sv6cProgress\n    4.8s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   MAIN STUDIO\n========================================================= *\/\n\n.sv6c__studio {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.14fr)\n    minmax(390px,.86fr);\n\n  min-height:480px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#f2f5f7;\n\n  box-shadow:\n    0 22px 55px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   VEHICLE SIDE\n========================================================= *\/\n\n.sv6c__visual {\n  position:relative;\n\n  min-width:0;\n\n  min-height:480px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #f8fafb 0%,\n      #e7ecef 100%\n    );\n}\n\n\n\/* grid *\/\n\n.sv6c__grid {\n  position:absolute;\n\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.034) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.034) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    44px\n    44px;\n\n  opacity:.48;\n}\n\n\n\/* =========================================================\n   BASE LABEL\n========================================================= *\/\n\n.sv6c__base {\n  position:absolute;\n\n  z-index:10;\n\n  top:22px;\n  left:22px;\n\n  padding:\n    10px\n    12px;\n\n  background:var(--navy);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 11px 26px\n    rgba(38,54,72,.13);\n}\n\n\n.sv6c__base span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6c__base strong {\n  display:block;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   ACTIVE APPLICATION BADGE\n========================================================= *\/\n\n.sv6c__selected {\n  position:absolute;\n\n  z-index:10;\n\n  top:22px;\n  right:22px;\n\n  min-width:150px;\n\n  padding:\n    10px\n    12px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    rgba(255,255,255,.95);\n\n  box-shadow:\n    0 11px 26px\n    rgba(38,54,72,.09);\n}\n\n\n.sv6c__selected > span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6c__selected strong {\n  display:none;\n\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n#sv6c-cargo:checked\n~ .sv6c__studio\n.sv6c__selected--cargo,\n\n#sv6c-passenger:checked\n~ .sv6c__studio\n.sv6c__selected--passenger,\n\n#sv6c-wheelchair:checked\n~ .sv6c__studio\n.sv6c__selected--wheelchair,\n\n#sv6c-ambulance:checked\n~ .sv6c__studio\n.sv6c__selected--ambulance,\n\n#sv6c-special:checked\n~ .sv6c__studio\n.sv6c__selected--special {\n  display:block;\n}\n\n\n\/* =========================================================\n   HALO\n========================================================= *\/\n\n.sv6c__halo {\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  width:390px;\n  height:390px;\n\n  transform:\n    translate(-50%,-50%);\n\n  border:\n    1px solid\n    rgba(38,54,72,.07);\n\n  border-radius:50%;\n\n  animation:\n    sv6cHalo\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n.sv6c__halo::before {\n  content:\"\";\n\n  position:absolute;\n\n  inset:47px;\n\n  border:\n    1px dashed\n    rgba(38,54,72,.09);\n\n  border-radius:50%;\n}\n\n\n\/* =========================================================\n   VEHICLE\n========================================================= *\/\n\n.sv6c__vehicle {\n  position:absolute;\n\n  z-index:6;\n\n  left:50%;\n  top:51%;\n\n  width:\n    min(\n      88%,\n      680px\n    );\n\n  transform:\n    translate(-50%,-50%);\n}\n\n\n.sv6c__vehicle img {\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  object-fit:contain;\n\n  filter:\n    drop-shadow(\n      0 27px 20px\n      rgba(38,54,72,.18)\n    );\n\n  animation:\n    sv6cVehicle\n    4.8s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   GROUND\n========================================================= *\/\n\n.sv6c__ground {\n  position:absolute;\n\n  z-index:3;\n\n  left:50%;\n  bottom:72px;\n\n  width:65%;\n  height:26px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      ellipse,\n      rgba(38,54,72,.20),\n      transparent 72%\n    );\n\n  filter:blur(8px);\n}\n\n\n\/* =========================================================\n   MINI PROCESS\n========================================================= *\/\n\n.sv6c__process {\n  position:absolute;\n\n  z-index:10;\n\n  left:22px;\n  right:22px;\n  bottom:20px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    rgba(255,255,255,.95);\n\n  box-shadow:\n    0 10px 27px\n    rgba(38,54,72,.07);\n}\n\n\n.sv6c__process-item {\n  position:relative;\n\n  padding:\n    10px\n    11px;\n\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.sv6c__process-item:last-child {\n  border-right:0;\n}\n\n\n.sv6c__process-item span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6c__process-item strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:7px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   CONTENT PANEL\n========================================================= *\/\n\n.sv6c__content {\n  display:flex;\n\n  align-items:center;\n\n  min-width:0;\n\n  padding:\n    34px\n    35px;\n\n  background:#ffffff;\n}\n\n\n.sv6c__pane {\n  display:none;\n\n  width:100%;\n\n  animation:\n    sv6cPane\n    .4s\n    ease\n    both;\n}\n\n\n#sv6c-cargo:checked\n~ .sv6c__studio\n.sv6c__pane--cargo,\n\n#sv6c-passenger:checked\n~ .sv6c__studio\n.sv6c__pane--passenger,\n\n#sv6c-wheelchair:checked\n~ .sv6c__studio\n.sv6c__pane--wheelchair,\n\n#sv6c-ambulance:checked\n~ .sv6c__studio\n.sv6c__pane--ambulance,\n\n#sv6c-special:checked\n~ .sv6c__studio\n.sv6c__pane--special {\n  display:block;\n}\n\n\n\/* =========================================================\n   PANE COPY\n========================================================= *\/\n\n.sv6c__pane-label {\n  margin-bottom:8px;\n\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1.05px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6c__pane h3 {\n  max-width:430px;\n\n  margin:\n    0\n    0\n    12px;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      25px,\n      2.4vw,\n      32px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.55px;\n\n  font-weight:700;\n}\n\n\n.sv6c__pane p {\n  max-width:440px;\n\n  margin:\n    0\n    0\n    19px;\n\n  color:var(--text);\n\n  font-size:10px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   COMPACT FEATURES\n========================================================= *\/\n\n.sv6c__points {\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap:8px;\n\n  margin-bottom:18px;\n}\n\n\n.sv6c__point {\n  min-height:83px;\n\n  padding:\n    12px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#f7f8f9;\n}\n\n\n.sv6c__point-num {\n  display:block;\n\n  margin-bottom:6px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:800;\n}\n\n\n.sv6c__point strong {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:700;\n\n  line-height:1.3;\n}\n\n\n.sv6c__point span:last-child {\n  display:block;\n\n  color:var(--text);\n\n  font-size:7px;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   CTA STRIP\n========================================================= *\/\n\n.sv6c__cta {\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:14px;\n\n  padding:\n    13px\n    14px;\n\n  border-left:\n    3px solid\n    var(--orange);\n\n  background:\n    var(--navy);\n}\n\n\n.sv6c__cta-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6c__cta-copy strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:9px;\n  font-weight:700;\n\n  line-height:1.4;\n}\n\n\n.sv6c__cta a {\n  flex:0 0 auto;\n\n  min-height:36px;\n\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    0\n    12px;\n\n  background:var(--orange);\n\n  color:#ffffff !important;\n\n  text-decoration:none !important;\n\n  white-space:nowrap;\n\n  font-size:7px;\n  font-weight:700;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n\n.sv6c__cta a:hover {\n  background:var(--orange-dark);\n\n  transform:\n    translateY(-2px);\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.sv6c__note {\n  margin:\n    10px\n    0\n    0;\n\n  color:#949da5;\n\n  font-size:6px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv6cProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes sv6cPane {\n\n  from {\n    opacity:.18;\n\n    transform:\n      translateY(7px);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes sv6cVehicle {\n\n  0%,\n  100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-6px);\n  }\n\n}\n\n\n@keyframes sv6cHalo {\n\n  0%,\n  100% {\n    transform:\n      translate(-50%,-50%)\n      scale(.97);\n\n    opacity:.5;\n  }\n\n  50% {\n    transform:\n      translate(-50%,-50%)\n      scale(1.02);\n\n    opacity:1;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv6c__selector {\n    grid-template-columns:\n      repeat(5,1fr);\n  }\n\n\n  .sv6c__option {\n    padding:\n      10px\n      8px;\n  }\n\n\n  .sv6c__studio {\n    grid-template-columns:\n      minmax(0,1fr)\n      minmax(360px,.92fr);\n  }\n\n\n  .sv6c__content {\n    padding:\n      30px\n      28px;\n  }\n\n\n  .sv6c__vehicle {\n    width:94%;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv6c {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv6c__header {\n    display:block;\n\n    margin-bottom:20px;\n  }\n\n\n  .sv6c__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv6c h2 {\n    max-width:355px;\n\n    margin-bottom:13px;\n\n    font-size:32px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv6c__intro {\n    max-width:365px;\n\n    font-size:11px;\n\n    line-height:1.65;\n  }\n\n\n  \/* SELECTOR *\/\n\n  .sv6c__selector {\n    grid-template-columns:\n      repeat(2,1fr);\n\n    margin-bottom:10px;\n  }\n\n\n  .sv6c__option {\n    min-height:64px;\n\n    grid-template-columns:\n      24px\n      1fr;\n\n    padding:\n      9px\n      10px;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv6c__option:nth-child(2n) {\n    border-right:0;\n  }\n\n\n  .sv6c__option:last-child {\n    grid-column:\n      1 \/ -1;\n\n    border-bottom:0;\n  }\n\n\n  .sv6c__option:nth-child(5) {\n    border-right:0;\n  }\n\n\n  .sv6c__num {\n    width:23px;\n    height:23px;\n\n    font-size:5px;\n  }\n\n\n  .sv6c__option-copy strong {\n    font-size:7px;\n  }\n\n\n  \/* STUDIO *\/\n\n  .sv6c__studio {\n    display:flex;\n\n    flex-direction:column;\n\n    min-height:0;\n  }\n\n\n  \/* VISUAL *\/\n\n  .sv6c__visual {\n    min-height:410px;\n  }\n\n\n  .sv6c__base {\n    top:13px;\n    left:13px;\n\n    padding:\n      8px\n      9px;\n  }\n\n\n  .sv6c__selected {\n    top:13px;\n    right:13px;\n\n    min-width:112px;\n\n    padding:\n      8px\n      9px;\n  }\n\n\n  .sv6c__selected strong {\n    font-size:7px;\n  }\n\n\n  .sv6c__halo {\n    width:285px;\n    height:285px;\n\n    top:48%;\n  }\n\n\n  .sv6c__vehicle {\n    top:50%;\n\n    width:97%;\n  }\n\n\n  .sv6c__ground {\n    bottom:67px;\n\n    width:75%;\n  }\n\n\n  .sv6c__process {\n    left:12px;\n    right:12px;\n    bottom:12px;\n  }\n\n\n  .sv6c__process-item {\n    padding:\n      8px\n      7px;\n  }\n\n\n  .sv6c__process-item strong {\n    font-size:6px;\n  }\n\n\n  \/* CONTENT *\/\n\n  .sv6c__content {\n    padding:\n      25px\n      20px\n      27px;\n  }\n\n\n  .sv6c__pane h3 {\n    max-width:350px;\n\n    font-size:25px;\n  }\n\n\n  .sv6c__pane p {\n    font-size:9px;\n  }\n\n\n  .sv6c__points {\n    gap:7px;\n  }\n\n\n  .sv6c__point {\n    min-height:79px;\n\n    padding:10px;\n  }\n\n\n  .sv6c__point strong {\n    font-size:8px;\n  }\n\n\n  .sv6c__point span:last-child {\n    font-size:6.5px;\n  }\n\n\n  .sv6c__cta {\n    align-items:flex-start;\n\n    flex-direction:column;\n  }\n\n\n  .sv6c__cta a {\n    width:100%;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv6c h2 {\n    font-size:29px;\n  }\n\n\n  .sv6c__visual {\n    min-height:390px;\n  }\n\n\n  .sv6c__points {\n    grid-template-columns:1fr;\n  }\n\n\n  .sv6c__point {\n    min-height:0;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv6c *,\n  .sv6c *::before,\n  .sv6c *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv6c\"\n  id=\"sv6hr-customisation\">\n\n\n  <div class=\"sv6c__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv6c__header\">\n\n\n      <div>\n\n\n        <div class=\"sv6c__eyebrow\">\n          Commercial Customisation\n        <\/div>\n\n\n        <h2>\n\n          One Platform.\n\n          <span>\n            Different Business Requirements.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv6c__intro\">\n        The SuperVan 6HR can be discussed for different\n        commercial applications. Select an application below\n        to explore how the base vehicle may fit your requirement.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RADIO\n    ====================================================== -->\n\n    <input\n      class=\"sv6c__radio\"\n      type=\"radio\"\n      name=\"sv6c-mode\"\n      id=\"sv6c-cargo\"\n      checked>\n\n\n    <input\n      class=\"sv6c__radio\"\n      type=\"radio\"\n      name=\"sv6c-mode\"\n      id=\"sv6c-passenger\">\n\n\n    <input\n      class=\"sv6c__radio\"\n      type=\"radio\"\n      name=\"sv6c-mode\"\n      id=\"sv6c-wheelchair\">\n\n\n    <input\n      class=\"sv6c__radio\"\n      type=\"radio\"\n      name=\"sv6c-mode\"\n      id=\"sv6c-ambulance\">\n\n\n    <input\n      class=\"sv6c__radio\"\n      type=\"radio\"\n      name=\"sv6c-mode\"\n      id=\"sv6c-special\">\n\n\n\n    <!-- =====================================================\n         HORIZONTAL SELECTOR\n    ====================================================== -->\n\n    <div class=\"sv6c__selector\">\n\n\n      <label\n        class=\"sv6c__option\"\n        for=\"sv6c-cargo\">\n\n        <span class=\"sv6c__num\">\n          01\n        <\/span>\n\n        <span class=\"sv6c__option-copy\">\n\n          <span>\n            Commercial\n          <\/span>\n\n          <strong>\n            Cargo &#038; Logistics\n          <\/strong>\n\n        <\/span>\n\n      <\/label>\n\n\n\n      <label\n        class=\"sv6c__option\"\n        for=\"sv6c-passenger\">\n\n        <span class=\"sv6c__num\">\n          02\n        <\/span>\n\n        <span class=\"sv6c__option-copy\">\n\n          <span>\n            Conversion\n          <\/span>\n\n          <strong>\n            Passenger Transport\n          <\/strong>\n\n        <\/span>\n\n      <\/label>\n\n\n\n      <label\n        class=\"sv6c__option\"\n        for=\"sv6c-wheelchair\">\n\n        <span class=\"sv6c__num\">\n          03\n        <\/span>\n\n        <span class=\"sv6c__option-copy\">\n\n          <span>\n            Accessibility\n          <\/span>\n\n          <strong>\n            Wheelchair Mobility\n          <\/strong>\n\n        <\/span>\n\n      <\/label>\n\n\n\n      <label\n        class=\"sv6c__option\"\n        for=\"sv6c-ambulance\">\n\n        <span class=\"sv6c__num\">\n          04\n        <\/span>\n\n        <span class=\"sv6c__option-copy\">\n\n          <span>\n            Specialised\n          <\/span>\n\n          <strong>\n            Ambulance \/ Medical\n          <\/strong>\n\n        <\/span>\n\n      <\/label>\n\n\n\n      <label\n        class=\"sv6c__option\"\n        for=\"sv6c-special\">\n\n        <span class=\"sv6c__num\">\n          05\n        <\/span>\n\n        <span class=\"sv6c__option-copy\">\n\n          <span>\n            Business-Specific\n          <\/span>\n\n          <strong>\n            Custom Conversion\n          <\/strong>\n\n        <\/span>\n\n      <\/label>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN STUDIO\n    ====================================================== -->\n\n    <div class=\"sv6c__studio\">\n\n\n      <!-- ===================================================\n           VEHICLE VISUAL\n      ==================================================== -->\n\n      <div class=\"sv6c__visual\">\n\n\n        <div class=\"sv6c__grid\"><\/div>\n\n\n        <div class=\"sv6c__halo\"><\/div>\n\n\n\n        <!-- BASE LABEL -->\n\n        <div class=\"sv6c__base\">\n\n          <span>\n            Base Vehicle\n          <\/span>\n\n          <strong>\n            Farizon SuperVan 6HR\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- SELECTED -->\n\n        <div class=\"sv6c__selected\">\n\n          <span>\n            Selected Application\n          <\/span>\n\n          <strong class=\"sv6c__selected--cargo\">\n            Cargo &#038; Logistics\n          <\/strong>\n\n          <strong class=\"sv6c__selected--passenger\">\n            Passenger Transport\n          <\/strong>\n\n          <strong class=\"sv6c__selected--wheelchair\">\n            Wheelchair Mobility\n          <\/strong>\n\n          <strong class=\"sv6c__selected--ambulance\">\n            Ambulance \/ Medical\n          <\/strong>\n\n          <strong class=\"sv6c__selected--special\">\n            Custom Conversion\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- VEHICLE -->\n\n        <div class=\"sv6c__vehicle\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/10-scaled.png\"\n            alt=\"Farizon SuperVan 6HR base vehicle for commercial conversion\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <div class=\"sv6c__ground\"><\/div>\n\n\n\n        <!-- SIMPLE PROCESS -->\n\n        <div class=\"sv6c__process\">\n\n\n          <div class=\"sv6c__process-item\">\n\n            <span>\n              01\n            <\/span>\n\n            <strong>\n              Select Application\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv6c__process-item\">\n\n            <span>\n              02\n            <\/span>\n\n            <strong>\n              Discuss Requirement\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv6c__process-item\">\n\n            <span>\n              03\n            <\/span>\n\n            <strong>\n              Confirm Configuration\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CONTENT\n      ==================================================== -->\n\n      <div class=\"sv6c__content\">\n\n\n        <!-- CARGO -->\n\n        <div class=\"sv6c__pane sv6c__pane--cargo\">\n\n\n          <div class=\"sv6c__pane-label\">\n            Cargo &#038; Logistics\n          <\/div>\n\n\n          <h3>\n            High-Roof Space for Commercial Cargo.\n          <\/h3>\n\n\n          <p>\n            Configure the 6HR around delivery, logistics\n            and fleet requirements where cargo volume matters.\n          <\/p>\n\n\n          <div class=\"sv6c__points\">\n\n\n            <div class=\"sv6c__point\">\n\n              <span class=\"sv6c__point-num\">\n                01\n              <\/span>\n\n              <strong>\n                Up to 13.0m\u00b3\n              <\/strong>\n\n              <span>\n                High-roof cargo capacity for business use.\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"sv6c__point\">\n\n              <span class=\"sv6c__point-num\">\n                02\n              <\/span>\n\n              <strong>\n                Business Configuration\n              <\/strong>\n\n              <span>\n                Discuss your intended cargo requirement.\n              <\/span>\n\n            <\/div>\n\n\n          <\/div>\n\n\n          <div class=\"sv6c__cta\">\n\n            <div class=\"sv6c__cta-copy\">\n\n              <span>\n                Cargo Requirement\n              <\/span>\n\n              <strong>\n                Tell us what your operation needs.\n              <\/strong>\n\n            <\/div>\n\n            <a href=\"#sv6hr-enquiry\">\n              Enquire \u2192\n            <\/a>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- PASSENGER -->\n\n        <div class=\"sv6c__pane sv6c__pane--passenger\">\n\n\n          <div class=\"sv6c__pane-label\">\n            Passenger Conversion\n          <\/div>\n\n\n          <h3>\n            Explore Passenger Transport Requirements.\n          <\/h3>\n\n\n          <p>\n            Passenger-oriented configurations can be discussed\n            according to the intended commercial application.\n          <\/p>\n\n\n          <div class=\"sv6c__points\">\n\n\n            <div class=\"sv6c__point\">\n\n              <span class=\"sv6c__point-num\">\n                01\n              <\/span>\n\n              <strong>\n                Passenger Use\n              <\/strong>\n\n              <span>\n                Discuss your intended group transport operation.\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"sv6c__point\">\n\n              <span class=\"sv6c__point-num\">\n                02\n              <\/span>\n\n              <strong>\n                Configuration Review\n              <\/strong>\n\n              <span>\n                Final setup depends on the required application.\n              <\/span>\n\n            <\/div>\n\n\n          <\/div>\n\n\n          <div class=\"sv6c__cta\">\n\n            <div class=\"sv6c__cta-copy\">\n\n              <span>\n                Passenger Requirement\n              <\/span>\n\n              <strong>\n                Speak with us about your intended use.\n              <\/strong>\n\n            <\/div>\n\n            <a href=\"#sv6hr-enquiry\">\n              Enquire \u2192\n            <\/a>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- WHEELCHAIR -->\n\n        <div class=\"sv6c__pane sv6c__pane--wheelchair\">\n\n\n          <div class=\"sv6c__pane-label\">\n            Accessibility Conversion\n          <\/div>\n\n\n          <h3>\n            Discuss Accessible Mobility Requirements.\n          <\/h3>\n\n\n          <p>\n            Wheelchair-oriented configurations can be explored\n            according to the intended transport requirement.\n          <\/p>\n\n\n          <div class=\"sv6c__points\">\n\n\n            <div class=\"sv6c__point\">\n\n              <span class=\"sv6c__point-num\">\n                01\n              <\/span>\n\n              <strong>\n                Accessibility Needs\n              <\/strong>\n\n              <span>\n                Share the intended passenger mobility requirement.\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"sv6c__point\">\n\n              <span class=\"sv6c__point-num\">\n                02\n              <\/span>\n\n              <strong>\n                Configuration Consultation\n              <\/strong>\n\n              <span>\n                Available solutions require confirmation.\n              <\/span>\n\n            <\/div>\n\n\n          <\/div>\n\n\n          <div class=\"sv6c__cta\">\n\n            <div class=\"sv6c__cta-copy\">\n\n              <span>\n                Accessible Mobility\n              <\/span>\n\n              <strong>\n                Discuss the requirement with our team.\n              <\/strong>\n\n            <\/div>\n\n            <a href=\"#sv6hr-enquiry\">\n              Enquire \u2192\n            <\/a>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- AMBULANCE -->\n\n        <div class=\"sv6c__pane sv6c__pane--ambulance\">\n\n\n          <div class=\"sv6c__pane-label\">\n            Medical Application\n          <\/div>\n\n\n          <h3>\n            Explore Specialised Medical Vehicle Requirements.\n          <\/h3>\n\n\n          <p>\n            Medical or ambulance-related configurations can be\n            discussed based on the intended specialised application.\n          <\/p>\n\n\n          <div class=\"sv6c__points\">\n\n\n            <div class=\"sv6c__point\">\n\n              <span class=\"sv6c__point-num\">\n                01\n              <\/span>\n\n              <strong>\n                Specialised Use\n              <\/strong>\n\n              <span>\n                Requirements depend on the intended medical role.\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"sv6c__point\">\n\n              <span class=\"sv6c__point-num\">\n                02\n              <\/span>\n\n              <strong>\n                Technical Review\n              <\/strong>\n\n              <span>\n                Final conversion requires suitability confirmation.\n              <\/span>\n\n            <\/div>\n\n\n          <\/div>\n\n\n          <div class=\"sv6c__cta\">\n\n            <div class=\"sv6c__cta-copy\">\n\n              <span>\n                Medical Requirement\n              <\/span>\n\n              <strong>\n                Tell us about the intended application.\n              <\/strong>\n\n            <\/div>\n\n            <a href=\"#sv6hr-enquiry\">\n              Enquire \u2192\n            <\/a>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- CUSTOM -->\n\n        <div class=\"sv6c__pane sv6c__pane--special\">\n\n\n          <div class=\"sv6c__pane-label\">\n            Custom Commercial Requirement\n          <\/div>\n\n\n          <h3>\n            Need Something Different? Talk to Us.\n          <\/h3>\n\n\n          <p>\n            Tell us what the vehicle needs to do and discuss\n            a suitable commercial configuration with our team.\n          <\/p>\n\n\n          <div class=\"sv6c__points\">\n\n\n            <div class=\"sv6c__point\">\n\n              <span class=\"sv6c__point-num\">\n                01\n              <\/span>\n\n              <strong>\n                Your Requirement\n              <\/strong>\n\n              <span>\n                Start with the operational use case.\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"sv6c__point\">\n\n              <span class=\"sv6c__point-num\">\n                02\n              <\/span>\n\n              <strong>\n                Our Consultation\n              <\/strong>\n\n              <span>\n                Discuss the available configuration options.\n              <\/span>\n\n            <\/div>\n\n\n          <\/div>\n\n\n          <div class=\"sv6c__cta\">\n\n            <div class=\"sv6c__cta-copy\">\n\n              <span>\n                Custom Requirement\n              <\/span>\n\n              <strong>\n                Tell us what your business needs.\n              <\/strong>\n\n            <\/div>\n\n            <a href=\"#sv6hr-enquiry\">\n              Enquire \u2192\n            <\/a>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <p class=\"sv6c__note\">\n          *Conversion availability, configuration, equipment and\n          suitability are subject to assessment and confirmation\n          with the Farizon Singapore team.\n        <\/p>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"sv6hr-customisation\"\n    );\n\n  if (!section) return;\n\n\n  const radios = [\n    document.getElementById(\"sv6c-cargo\"),\n    document.getElementById(\"sv6c-passenger\"),\n    document.getElementById(\"sv6c-wheelchair\"),\n    document.getElementById(\"sv6c-ambulance\"),\n    document.getElementById(\"sv6c-special\")\n  ].filter(Boolean);\n\n\n  if (radios.length < 2) return;\n\n\n  const reducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const duration = 4800;\n\n  let timer = null;\n  let visible = false;\n  let interacting = false;\n\n\n  function currentIndex() {\n\n    const index =\n      radios.findIndex(\n        function (radio) {\n          return radio.checked;\n        }\n      );\n\n    return index >= 0 ? index : 0;\n\n  }\n\n\n  function stopAuto() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function nextMode() {\n\n    const next =\n      (\n        currentIndex() + 1\n      ) %\n      radios.length;\n\n\n    radios[next].checked =\n      true;\n\n\n    radios[next].dispatchEvent(\n      new Event(\n        \"change\",\n        {\n          bubbles:true\n        }\n      )\n    );\n\n  }\n\n\n  function scheduleNext() {\n\n    stopAuto();\n\n\n    if (\n      reducedMotion ||\n      !visible ||\n      interacting ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          nextMode();\n\n          scheduleNext();\n\n        },\n        duration\n      );\n\n  }\n\n\n  radios.forEach(\n    function (radio) {\n\n      radio.addEventListener(\n        \"change\",\n        function () {\n\n          stopAuto();\n\n          setTimeout(\n            scheduleNext,\n            120\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                scheduleNext();\n\n              }\n\n              else {\n\n                stopAuto();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.22\n        }\n      );\n\n\n    observer.observe(section);\n\n  }\n\n  else {\n\n    visible = true;\n\n    scheduleNext();\n\n  }\n\n\n  section.addEventListener(\n    \"mouseenter\",\n    function () {\n\n      interacting = true;\n\n      stopAuto();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"mouseleave\",\n    function () {\n\n      interacting = false;\n\n      scheduleNext();\n\n    }\n  );\n\n\n  section.addEventListener(\n    \"touchstart\",\n    function () {\n\n      interacting = true;\n\n      stopAuto();\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  section.addEventListener(\n    \"touchend\",\n    function () {\n\n      setTimeout(\n        function () {\n\n          interacting = false;\n\n          scheduleNext();\n\n        },\n        850\n      );\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopAuto();\n\n      }\n\n      else if (visible) {\n\n        scheduleNext();\n\n      }\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SUPERVAN 6HR\n   SECTION 06 \u2014 FINAL ENQUIRY\n========================================================= *\/\n\n.sv6hr-enquiry,\n.sv6hr-enquiry *,\n.sv6hr-enquiry *::before,\n.sv6hr-enquiry *::after {\n  box-sizing:border-box;\n}\n\n.sv6hr-enquiry {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8b949e;\n  --line:#e1e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n  --green:#25d366;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0\n    0\n    0\n    calc(50% - 50vw) !important;\n\n  padding:\n    66px\n    24px\n    70px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f2f5f7 0%,\n      #e9eef1 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  scroll-margin-top:90px;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.sv6hr-enquiry::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.023) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.023) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    54px\n    54px;\n\n  pointer-events:none;\n}\n\n\n.sv6hr-enquiry::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  right:-310px;\n  top:-320px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.09),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.sv6hr-enquiry__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.sv6hr-enquiry__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(330px,.58fr);\n\n  gap:48px;\n\n  align-items:end;\n\n  margin-bottom:27px;\n}\n\n\n.sv6hr-enquiry__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:10px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-enquiry__eyebrow::before {\n  content:\"\";\n\n  width:31px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.sv6hr-enquiry h2 {\n  max-width:790px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      37px,\n      3.8vw,\n      50px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.sv6hr-enquiry h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.sv6hr-enquiry__intro {\n  max-width:460px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:12px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   MAIN CONSOLE\n========================================================= *\/\n\n.sv6hr-enquiry__console {\n  display:grid;\n\n  grid-template-columns:\n    minmax(330px,.72fr)\n    minmax(0,1.28fr);\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 24px 58px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   LEFT PANEL\n========================================================= *\/\n\n.sv6hr-enquiry__aside {\n  position:relative;\n\n  min-height:690px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  padding:\n    34px\n    30px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192b3b 100%\n    );\n\n  color:#ffffff;\n}\n\n\n.sv6hr-enquiry__aside::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.024) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.024) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    45px\n    45px;\n\n  pointer-events:none;\n}\n\n\n.sv6hr-enquiry__aside::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:320px;\n  height:320px;\n\n  right:-185px;\n  bottom:-180px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.16),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   ASIDE CONTENT\n========================================================= *\/\n\n.sv6hr-enquiry__top,\n.sv6hr-enquiry__bottom {\n  position:relative;\n  z-index:2;\n}\n\n\n.sv6hr-enquiry__label {\n  display:block;\n\n  margin-bottom:9px;\n\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:1.1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-enquiry__aside h3 {\n  max-width:350px;\n\n  margin:\n    0\n    0\n    13px;\n\n  color:#ffffff;\n\n  font-size:29px;\n  font-weight:700;\n\n  line-height:1.08;\n\n  letter-spacing:-.55px;\n}\n\n\n.sv6hr-enquiry__aside-copy {\n  max-width:370px;\n\n  margin:\n    0\n    0\n    24px;\n\n  color:\n    rgba(255,255,255,.60);\n\n  font-size:10px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   REQUIREMENT TYPES\n========================================================= *\/\n\n.sv6hr-enquiry__requirements {\n  display:grid;\n\n  gap:7px;\n}\n\n\n.sv6hr-enquiry__requirement {\n  display:grid;\n\n  grid-template-columns:\n    30px\n    1fr;\n\n  gap:9px;\n\n  align-items:center;\n\n  min-height:56px;\n\n  padding:\n    10px\n    11px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  background:\n    rgba(255,255,255,.025);\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n\n.sv6hr-enquiry__requirement:hover {\n  transform:\n    translateX(3px);\n\n  background:\n    rgba(255,255,255,.05);\n}\n\n\n.sv6hr-enquiry__requirement-num {\n  width:27px;\n  height:27px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,100,51,.11);\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:800;\n}\n\n\n.sv6hr-enquiry__requirement strong {\n  display:block;\n\n  margin-bottom:2px;\n\n  color:#ffffff;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n.sv6hr-enquiry__requirement span {\n  display:block;\n\n  color:\n    rgba(255,255,255,.40);\n\n  font-size:7px;\n\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   WHATSAPP\n========================================================= *\/\n\n.sv6hr-enquiry__whatsapp {\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-top:20px;\n\n  padding:\n    13px\n    14px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.12);\n\n  background:\n    rgba(255,255,255,.04);\n\n  color:#ffffff !important;\n\n  text-decoration:none !important;\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n\n.sv6hr-enquiry__whatsapp:hover {\n  transform:\n    translateY(-2px);\n\n  background:\n    rgba(255,255,255,.07);\n}\n\n\n.sv6hr-enquiry__wa-icon {\n  position:relative;\n\n  width:30px;\n  height:30px;\n\n  flex:\n    0\n    0\n    30px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:var(--green);\n\n  color:#ffffff;\n\n  font-size:11px;\n  font-weight:800;\n}\n\n\n.sv6hr-enquiry__wa-icon::after {\n  content:\"\";\n\n  position:absolute;\n\n  inset:-5px;\n\n  border:\n    1px solid\n    rgba(37,211,102,.28);\n\n  border-radius:50%;\n\n  animation:\n    sv6hrWaPulse\n    2.8s\n    ease-out\n    infinite;\n}\n\n\n.sv6hr-enquiry__wa-copy span {\n  display:block;\n\n  margin-bottom:2px;\n\n  color:\n    rgba(255,255,255,.38);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-enquiry__wa-copy strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   CONTACT\n========================================================= *\/\n\n.sv6hr-enquiry__contact {\n  padding-top:20px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sv6hr-enquiry__contact-title {\n  display:block;\n\n  margin-bottom:10px;\n\n  color:\n    rgba(255,255,255,.28);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-enquiry__contact-row {\n  display:grid;\n\n  grid-template-columns:\n    60px\n    1fr;\n\n  gap:8px;\n\n  padding:\n    4px\n    0;\n}\n\n\n.sv6hr-enquiry__contact-row span {\n  color:\n    rgba(255,255,255,.30);\n\n  font-size:6px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-enquiry__contact-row strong {\n  color:\n    rgba(255,255,255,.84);\n\n  font-size:8px;\n  font-weight:600;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   RIGHT FORM\n========================================================= *\/\n\n.sv6hr-enquiry__form {\n  min-width:0;\n\n  padding:\n    24px\n    26px\n    18px;\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   FORM HEADER\n========================================================= *\/\n\n.sv6hr-enquiry__form-head {\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:18px;\n\n  margin-bottom:13px;\n\n  padding-bottom:13px;\n\n  border-bottom:\n    1px solid\n    var(--line);\n}\n\n\n.sv6hr-enquiry__form-title span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-enquiry__form-title strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:14px;\n  font-weight:700;\n}\n\n\n.sv6hr-enquiry__status {\n  display:flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-enquiry__status::before {\n  content:\"\";\n\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(255,100,51,.09);\n\n  animation:\n    sv6hrStatus\n    2.6s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   VEHICLE CONTEXT STRIP\n========================================================= *\/\n\n.sv6hr-enquiry__context {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-bottom:14px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#f7f8f9;\n}\n\n\n.sv6hr-enquiry__context-item {\n  padding:\n    10px\n    12px;\n\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.sv6hr-enquiry__context-item:last-child {\n  border-right:0;\n}\n\n\n.sv6hr-enquiry__context-item span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.75px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-enquiry__context-item strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:8px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   PEPPERCLOUD\n========================================================= *\/\n\n.sv6hr-enquiry__iframe {\n  width:100%;\n\n  min-height:610px;\n\n  overflow:hidden;\n\n  background:#ffffff;\n}\n\n\n.sv6hr-enquiry__iframe iframe {\n  display:block;\n\n  width:100%;\n  height:610px;\n\n  border:0;\n\n  margin:0;\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   FORM NOTE\n========================================================= *\/\n\n.sv6hr-enquiry__note {\n  margin:\n    9px\n    0\n    0;\n\n  color:#929ba4;\n\n  font-size:6px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   SUPPORT STRIP\n========================================================= *\/\n\n.sv6hr-enquiry__support {\n  display:grid;\n\n  grid-template-columns:\n    40px\n    1fr\n    auto;\n\n  gap:13px;\n\n  align-items:center;\n\n  margin-top:16px;\n\n  padding:\n    15px\n    17px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n}\n\n\n.sv6hr-enquiry__support-icon {\n  width:38px;\n  height:38px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,100,51,.10);\n\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.sv6hr-enquiry__support-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.85px;\n\n  text-transform:uppercase;\n}\n\n\n.sv6hr-enquiry__support-copy strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n.sv6hr-enquiry__support-side {\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes sv6hrWaPulse {\n\n  0% {\n    opacity:.6;\n\n    transform:\n      scale(.75);\n  }\n\n  75% {\n    opacity:0;\n\n    transform:\n      scale(1.55);\n  }\n\n  100% {\n    opacity:0;\n\n    transform:\n      scale(1.55);\n  }\n\n}\n\n\n@keyframes sv6hrStatus {\n\n  0%,\n  100% {\n    opacity:.45;\n\n    transform:\n      scale(.85);\n  }\n\n  50% {\n    opacity:1;\n\n    transform:\n      scale(1);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .sv6hr-enquiry__console {\n    grid-template-columns:\n      minmax(300px,.74fr)\n      minmax(0,1.26fr);\n  }\n\n\n  .sv6hr-enquiry__aside {\n    padding:\n      30px\n      24px;\n  }\n\n\n  .sv6hr-enquiry__form {\n    padding:\n      22px\n      20px\n      16px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .sv6hr-enquiry {\n    padding:\n      46px\n      16px\n      50px;\n  }\n\n\n  \/* HEADER *\/\n\n  .sv6hr-enquiry__header {\n    display:block;\n\n    margin-bottom:20px;\n  }\n\n\n  .sv6hr-enquiry__eyebrow {\n    margin-bottom:9px;\n\n    font-size:8px;\n  }\n\n\n  .sv6hr-enquiry h2 {\n    max-width:360px;\n\n    margin-bottom:13px;\n\n    font-size:32px;\n\n    line-height:1.05;\n\n    letter-spacing:-.7px;\n  }\n\n\n  .sv6hr-enquiry__intro {\n    max-width:365px;\n\n    font-size:11px;\n\n    line-height:1.65;\n  }\n\n\n  \/* STACK *\/\n\n  .sv6hr-enquiry__console {\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  \/* LEFT *\/\n\n  .sv6hr-enquiry__aside {\n    min-height:0;\n\n    padding:\n      27px\n      20px;\n  }\n\n\n  .sv6hr-enquiry__aside h3 {\n    max-width:330px;\n\n    font-size:25px;\n  }\n\n\n  .sv6hr-enquiry__aside-copy {\n    font-size:9px;\n  }\n\n\n  .sv6hr-enquiry__requirements {\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  .sv6hr-enquiry__requirement {\n    min-height:68px;\n\n    grid-template-columns:\n      26px\n      1fr;\n\n    padding:\n      9px;\n  }\n\n\n  .sv6hr-enquiry__requirement strong {\n    font-size:8px;\n  }\n\n\n  .sv6hr-enquiry__requirement span {\n    font-size:6px;\n  }\n\n\n  .sv6hr-enquiry__contact {\n    margin-top:22px;\n  }\n\n\n  \/* FORM *\/\n\n  .sv6hr-enquiry__form {\n    padding:\n      18px\n      10px\n      14px;\n  }\n\n\n  .sv6hr-enquiry__form-head {\n    margin:\n      0\n      4px\n      12px;\n  }\n\n\n  .sv6hr-enquiry__form-title strong {\n    font-size:12px;\n  }\n\n\n  .sv6hr-enquiry__context {\n    grid-template-columns:1fr;\n\n    margin:\n      0\n      4px\n      13px;\n  }\n\n\n  .sv6hr-enquiry__context-item {\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .sv6hr-enquiry__context-item:last-child {\n    border-bottom:0;\n  }\n\n\n  .sv6hr-enquiry__iframe,\n  .sv6hr-enquiry__iframe iframe {\n    min-height:750px;\n\n    height:750px;\n  }\n\n\n  \/* SUPPORT *\/\n\n  .sv6hr-enquiry__support {\n    grid-template-columns:\n      38px\n      1fr;\n\n    gap:11px;\n\n    padding:\n      14px\n      15px;\n  }\n\n\n  .sv6hr-enquiry__support-side {\n    display:none;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .sv6hr-enquiry h2 {\n    font-size:29px;\n  }\n\n\n  .sv6hr-enquiry__requirements {\n    grid-template-columns:1fr;\n  }\n\n\n  .sv6hr-enquiry__status {\n    display:none;\n  }\n\n\n  .sv6hr-enquiry__iframe,\n  .sv6hr-enquiry__iframe iframe {\n    min-height:780px;\n\n    height:780px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .sv6hr-enquiry *,\n  .sv6hr-enquiry *::before,\n  .sv6hr-enquiry *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"sv6hr-enquiry\"\n  id=\"sv6hr-enquiry\">\n\n\n  <div class=\"sv6hr-enquiry__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"sv6hr-enquiry__header\">\n\n\n      <div>\n\n\n        <div class=\"sv6hr-enquiry__eyebrow\">\n          SuperVan 6HR Enquiry\n        <\/div>\n\n\n        <h2>\n\n          Tell Us What Your Business\n\n          <span>\n            Needs the 6HR to Do.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n\n      <p class=\"sv6hr-enquiry__intro\">\n        Whether you are considering the SuperVan 6HR for\n        cargo, fleet use or a specialised commercial\n        configuration, speak with our team about your\n        intended requirement.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN CONSOLE\n    ====================================================== -->\n\n    <div class=\"sv6hr-enquiry__console\">\n\n\n      <!-- ===================================================\n           LEFT PANEL\n      ==================================================== -->\n\n      <aside class=\"sv6hr-enquiry__aside\">\n\n\n        <div class=\"sv6hr-enquiry__top\">\n\n\n          <span class=\"sv6hr-enquiry__label\">\n            Commercial Vehicle Consultation\n          <\/span>\n\n\n          <h3>\n            Start with Your Requirement.\n          <\/h3>\n\n\n          <p class=\"sv6hr-enquiry__aside-copy\">\n            Share how you intend to use the vehicle and our\n            team can discuss the SuperVan 6HR configuration\n            relevant to your operation.\n          <\/p>\n\n\n\n          <div class=\"sv6hr-enquiry__requirements\">\n\n\n            <div class=\"sv6hr-enquiry__requirement\">\n\n              <div class=\"sv6hr-enquiry__requirement-num\">\n                01\n              <\/div>\n\n              <div>\n\n                <strong>\n                  Cargo &#038; Logistics\n                <\/strong>\n\n                <span>\n                  Discuss your commercial cargo operation.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv6hr-enquiry__requirement\">\n\n              <div class=\"sv6hr-enquiry__requirement-num\">\n                02\n              <\/div>\n\n              <div>\n\n                <strong>\n                  Fleet Requirement\n                <\/strong>\n\n                <span>\n                  Explore deployment for business or fleet use.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv6hr-enquiry__requirement\">\n\n              <div class=\"sv6hr-enquiry__requirement-num\">\n                03\n              <\/div>\n\n              <div>\n\n                <strong>\n                  Custom Conversion\n                <\/strong>\n\n                <span>\n                  Tell us the specialised application required.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"sv6hr-enquiry__requirement\">\n\n              <div class=\"sv6hr-enquiry__requirement-num\">\n                04\n              <\/div>\n\n              <div>\n\n                <strong>\n                  Test Drive \/ Product Enquiry\n                <\/strong>\n\n                <span>\n                  Speak with us about the vehicle and next steps.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- =================================================\n               WHATSAPP\n          ================================================== -->\n\n          <a class=\"sv6hr-enquiry__whatsapp\" href=\"https:\/\/wa.me\/6591122222\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n\n            <span class=\"sv6hr-enquiry__wa-icon\">\n              W\n            <\/span>\n\n\n            <span class=\"sv6hr-enquiry__wa-copy\">\n\n              <span>\n                Quick Enquiry\n              <\/span>\n\n              <strong>\n                Chat with Farizon Singapore on WhatsApp\n              <\/strong>\n\n            <\/span>\n\n\n          <\/a>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             CONTACT\n        ================================================== -->\n\n        <div class=\"sv6hr-enquiry__bottom\">\n\n\n          <div class=\"sv6hr-enquiry__contact\">\n\n\n            <span class=\"sv6hr-enquiry__contact-title\">\n              Farizon Singapore\n            <\/span>\n\n\n\n            <div class=\"sv6hr-enquiry__contact-row\">\n\n              <span>\n                Phone\n              <\/span>\n\n              <strong>\n                +65 8030 8030\n              <\/strong>\n\n            <\/div>\n\n\n\n            <div class=\"sv6hr-enquiry__contact-row\">\n\n              <span>\n                WhatsApp\n              <\/span>\n\n              <strong>\n                +65 9112 2222\n              <\/strong>\n\n            <\/div>\n\n\n\n            <div class=\"sv6hr-enquiry__contact-row\">\n\n              <span>\n                Email\n              <\/span>\n\n              <strong>\n                marketing@hongseh.sg\n              <\/strong>\n\n            <\/div>\n\n\n\n            <div class=\"sv6hr-enquiry__contact-row\">\n\n              <span>\n                Address\n              <\/span>\n\n              <strong>\n                10, Fourth Lok Yang Rd\n              <\/strong>\n\n            <\/div>\n\n\n\n            <div class=\"sv6hr-enquiry__contact-row\">\n\n              <span>\n                Hours\n              <\/span>\n\n              <strong>\n                Monday\u2013Friday \u00b7 8AM\u20136PM\n              <\/strong>\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/aside>\n\n\n\n      <!-- ===================================================\n           PEPPERCLOUD FORM\n      ==================================================== -->\n\n      <div class=\"sv6hr-enquiry__form\">\n\n\n        <div class=\"sv6hr-enquiry__form-head\">\n\n\n          <div class=\"sv6hr-enquiry__form-title\">\n\n            <span>\n              Direct Enquiry\n            <\/span>\n\n            <strong>\n              Send Us Your Details\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv6hr-enquiry__status\">\n            Enquiry Form\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- VEHICLE CONTEXT -->\n\n        <div class=\"sv6hr-enquiry__context\">\n\n\n          <div class=\"sv6hr-enquiry__context-item\">\n\n            <span>\n              Vehicle\n            <\/span>\n\n            <strong>\n              SuperVan 6HR\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv6hr-enquiry__context-item\">\n\n            <span>\n              Category\n            <\/span>\n\n            <strong>\n              High-Roof Electric Van\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"sv6hr-enquiry__context-item\">\n\n            <span>\n              Requirement\n            <\/span>\n\n            <strong>\n              Commercial \/ Custom\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- PEPPERCLOUD -->\n\n        <div class=\"sv6hr-enquiry__iframe\">\n\n\n          <iframe\n            id=\"pc-iframe-sv6hr\"\n            src=\"https:\/\/app.peppercloud.com\/form\/4f15ac08-228d-46d1-8691-0d21e8ecd7df\/embed\"\n            title=\"Farizon SuperVan 6HR enquiry form\"\n            loading=\"lazy\"\n            scrolling=\"no\">\n          <\/iframe>\n\n\n        <\/div>\n\n\n\n        <p class=\"sv6hr-enquiry__note\">\n          *Vehicle availability, final configuration, conversion,\n          specification and suitability should be confirmed with\n          the Farizon Singapore team for your intended application.\n        <\/p>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         LOCAL SUPPORT\n    ====================================================== -->\n\n    <div class=\"sv6hr-enquiry__support\">\n\n\n      <div class=\"sv6hr-enquiry__support-icon\">\n        HS\n      <\/div>\n\n\n      <div class=\"sv6hr-enquiry__support-copy\">\n\n        <span>\n          Local Commercial Vehicle Support\n        <\/span>\n\n        <strong>\n          Farizon Singapore supported by Hong Seh Motors.\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"sv6hr-enquiry__support-side\">\n        Singapore\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Farizon SuperVan 6HR Farizon SuperVan 6HR High-Roof Electric Van Singapore A high-roof electric commercial van built for delivery, logistics and fleet operations, the Farizon SuperVan 6HR combines up to 13.0m\u00b3 of cargo space with the longest WLTP range in the SuperVan range. Long-Distance Delivery Logistics Fleet Operations Custom Commercial Use Explore the 6HR \u2193 Discuss [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-608","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/farizon.com.sg\/author\/admin"},"uagb_comment_info":0,"uagb_excerpt":"Farizon SuperVan 6HR Farizon SuperVan 6HR High-Roof Electric Van Singapore A high-roof electric commercial van built for delivery, logistics and fleet operations, the Farizon SuperVan 6HR combines up to 13.0m\u00b3 of cargo space with the longest WLTP range in the SuperVan range. Long-Distance Delivery Logistics Fleet Operations Custom Commercial Use Explore the 6HR \u2193 Discuss&hellip;","_links":{"self":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=608"}],"version-history":[{"count":9,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/608\/revisions"}],"predecessor-version":[{"id":630,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/608\/revisions\/630"}],"wp:attachment":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}