{"id":264,"date":"2026-09-28T00:59:33","date_gmt":"2026-09-28T00:59:33","guid":{"rendered":"https:\/\/farizon.com.sg\/new\/?page_id=264"},"modified":"2026-09-28T03:36:06","modified_gmt":"2026-09-28T03:36:06","slug":"gallery","status":"publish","type":"page","link":"https:\/\/farizon.com.sg\/?page_id=264","title":{"rendered":"Gallery"},"content":{"rendered":"\n<div class=\"wp-block-columns 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<section class=\"fz-gallery-hero-modern\">\n\n  <div class=\"fz-gallery-hero-modern__shade\"><\/div>\n\n  <div class=\"fz-gallery-hero-modern__inner\">\n\n    <div class=\"fz-gallery-hero-modern__content\">\n\n      <div class=\"fz-gallery-hero-modern__label\">\n        Gallery\n      <\/div>\n\n      <h1>\n        Explore the Farizon\n        <span>Vehicle Gallery.<\/span>\n      <\/h1>\n\n      <p>\n        Discover Farizon electric vans, trucks and specialised\n        commercial applications through a curated visual showcase.\n      <\/p>\n\n      <a\n        class=\"fz-gallery-hero-modern__link\"\n        href=\"#farizon-gallery-main\">\n\n        Explore Gallery\n\n        <span>\u2193<\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   FARIZON GALLERY HERO\n   PREMIUM DESKTOP + MOBILE\n========================================================= *\/\n\n.fz-gallery-hero-modern {\n  --fz-orange: #ff6433;\n  --fz-orange-hover: #e95428;\n  --fz-navy: #263648;\n\n  position: relative;\n\n  \/* FULL BROWSER WIDTH *\/\n  width: 100vw;\n  max-width: 100vw;\n\n  left: 50%;\n\n  margin-left: -50vw;\n  margin-right: -50vw;\n\n  min-height: 540px;\n\n  overflow: hidden;\n\n  display: flex;\n  align-items: flex-start;\n\n  background-image:\n    url('https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/gallery-farizon.png');\n\n  background-size: cover;\n  background-position: center 46%;\n  background-repeat: no-repeat;\n\n  font-family: Inter, Arial, sans-serif;\n\n  isolation: isolate;\n}\n\n\n.fz-gallery-hero-modern *,\n.fz-gallery-hero-modern *::before,\n.fz-gallery-hero-modern *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   DESKTOP GRADIENT\n========================================================= *\/\n\n.fz-gallery-hero-modern__shade {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 1;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(18,29,40,.68) 0%,\n      rgba(18,29,40,.50) 22%,\n      rgba(18,29,40,.18) 46%,\n      rgba(18,29,40,.03) 68%,\n      rgba(18,29,40,0) 82%\n    ),\n    linear-gradient(\n      180deg,\n      rgba(18,29,40,.12) 0%,\n      transparent 48%\n    );\n}\n\n\n\/* =========================================================\n   CONTENT CONTAINER\n========================================================= *\/\n\n.fz-gallery-hero-modern__inner {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1280px;\n  min-height: 540px;\n\n  margin: 0 auto;\n\n  padding:\n    100px\n    40px\n    55px;\n\n  display: flex;\n\n  align-items: flex-start;\n}\n\n\n.fz-gallery-hero-modern__content {\n  width: 100%;\n  max-width: 550px;\n}\n\n\n\/* =========================================================\n   LABEL\n========================================================= *\/\n\n.fz-gallery-hero-modern__label {\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  margin-bottom: 15px;\n\n  color: var(--fz-orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-gallery-hero-modern__label::before {\n  content: \"\";\n\n  width: 30px;\n  height: 2px;\n\n  background: var(--fz-orange);\n}\n\n\n\/* =========================================================\n   MAIN HEADING\n========================================================= *\/\n\n.fz-gallery-hero-modern h1 {\n  max-width: 550px;\n\n  margin: 0 0 17px;\n\n  color: #ffffff;\n\n  font-size: 52px;\n  font-weight: 700;\n\n  line-height: 1.05;\n\n  letter-spacing: -1.3px;\n}\n\n\n.fz-gallery-hero-modern h1 span {\n  display: block;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.fz-gallery-hero-modern p {\n  max-width: 495px;\n\n  margin: 0;\n\n  color: rgba(255,255,255,.84);\n\n  font-size: 15px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   CLEAN TEXT CTA\n========================================================= *\/\n\n.fz-gallery-hero-modern__link {\n  position: relative;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-top: 24px;\n\n  padding-bottom: 8px;\n\n  border: none;\n\n  color: #ffffff;\n\n  font-size: 13px;\n  font-weight: 700;\n\n  text-decoration: none;\n\n  transition:\n    color .2s ease,\n    gap .2s ease;\n}\n\n\n\/* Short orange underline *\/\n\n.fz-gallery-hero-modern__link::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  bottom: 0;\n\n  width: 34px;\n  height: 2px;\n\n  background: var(--fz-orange);\n\n  transition: width .25s ease;\n}\n\n\n.fz-gallery-hero-modern__link span {\n  color: var(--fz-orange);\n\n  font-size: 15px;\n}\n\n\n.fz-gallery-hero-modern__link:hover {\n  gap: 14px;\n\n  color: var(--fz-orange);\n}\n\n\n.fz-gallery-hero-modern__link:hover::after {\n  width: 100%;\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n========================================================= *\/\n\n@media (min-width: 1400px) {\n\n  .fz-gallery-hero-modern {\n    min-height: 570px;\n  }\n\n\n  .fz-gallery-hero-modern__inner {\n    min-height: 570px;\n\n    padding-top: 108px;\n  }\n\n\n  .fz-gallery-hero-modern h1 {\n    max-width: 580px;\n\n    font-size: 55px;\n  }\n\n\n  .fz-gallery-hero-modern__content {\n    max-width: 580px;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) and (min-width: 768px) {\n\n  .fz-gallery-hero-modern {\n    min-height: 520px;\n\n    background-position: center center;\n  }\n\n\n  .fz-gallery-hero-modern__inner {\n    min-height: 520px;\n\n    padding:\n      82px\n      30px\n      45px;\n  }\n\n\n  .fz-gallery-hero-modern__content {\n    max-width: 500px;\n  }\n\n\n  .fz-gallery-hero-modern h1 {\n    max-width: 500px;\n\n    font-size: 46px;\n  }\n\n\n  .fz-gallery-hero-modern p {\n    max-width: 450px;\n\n    font-size: 14px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   Keep portrait artwork + clean upper text\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-gallery-hero-modern {\n    min-height: 680px;\n\n    align-items: flex-start;\n\n    background-image:\n      url('https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/Farizon-Mobile-gallery.png');\n\n    background-size: cover;\n\n    background-position: center center;\n  }\n\n\n  \/*\n     Gradient stays mainly at top.\n     The vehicle area below remains visible.\n  *\/\n\n  .fz-gallery-hero-modern__shade {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(18,29,40,.75) 0%,\n        rgba(18,29,40,.48) 27%,\n        rgba(18,29,40,.17) 49%,\n        rgba(18,29,40,0) 68%\n      ),\n      linear-gradient(\n        90deg,\n        rgba(18,29,40,.15) 0%,\n        transparent 75%\n      );\n  }\n\n\n  .fz-gallery-hero-modern__inner {\n    min-height: 680px;\n\n    padding:\n      64px\n      20px\n      40px;\n\n    display: block;\n  }\n\n\n  .fz-gallery-hero-modern__content {\n    max-width: 100%;\n  }\n\n\n  .fz-gallery-hero-modern__label {\n    margin-bottom: 13px;\n\n    gap: 9px;\n\n    font-size: 10px;\n\n    letter-spacing: 1.4px;\n  }\n\n\n  .fz-gallery-hero-modern__label::before {\n    width: 25px;\n  }\n\n\n  .fz-gallery-hero-modern h1 {\n    max-width: 340px;\n\n    margin-bottom: 15px;\n\n    font-size: 38px;\n\n    line-height: 1.07;\n\n    letter-spacing: -.9px;\n  }\n\n\n  .fz-gallery-hero-modern p {\n    max-width: 335px;\n\n    color: rgba(255,255,255,.86);\n\n    font-size: 14px;\n\n    line-height: 1.65;\n  }\n\n\n  .fz-gallery-hero-modern__link {\n    margin-top: 21px;\n\n    font-size: 13px;\n  }\n\n\n  .fz-gallery-hero-modern__link span {\n    font-size: 14px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .fz-gallery-hero-modern {\n    min-height: 640px;\n  }\n\n\n  .fz-gallery-hero-modern__inner {\n    min-height: 640px;\n\n    padding-left: 17px;\n    padding-right: 17px;\n    padding-top: 58px;\n  }\n\n\n  .fz-gallery-hero-modern h1 {\n    max-width: 310px;\n\n    font-size: 34px;\n  }\n\n\n  .fz-gallery-hero-modern p {\n    max-width: 305px;\n\n    font-size: 13px;\n  }\n\n}\n<\/style>\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<!-- =========================================================\n     FARIZON GALLERY\n     SV6 MPV PREMIUM SHOWCASE\n========================================================= -->\n\n<section class=\"fz-sv6-gallery\" id=\"farizon-gallery-main\">\n\n  <div class=\"fz-sv6-inner\">\n\n    <!-- =====================================================\n         SECTION INTRO\n    ====================================================== -->\n\n    <div class=\"fz-sv6-section-head\">\n\n      <div>\n\n        <div class=\"fz-sv6-eyebrow\">\n          Passenger Mobility\n        <\/div>\n\n        <h2 class=\"fz-sv6-section-title\">\n          Explore Farizon in Detail.\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"fz-sv6-section-intro\">\n        Discover real Farizon vehicles, passenger configurations\n        and commercial applications through our curated vehicle gallery.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         SV6 FEATURE SHOWCASE\n    ====================================================== -->\n\n    <article class=\"fz-sv6-feature\">\n\n\n      <!-- LEFT CONTENT -->\n\n      <div class=\"fz-sv6-copy\">\n\n        <div class=\"fz-sv6-meta\">\n\n          <span class=\"fz-sv6-category\">\n            Farizon Passenger Vehicle\n          <\/span>\n\n          <span class=\"fz-sv6-count\">\n            6 Photos\n          <\/span>\n\n        <\/div>\n\n\n        <h3 class=\"fz-sv6-title\">\n          SV6 MPV\n        <\/h3>\n\n\n        <p class=\"fz-sv6-description\">\n          Explore the Farizon SV6 MPV from multiple perspectives,\n          including its exterior design, passenger-focused layout\n          and real-world presence.\n        <\/p>\n\n\n        <div class=\"fz-sv6-details\">\n\n          <div class=\"fz-sv6-detail\">\n\n            <span class=\"fz-sv6-detail-number\">\n              01\n            <\/span>\n\n            <span>\n              Exterior\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"fz-sv6-detail\">\n\n            <span class=\"fz-sv6-detail-number\">\n              02\n            <\/span>\n\n            <span>\n              Passenger Mobility\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"fz-sv6-detail\">\n\n            <span class=\"fz-sv6-detail-number\">\n              03\n            <\/span>\n\n            <span>\n              Vehicle Details\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <button\n          class=\"fz-sv6-open\"\n          type=\"button\"\n          data-sv6-open=\"0\">\n\n          View SV6 Gallery\n\n          <span>\n            \u2192\n          <\/span>\n\n        <\/button>\n\n      <\/div>\n\n\n\n      <!-- RIGHT EDITORIAL IMAGE COMPOSITION -->\n\n      <div class=\"fz-sv6-preview\">\n\n\n        <!-- LARGE IMAGE -->\n\n        <button\n          class=\"fz-sv6-preview-main\"\n          type=\"button\"\n          data-sv6-open=\"0\"\n          aria-label=\"Open SV6 MPV gallery\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004958724_iOS-scaled.jpg\"\n            alt=\"Farizon SV6 MPV\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n          <span class=\"fz-sv6-view-label\">\n            View Gallery\n            <b>\u2197<\/b>\n          <\/span>\n\n        <\/button>\n\n\n        <!-- SMALL IMAGE 1 -->\n\n        <button\n          class=\"fz-sv6-preview-small\"\n          type=\"button\"\n          data-sv6-open=\"2\"\n          aria-label=\"View SV6 MPV image\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004704510_iOS-scaled.jpg\"\n            alt=\"Farizon SV6 MPV detail\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/button>\n\n\n        <!-- SMALL IMAGE 2 -->\n\n        <button\n          class=\"fz-sv6-preview-small\"\n          type=\"button\"\n          data-sv6-open=\"4\"\n          aria-label=\"View SV6 MPV image\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004942829_iOS-scaled.jpg\"\n            alt=\"Farizon SV6 MPV passenger vehicle\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/button>\n\n\n        <div class=\"fz-sv6-more\">\n          +3\n          <span>More<\/span>\n        <\/div>\n\n      <\/div>\n\n\n    <\/article>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     FULLSCREEN LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"fz-sv6-lightbox\"\n  id=\"fz-sv6-lightbox\"\n  aria-hidden=\"true\">\n\n  <div class=\"fz-sv6-lightbox-backdrop\"><\/div>\n\n\n  <div\n    class=\"fz-sv6-lightbox-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Farizon SV6 MPV Gallery\">\n\n\n    <!-- TOP BAR -->\n\n    <div class=\"fz-sv6-lightbox-top\">\n\n      <div>\n\n        <span class=\"fz-sv6-lightbox-category\">\n          Farizon Gallery\n        <\/span>\n\n        <h3>\n          SV6 MPV\n        <\/h3>\n\n      <\/div>\n\n\n      <div class=\"fz-sv6-lightbox-actions\">\n\n        <div class=\"fz-sv6-counter\">\n\n          <span id=\"fz-sv6-current\">\n            01\n          <\/span>\n\n          <span class=\"fz-sv6-counter-line\"><\/span>\n\n          <span>\n            06\n          <\/span>\n\n        <\/div>\n\n\n        <button\n          class=\"fz-sv6-close\"\n          id=\"fz-sv6-close\"\n          type=\"button\"\n          aria-label=\"Close gallery\">\n\n          \u00d7\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- IMAGE VIEWER -->\n\n    <div\n      class=\"fz-sv6-stage\"\n      id=\"fz-sv6-stage\">\n\n\n      <button\n        class=\"fz-sv6-nav fz-sv6-prev\"\n        id=\"fz-sv6-prev\"\n        type=\"button\"\n        aria-label=\"Previous image\">\n\n        \u2039\n\n      <\/button>\n\n\n      <div class=\"fz-sv6-main-image-wrap\">\n\n        <img decoding=\"async\"\n          id=\"fz-sv6-main-image\"\n          class=\"fz-sv6-main-image\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004958724_iOS-scaled.jpg\"\n          alt=\"Farizon SV6 MPV gallery image\">\n\n      <\/div>\n\n\n      <button\n        class=\"fz-sv6-nav fz-sv6-next\"\n        id=\"fz-sv6-next\"\n        type=\"button\"\n        aria-label=\"Next image\">\n\n        \u203a\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <!-- BOTTOM AREA -->\n\n    <div class=\"fz-sv6-lightbox-bottom\">\n\n\n      <div class=\"fz-sv6-image-info\">\n\n        <span>\n          Farizon SV6 MPV\n        <\/span>\n\n        <small>\n          Swipe or use arrows to explore\n        <\/small>\n\n      <\/div>\n\n\n\n      <!-- THUMBNAILS -->\n\n      <div class=\"fz-sv6-thumbs\" id=\"fz-sv6-thumbs\">\n\n\n        <button\n          class=\"fz-sv6-thumb is-active\"\n          type=\"button\"\n          data-sv6-index=\"0\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004958724_iOS-scaled.jpg\"\n            alt=\"SV6 MPV thumbnail 1\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-sv6-thumb\"\n          type=\"button\"\n          data-sv6-index=\"1\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_005019190_iOS-1-scaled.jpg\"\n            alt=\"SV6 MPV thumbnail 2\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-sv6-thumb\"\n          type=\"button\"\n          data-sv6-index=\"2\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004704510_iOS-scaled.jpg\"\n            alt=\"SV6 MPV thumbnail 3\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-sv6-thumb\"\n          type=\"button\"\n          data-sv6-index=\"3\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004633138_iOS-scaled.jpg\"\n            alt=\"SV6 MPV thumbnail 4\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-sv6-thumb\"\n          type=\"button\"\n          data-sv6-index=\"4\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004942829_iOS-scaled.jpg\"\n            alt=\"SV6 MPV thumbnail 5\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-sv6-thumb\"\n          type=\"button\"\n          data-sv6-index=\"5\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_005040589_iOS-scaled.jpg\"\n            alt=\"SV6 MPV thumbnail 6\">\n\n        <\/button>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   FARIZON SV6 GALLERY\n========================================================= *\/\n\n.fz-sv6-gallery {\n  --fz-orange: #ff6433;\n  --fz-orange-hover: #e95428;\n  --fz-navy: #263648;\n  --fz-navy-deep: #1b2836;\n  --fz-text: #5d6672;\n  --fz-muted: #929aa3;\n  --fz-border: #e3e7eb;\n  --fz-light: #f5f6f8;\n\n  width: 100%;\n\n  padding: 100px 24px;\n\n  background: transparent;\n\n  font-family: Inter, Arial, sans-serif;\n\n  box-sizing: border-box;\n\n  scroll-margin-top: 90px;\n}\n\n\n.fz-sv6-gallery *,\n.fz-sv6-gallery *::before,\n.fz-sv6-gallery *::after,\n.fz-sv6-lightbox *,\n.fz-sv6-lightbox *::before,\n.fz-sv6-lightbox *::after {\n  box-sizing: border-box;\n}\n\n\n.fz-sv6-inner {\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   SECTION HEADER\n========================================================= *\/\n\n.fz-sv6-section-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(360px, .7fr);\n\n  gap: 70px;\n\n  align-items: end;\n\n  margin-bottom: 45px;\n}\n\n\n.fz-sv6-eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 11px;\n\n  color: var(--fz-orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-sv6-eyebrow::before {\n  content: \"\";\n\n  width: 27px;\n  height: 2px;\n\n  background: var(--fz-orange);\n}\n\n\n.fz-sv6-section-title {\n  margin: 0;\n\n  color: var(--fz-navy);\n\n  font-size: clamp(36px, 4vw, 53px);\n  font-weight: 700;\n\n  line-height: 1.08;\n\n  letter-spacing: -1.2px;\n}\n\n\n.fz-sv6-section-intro {\n  max-width: 490px;\n\n  margin: 0;\n\n  color: var(--fz-text);\n\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   FEATURE\n========================================================= *\/\n\n.fz-sv6-feature {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(300px, .62fr)\n    minmax(0, 1.38fr);\n\n  min-height: 590px;\n\n  overflow: hidden;\n\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #1b2836 100%\n    );\n}\n\n\n\/* subtle circle decoration *\/\n\n.fz-sv6-feature::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 360px;\n  height: 360px;\n\n  left: -200px;\n  bottom: -210px;\n\n  border: 1px solid rgba(255,255,255,.06);\n\n  border-radius: 50%;\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   COPY\n========================================================= *\/\n\n.fz-sv6-copy {\n  position: relative;\n\n  z-index: 2;\n\n  padding: 58px 48px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n}\n\n\n.fz-sv6-meta {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  align-items: center;\n\n  gap: 13px;\n\n  margin-bottom: 18px;\n}\n\n\n.fz-sv6-category {\n  color: var(--fz-orange);\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-sv6-count {\n  position: relative;\n\n  padding-left: 14px;\n\n  color: rgba(255,255,255,.48);\n\n  font-size: 10px;\n\n  text-transform: uppercase;\n\n  letter-spacing: .7px;\n}\n\n\n.fz-sv6-count::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 50%;\n\n  width: 3px;\n  height: 3px;\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.38);\n\n  transform: translateY(-50%);\n}\n\n\n.fz-sv6-title {\n  margin: 0 0 17px;\n\n  color: #ffffff;\n\n  font-size: clamp(43px, 4.4vw, 61px);\n\n  font-weight: 700;\n\n  line-height: 1;\n\n  letter-spacing: -1.5px;\n}\n\n\n.fz-sv6-description {\n  max-width: 400px;\n\n  margin: 0;\n\n  color: rgba(255,255,255,.68);\n\n  font-size: 14px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   DETAILS\n========================================================= *\/\n\n.fz-sv6-details {\n  margin-top: 35px;\n\n  border-top: 1px solid rgba(255,255,255,.13);\n}\n\n\n.fz-sv6-detail {\n  display: grid;\n\n  grid-template-columns: 38px 1fr;\n\n  gap: 8px;\n\n  padding: 13px 0;\n\n  border-bottom: 1px solid rgba(255,255,255,.10);\n\n  color: rgba(255,255,255,.78);\n\n  font-size: 12px;\n}\n\n\n.fz-sv6-detail-number {\n  color: var(--fz-orange);\n\n  font-size: 10px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   OPEN BUTTON\n========================================================= *\/\n\n.fz-sv6-open {\n  align-self: flex-start;\n\n  margin-top: 33px;\n\n  padding: 0 0 8px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  border: 0;\n  border-bottom: 2px solid var(--fz-orange);\n\n  background: transparent;\n\n  color: #ffffff;\n\n  font-family: inherit;\n\n  font-size: 13px;\n  font-weight: 700;\n\n  cursor: pointer;\n\n  transition:\n    color .2s ease,\n    gap .2s ease;\n}\n\n\n.fz-sv6-open span {\n  color: var(--fz-orange);\n\n  font-size: 17px;\n}\n\n\n.fz-sv6-open:hover {\n  gap: 16px;\n\n  color: var(--fz-orange);\n}\n\n\n\/* =========================================================\n   EDITORIAL PREVIEW\n========================================================= *\/\n\n.fz-sv6-preview {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns: 1.45fr .75fr;\n  grid-template-rows: 1fr 1fr;\n\n  gap: 7px;\n\n  min-width: 0;\n\n  padding: 7px;\n}\n\n\n.fz-sv6-preview button {\n  position: relative;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n\n  background: #dfe3e7;\n\n  cursor: pointer;\n}\n\n\n.fz-sv6-preview-main {\n  grid-row: 1 \/ 3;\n\n  border-radius:\n    12px\n    2px\n    2px\n    12px;\n}\n\n\n.fz-sv6-preview-small {\n  border-radius: 2px;\n}\n\n\n.fz-sv6-preview-small:nth-of-type(3) {\n  border-radius: 2px 12px 12px 2px;\n}\n\n\n.fz-sv6-preview img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform .65s ease,\n    filter .35s ease;\n}\n\n\n.fz-sv6-preview button:hover img {\n  transform: scale(1.035);\n\n  filter: brightness(.92);\n}\n\n\n\/* main image label *\/\n\n.fz-sv6-view-label {\n  position: absolute;\n\n  left: 21px;\n  bottom: 20px;\n\n  padding: 9px 12px;\n\n  display: inline-flex;\n\n  gap: 9px;\n\n  align-items: center;\n\n  border-radius: 5px;\n\n  background: rgba(26,39,53,.88);\n\n  backdrop-filter: blur(6px);\n\n  color: #ffffff;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: .2px;\n}\n\n\n.fz-sv6-view-label b {\n  color: var(--fz-orange);\n\n  font-size: 14px;\n}\n\n\n\/* +3 More *\/\n\n.fz-sv6-more {\n  position: absolute;\n\n  z-index: 5;\n\n  right: 21px;\n  bottom: 20px;\n\n  width: 55px;\n  height: 55px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: var(--fz-orange);\n\n  color: #ffffff;\n\n  font-size: 14px;\n  font-weight: 700;\n\n  pointer-events: none;\n}\n\n\n.fz-sv6-more span {\n  margin-top: 1px;\n\n  font-size: 8px;\n  font-weight: 600;\n\n  text-transform: uppercase;\n\n  letter-spacing: .5px;\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n.fz-sv6-lightbox {\n  position: fixed;\n\n  z-index: 999999;\n\n  inset: 0;\n\n  display: none;\n\n  font-family: Inter, Arial, sans-serif;\n}\n\n\n.fz-sv6-lightbox.is-open {\n  display: block;\n}\n\n\n.fz-sv6-lightbox-backdrop {\n  position: absolute;\n\n  inset: 0;\n\n  background: rgba(10,16,23,.94);\n\n  backdrop-filter: blur(14px);\n}\n\n\n.fz-sv6-lightbox-panel {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  height: 100%;\n\n  padding: 24px 32px 22px;\n\n  display: grid;\n\n  grid-template-rows:\n    auto\n    minmax(0,1fr)\n    auto;\n\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   LIGHTBOX TOP\n========================================================= *\/\n\n.fz-sv6-lightbox-top {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 0 auto 17px;\n\n  display: flex;\n\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 25px;\n}\n\n\n.fz-sv6-lightbox-category {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--fz-orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-sv6-lightbox-top h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 21px;\n  font-weight: 650;\n}\n\n\n.fz-sv6-lightbox-actions {\n  display: flex;\n\n  align-items: center;\n\n  gap: 25px;\n}\n\n\n.fz-sv6-counter {\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: rgba(255,255,255,.48);\n\n  font-size: 10px;\n}\n\n\n#fz-sv6-current {\n  color: #ffffff;\n\n  font-weight: 700;\n}\n\n\n.fz-sv6-counter-line {\n  width: 20px;\n  height: 1px;\n\n  background: rgba(255,255,255,.25);\n}\n\n\n.fz-sv6-close {\n  width: 43px;\n  height: 43px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding: 0;\n\n  border: 1px solid rgba(255,255,255,.17);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 27px;\n  font-weight: 300;\n\n  line-height: 1;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-sv6-close:hover {\n  background: var(--fz-orange);\n\n  border-color: var(--fz-orange);\n}\n\n\n\/* =========================================================\n   IMAGE STAGE\n========================================================= *\/\n\n.fz-sv6-stage {\n  position: relative;\n\n  width: 100%;\n  max-width: 1500px;\n\n  min-height: 0;\n\n  margin: 0 auto;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n}\n\n\n.fz-sv6-main-image-wrap {\n  width: calc(100% - 130px);\n  height: 100%;\n\n  min-height: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n}\n\n\n.fz-sv6-main-image {\n  display: block;\n\n  max-width: 100%;\n  max-height: 100%;\n\n  width: auto;\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  animation: fzSv6ImageIn .28s ease;\n}\n\n\n@keyframes fzSv6ImageIn {\n\n  from {\n    opacity: .45;\n    transform: scale(.985);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n}\n\n\n\/* navigation *\/\n\n.fz-sv6-nav {\n  position: absolute;\n\n  z-index: 4;\n\n  top: 50%;\n\n  width: 48px;\n  height: 48px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding: 0;\n\n  transform: translateY(-50%);\n\n  border: 1px solid rgba(255,255,255,.16);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.055);\n\n  color: #ffffff;\n\n  font-size: 34px;\n  font-weight: 200;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-sv6-nav:hover {\n  background: var(--fz-orange);\n\n  border-color: var(--fz-orange);\n}\n\n\n.fz-sv6-prev {\n  left: 0;\n}\n\n\n.fz-sv6-next {\n  right: 0;\n}\n\n\n\/* =========================================================\n   LIGHTBOX BOTTOM\n========================================================= *\/\n\n.fz-sv6-lightbox-bottom {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 15px auto 0;\n\n  display: grid;\n\n  grid-template-columns: 200px minmax(0,1fr);\n\n  gap: 28px;\n\n  align-items: center;\n}\n\n\n.fz-sv6-image-info span {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 11px;\n  font-weight: 650;\n}\n\n\n.fz-sv6-image-info small {\n  color: rgba(255,255,255,.38);\n\n  font-size: 9px;\n}\n\n\n\/* thumbnails *\/\n\n.fz-sv6-thumbs {\n  min-width: 0;\n\n  display: flex;\n\n  justify-content: flex-end;\n\n  gap: 8px;\n\n  overflow-x: auto;\n\n  padding-bottom: 2px;\n\n  scrollbar-width: none;\n}\n\n\n.fz-sv6-thumbs::-webkit-scrollbar {\n  display: none;\n}\n\n\n.fz-sv6-thumb {\n  flex: 0 0 90px;\n\n  width: 90px;\n  height: 60px;\n\n  padding: 2px;\n\n  overflow: hidden;\n\n  border: 1px solid transparent;\n\n  border-radius: 6px;\n\n  background: transparent;\n\n  opacity: .55;\n\n  cursor: pointer;\n\n  transition:\n    opacity .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-sv6-thumb img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  border-radius: 4px;\n}\n\n\n.fz-sv6-thumb:hover {\n  opacity: .9;\n}\n\n\n.fz-sv6-thumb.is-active {\n  opacity: 1;\n\n  border-color: var(--fz-orange);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-sv6-gallery {\n    padding: 80px 24px;\n  }\n\n\n  .fz-sv6-section-head {\n    gap: 45px;\n  }\n\n\n  .fz-sv6-feature {\n    grid-template-columns:\n      minmax(270px,.68fr)\n      minmax(0,1.32fr);\n\n    min-height: 520px;\n  }\n\n\n  .fz-sv6-copy {\n    padding: 42px 32px;\n  }\n\n\n  .fz-sv6-preview {\n    grid-template-columns: 1.25fr .75fr;\n  }\n\n\n  .fz-sv6-lightbox-panel {\n    padding-left: 22px;\n    padding-right: 22px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-sv6-gallery {\n    padding: 65px 16px;\n  }\n\n\n  \/* section intro *\/\n\n  .fz-sv6-section-head {\n    display: block;\n\n    margin-bottom: 29px;\n  }\n\n\n  .fz-sv6-section-title {\n    font-size: 34px;\n  }\n\n\n  .fz-sv6-section-intro {\n    max-width: 100%;\n\n    margin-top: 15px;\n\n    font-size: 13px;\n  }\n\n\n  \/* feature *\/\n\n  .fz-sv6-feature {\n    display: flex;\n\n    flex-direction: column;\n\n    min-height: 0;\n\n    border-radius: 14px;\n  }\n\n\n  .fz-sv6-copy {\n    padding: 34px 24px 31px;\n  }\n\n\n  .fz-sv6-title {\n    font-size: 42px;\n  }\n\n\n  .fz-sv6-description {\n    font-size: 13px;\n  }\n\n\n  .fz-sv6-details {\n    margin-top: 27px;\n  }\n\n\n  .fz-sv6-open {\n    margin-top: 27px;\n  }\n\n\n  \/* collage *\/\n\n  .fz-sv6-preview {\n    height: 430px;\n\n    padding: 5px;\n\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: 1.45fr .75fr;\n\n    gap: 5px;\n  }\n\n\n  .fz-sv6-preview-main {\n    grid-column: 1 \/ 3;\n    grid-row: 1;\n\n    border-radius: 9px 9px 2px 2px;\n  }\n\n\n  .fz-sv6-preview-small {\n    grid-row: 2;\n\n    border-radius: 2px 2px 2px 9px;\n  }\n\n\n  .fz-sv6-preview-small:nth-of-type(3) {\n    border-radius: 2px 2px 9px 2px;\n  }\n\n\n  .fz-sv6-view-label {\n    left: 13px;\n    bottom: 12px;\n  }\n\n\n  .fz-sv6-more {\n    right: 13px;\n    bottom: 12px;\n\n    width: 48px;\n    height: 48px;\n\n    font-size: 12px;\n  }\n\n\n  \/* =========================================\n     MOBILE FULLSCREEN GALLERY\n  ========================================== *\/\n\n  .fz-sv6-lightbox-panel {\n    padding:\n      15px\n      14px\n      13px;\n\n    grid-template-rows:\n      auto\n      minmax(0,1fr)\n      auto;\n  }\n\n\n  .fz-sv6-lightbox-top {\n    margin-bottom: 10px;\n  }\n\n\n  .fz-sv6-lightbox-top h3 {\n    font-size: 17px;\n  }\n\n\n  .fz-sv6-lightbox-actions {\n    gap: 13px;\n  }\n\n\n  .fz-sv6-close {\n    width: 40px;\n    height: 40px;\n\n    font-size: 25px;\n  }\n\n\n  .fz-sv6-stage {\n    width: 100%;\n  }\n\n\n  .fz-sv6-main-image-wrap {\n    width: 100%;\n  }\n\n\n  .fz-sv6-main-image {\n    max-height: 100%;\n  }\n\n\n  \/*\n     Desktop arrows intentionally hidden.\n     Mobile = swipe image.\n  *\/\n\n  .fz-sv6-nav {\n    display: none;\n  }\n\n\n  .fz-sv6-lightbox-bottom {\n    margin-top: 10px;\n\n    display: block;\n  }\n\n\n  .fz-sv6-image-info {\n    display: none;\n  }\n\n\n  .fz-sv6-thumbs {\n    justify-content: flex-start;\n\n    gap: 6px;\n  }\n\n\n  .fz-sv6-thumb {\n    flex-basis: 72px;\n\n    width: 72px;\n    height: 50px;\n\n    border-radius: 5px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .fz-sv6-gallery {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n\n\n  .fz-sv6-section-title {\n    font-size: 31px;\n  }\n\n\n  .fz-sv6-copy {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n\n\n  .fz-sv6-preview {\n    height: 390px;\n  }\n\n}\n<\/style>\n\n\n\n<script>\n(function () {\n\n  const images = [\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004958724_iOS-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_005019190_iOS-1-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004704510_iOS-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004633138_iOS-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_004942829_iOS-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260617_005040589_iOS-scaled.jpg\"\n\n  ];\n\n\n  const lightbox =\n    document.getElementById(\"fz-sv6-lightbox\");\n\n  const mainImage =\n    document.getElementById(\"fz-sv6-main-image\");\n\n  const currentText =\n    document.getElementById(\"fz-sv6-current\");\n\n  const prevButton =\n    document.getElementById(\"fz-sv6-prev\");\n\n  const nextButton =\n    document.getElementById(\"fz-sv6-next\");\n\n  const closeButton =\n    document.getElementById(\"fz-sv6-close\");\n\n  const stage =\n    document.getElementById(\"fz-sv6-stage\");\n\n  const openButtons =\n    document.querySelectorAll(\"[data-sv6-open]\");\n\n  const thumbs =\n    Array.from(\n      document.querySelectorAll(\n        \".fz-sv6-thumb\"\n      )\n    );\n\n\n  if (\n    !lightbox ||\n    !mainImage ||\n    !currentText\n  ) {\n    return;\n  }\n\n\n  let current = 0;\n\n  let touchStartX = 0;\n\n  let touchEndX = 0;\n\n  let previousBodyOverflow = \"\";\n\n\n  \/* =====================================================\n     DISPLAY IMAGE\n  ===================================================== *\/\n\n  function showImage(index) {\n\n    if (index < 0) {\n      index = images.length - 1;\n    }\n\n\n    if (index >= images.length) {\n      index = 0;\n    }\n\n\n    current = index;\n\n\n    \/*\n       Restart subtle image transition\n    *\/\n\n    mainImage.style.animation = \"none\";\n\n    mainImage.offsetHeight;\n\n    mainImage.style.animation = \"\";\n\n\n    mainImage.src =\n      images[current];\n\n\n    mainImage.alt =\n      \"Farizon SV6 MPV gallery image \" +\n      (current + 1);\n\n\n    currentText.textContent =\n      String(current + 1).padStart(2, \"0\");\n\n\n    thumbs.forEach(function (thumb, i) {\n\n      thumb.classList.toggle(\n        \"is-active\",\n        i === current\n      );\n\n    });\n\n\n    \/*\n       Mobile thumbnail follows current image\n    *\/\n\n    if (\n      thumbs[current] &&\n      window.innerWidth <= 767\n    ) {\n\n      thumbs[current].scrollIntoView({\n        behavior: \"smooth\",\n        block: \"nearest\",\n        inline: \"center\"\n      });\n\n    }\n\n  }\n\n\n  \/* =====================================================\n     OPEN\n  ===================================================== *\/\n\n  function openGallery(index) {\n\n    previousBodyOverflow =\n      document.body.style.overflow;\n\n\n    lightbox.classList.add(\"is-open\");\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n\n    showImage(index);\n\n\n    setTimeout(function () {\n\n      closeButton.focus();\n\n    }, 50);\n\n  }\n\n\n  \/* =====================================================\n     CLOSE\n  ===================================================== *\/\n\n  function closeGallery() {\n\n    lightbox.classList.remove(\"is-open\");\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      previousBodyOverflow;\n\n  }\n\n\n  \/* =====================================================\n     OPEN BUTTONS\n  ===================================================== *\/\n\n  openButtons.forEach(function (button) {\n\n    button.addEventListener(\n      \"click\",\n      function () {\n\n        const index =\n          parseInt(\n            button.getAttribute(\n              \"data-sv6-open\"\n            ),\n            10\n          ) || 0;\n\n\n        openGallery(index);\n\n      }\n    );\n\n  });\n\n\n  \/* =====================================================\n     THUMBNAILS\n  ===================================================== *\/\n\n  thumbs.forEach(function (thumb) {\n\n    thumb.addEventListener(\n      \"click\",\n      function () {\n\n        const index =\n          parseInt(\n            thumb.getAttribute(\n              \"data-sv6-index\"\n            ),\n            10\n          );\n\n\n        showImage(index);\n\n      }\n    );\n\n  });\n\n\n  \/* =====================================================\n     NAVIGATION\n  ===================================================== *\/\n\n  prevButton.addEventListener(\n    \"click\",\n    function () {\n\n      showImage(current - 1);\n\n    }\n  );\n\n\n  nextButton.addEventListener(\n    \"click\",\n    function () {\n\n      showImage(current + 1);\n\n    }\n  );\n\n\n  closeButton.addEventListener(\n    \"click\",\n    closeGallery\n  );\n\n\n  \/*\n     Click backdrop to close\n  *\/\n\n  lightbox\n    .querySelector(\n      \".fz-sv6-lightbox-backdrop\"\n    )\n    .addEventListener(\n      \"click\",\n      closeGallery\n    );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ===================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) {\n        return;\n      }\n\n\n      if (event.key === \"Escape\") {\n\n        closeGallery();\n\n      }\n\n\n      if (event.key === \"ArrowLeft\") {\n\n        showImage(current - 1);\n\n      }\n\n\n      if (event.key === \"ArrowRight\") {\n\n        showImage(current + 1);\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     MOBILE SWIPE\n  ===================================================== *\/\n\n  stage.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      touchStartX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  stage.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      touchEndX =\n        event.changedTouches[0].screenX;\n\n\n      const difference =\n        touchStartX - touchEndX;\n\n\n      \/*\n         Ignore small accidental movements\n      *\/\n\n      if (\n        Math.abs(difference) < 45\n      ) {\n        return;\n      }\n\n\n      if (difference > 0) {\n\n        showImage(current + 1);\n\n      } else {\n\n        showImage(current - 1);\n\n      }\n\n    },\n    {\n      passive: true\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<!-- =========================================================\n     FARIZON GALLERY\n     13+1 FR PASSENGER CONFIGURATION\n========================================================= -->\n\n<section class=\"fz-fr14-gallery\">\n\n  <div class=\"fz-fr14-inner\">\n\n\n    <!-- =====================================================\n         TOP INTRO\n    ====================================================== -->\n\n    <div class=\"fz-fr14-head\">\n\n      <div class=\"fz-fr14-title-side\">\n\n        <div class=\"fz-fr14-eyebrow\">\n          Passenger Configuration\n        <\/div>\n\n        <h2 class=\"fz-fr14-title\">\n          13+1 FR\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"fz-fr14-copy\">\n\n        <p class=\"fz-fr14-lead\">\n          Practical passenger mobility configured around\n          space, accessibility and everyday transport needs.\n        <\/p>\n\n        <p class=\"fz-fr14-description\">\n          Take a closer look at the Farizon 13+1 FR passenger\n          configuration through exterior, cabin and real-world\n          vehicle images.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         EDITORIAL SHOWCASE\n    ====================================================== -->\n\n    <div class=\"fz-fr14-showcase\">\n\n\n      <!-- LARGE MAIN IMAGE -->\n\n      <button\n        class=\"fz-fr14-main\"\n        type=\"button\"\n        data-fr14-open=\"0\"\n        aria-label=\"Open 13+1 FR gallery\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/5-1-scaled.jpg\"\n          alt=\"Farizon 13+1 FR passenger vehicle\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span class=\"fz-fr14-main-tag\">\n          13+1 Passenger Configuration\n        <\/span>\n\n      <\/button>\n\n\n\n      <!-- RIGHT SIDE -->\n\n      <div class=\"fz-fr14-side\">\n\n\n        <div class=\"fz-fr14-info\">\n\n          <div class=\"fz-fr14-number\">\n            02\n          <\/div>\n\n          <div>\n\n            <span class=\"fz-fr14-info-label\">\n              Passenger Mobility\n            <\/span>\n\n            <h3>\n              Built Around People.\n            <\/h3>\n\n            <p>\n              A flexible passenger-focused configuration\n              designed for group transport and commercial mobility.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- IMAGE PREVIEWS -->\n\n        <div class=\"fz-fr14-preview-row\">\n\n\n          <button\n            class=\"fz-fr14-preview\"\n            type=\"button\"\n            data-fr14-open=\"1\"\n            aria-label=\"Open 13+1 FR image\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/0-3.jpg\"\n              alt=\"Farizon 13+1 FR gallery image\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/button>\n\n\n\n          <button\n            class=\"fz-fr14-preview\"\n            type=\"button\"\n            data-fr14-open=\"3\"\n            aria-label=\"Open 13+1 FR interior gallery image\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20250417_084856026_iOS-scaled.jpg\"\n              alt=\"Farizon 13+1 FR interior\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/button>\n\n\n        <\/div>\n\n\n\n        <!-- CTA -->\n\n        <div class=\"fz-fr14-footer\">\n\n          <div class=\"fz-fr14-photo-count\">\n\n            <strong>\n              06\n            <\/strong>\n\n            <span>\n              Gallery Images\n            <\/span>\n\n          <\/div>\n\n\n          <button\n            class=\"fz-fr14-open\"\n            type=\"button\"\n            data-fr14-open=\"0\">\n\n            Explore 13+1 FR\n\n            <span>\n              \u2197\n            <\/span>\n\n          <\/button>\n\n        <\/div>\n\n\n      <\/div>\n\n\n      <!-- HUGE BACKGROUND NUMBER -->\n\n      <div\n        class=\"fz-fr14-watermark\"\n        aria-hidden=\"true\">\n        13+1\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     13+1 FR FULLSCREEN GALLERY\n========================================================= -->\n\n<div\n  class=\"fz-fr14-lightbox\"\n  id=\"fz-fr14-lightbox\"\n  aria-hidden=\"true\">\n\n\n  <div class=\"fz-fr14-lightbox-bg\"><\/div>\n\n\n  <div\n    class=\"fz-fr14-lightbox-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Farizon 13+1 FR Gallery\">\n\n\n    <!-- TOP -->\n\n    <div class=\"fz-fr14-lightbox-top\">\n\n      <div>\n\n        <span class=\"fz-fr14-lightbox-label\">\n          Farizon Passenger Mobility\n        <\/span>\n\n        <h3>\n          13+1 FR\n        <\/h3>\n\n      <\/div>\n\n\n      <div class=\"fz-fr14-lightbox-actions\">\n\n        <div class=\"fz-fr14-counter\">\n\n          <span id=\"fz-fr14-current\">\n            01\n          <\/span>\n\n          <i><\/i>\n\n          <span>\n            06\n          <\/span>\n\n        <\/div>\n\n\n        <button\n          class=\"fz-fr14-close\"\n          id=\"fz-fr14-close\"\n          type=\"button\"\n          aria-label=\"Close gallery\">\n\n          \u00d7\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- IMAGE STAGE -->\n\n    <div\n      class=\"fz-fr14-stage\"\n      id=\"fz-fr14-stage\">\n\n\n      <button\n        class=\"fz-fr14-nav fz-fr14-prev\"\n        id=\"fz-fr14-prev\"\n        type=\"button\"\n        aria-label=\"Previous image\">\n\n        \u2039\n\n      <\/button>\n\n\n\n      <div class=\"fz-fr14-main-image-wrap\">\n\n        <img decoding=\"async\"\n          class=\"fz-fr14-main-image\"\n          id=\"fz-fr14-main-image\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/5-1-scaled.jpg\"\n          alt=\"Farizon 13+1 FR gallery image\">\n\n      <\/div>\n\n\n\n      <button\n        class=\"fz-fr14-nav fz-fr14-next\"\n        id=\"fz-fr14-next\"\n        type=\"button\"\n        aria-label=\"Next image\">\n\n        \u203a\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <!-- THUMBNAILS -->\n\n    <div class=\"fz-fr14-lightbox-bottom\">\n\n\n      <div class=\"fz-fr14-bottom-copy\">\n\n        <strong>\n          Farizon 13+1 FR\n        <\/strong>\n\n        <span>\n          Exterior \u00b7 Interior \u00b7 Passenger Configuration\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"fz-fr14-thumbs\">\n\n\n        <button\n          class=\"fz-fr14-thumb is-active\"\n          type=\"button\"\n          data-fr14-index=\"0\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/5-1-scaled.jpg\"\n            alt=\"13+1 FR thumbnail 1\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-fr14-thumb\"\n          type=\"button\"\n          data-fr14-index=\"1\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/0-3.jpg\"\n            alt=\"13+1 FR thumbnail 2\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-fr14-thumb\"\n          type=\"button\"\n          data-fr14-index=\"2\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/4-3.jpg\"\n            alt=\"13+1 FR thumbnail 3\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-fr14-thumb\"\n          type=\"button\"\n          data-fr14-index=\"3\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20250417_084856026_iOS-scaled.jpg\"\n            alt=\"13+1 FR thumbnail 4\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-fr14-thumb\"\n          type=\"button\"\n          data-fr14-index=\"4\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20250417_084934980_iOS-scaled.jpg\"\n            alt=\"13+1 FR thumbnail 5\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-fr14-thumb\"\n          type=\"button\"\n          data-fr14-index=\"5\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20250417_084923373_iOS-scaled.jpg\"\n            alt=\"13+1 FR thumbnail 6\">\n\n        <\/button>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   13+1 FR EDITORIAL SECTION\n========================================================= *\/\n\n.fz-fr14-gallery {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --text: #5d6672;\n  --muted: #929aa3;\n  --line: #e2e6ea;\n  --light: #f5f6f8;\n\n  width: 100%;\n\n  padding: 105px 24px;\n\n  background: #f5f6f8;\n\n  font-family: Inter, Arial, sans-serif;\n\n  box-sizing: border-box;\n}\n\n\n.fz-fr14-gallery *,\n.fz-fr14-gallery *::before,\n.fz-fr14-gallery *::after,\n.fz-fr14-lightbox *,\n.fz-fr14-lightbox *::before,\n.fz-fr14-lightbox *::after {\n  box-sizing: border-box;\n}\n\n\n.fz-fr14-inner {\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.fz-fr14-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(360px,.75fr);\n\n  gap: 80px;\n\n  align-items: end;\n\n  margin-bottom: 43px;\n}\n\n\n.fz-fr14-eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 11px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-fr14-eyebrow::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--orange);\n}\n\n\n.fz-fr14-title {\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size: clamp(48px,5.2vw,70px);\n\n  font-weight: 700;\n\n  line-height: 1;\n\n  letter-spacing: -2px;\n}\n\n\n.fz-fr14-copy {\n  max-width: 510px;\n}\n\n\n.fz-fr14-lead {\n  margin: 0 0 9px;\n\n  color: var(--navy);\n\n  font-size: 16px;\n  font-weight: 600;\n\n  line-height: 1.6;\n}\n\n\n.fz-fr14-description {\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 13px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   SHOWCASE\n========================================================= *\/\n\n.fz-fr14-showcase {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.4fr)\n    minmax(330px,.75fr);\n\n  gap: 8px;\n\n  min-height: 610px;\n\n  overflow: hidden;\n}\n\n\n\/* =========================================================\n   MAIN IMAGE\n========================================================= *\/\n\n.fz-fr14-main {\n  position: relative;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n\n  border-radius: 15px 3px 3px 15px;\n\n  background: #dfe3e7;\n\n  cursor: pointer;\n}\n\n\n.fz-fr14-main img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform .7s ease,\n    filter .35s ease;\n}\n\n\n.fz-fr14-main:hover img {\n  transform: scale(1.025);\n\n  filter: brightness(.95);\n}\n\n\n.fz-fr14-main-tag {\n  position: absolute;\n\n  left: 22px;\n  bottom: 21px;\n\n  padding: 9px 13px;\n\n  background: rgba(38,54,72,.90);\n\n  backdrop-filter: blur(7px);\n\n  border-radius: 4px;\n\n  color: #ffffff;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .5px;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   RIGHT SIDE\n========================================================= *\/\n\n.fz-fr14-side {\n  position: relative;\n\n  z-index: 2;\n\n  padding: 36px 31px 29px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  background: #ffffff;\n\n  border-radius: 3px 15px 15px 3px;\n}\n\n\n\/* =========================================================\n   INFO\n========================================================= *\/\n\n.fz-fr14-info {\n  display: grid;\n\n  grid-template-columns: 40px 1fr;\n\n  gap: 12px;\n\n  margin-bottom: 28px;\n}\n\n\n.fz-fr14-number {\n  padding-top: 2px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n\n.fz-fr14-info-label {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.1px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-fr14-info h3 {\n  margin: 0 0 8px;\n\n  color: var(--navy);\n\n  font-size: 25px;\n  font-weight: 700;\n\n  line-height: 1.25;\n}\n\n\n.fz-fr14-info p {\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 12px;\n\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   PREVIEW IMAGES\n========================================================= *\/\n\n.fz-fr14-preview-row {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 6px;\n\n  height: 210px;\n}\n\n\n.fz-fr14-preview {\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n\n  border-radius: 7px;\n\n  background: #e5e8eb;\n\n  cursor: pointer;\n}\n\n\n.fz-fr14-preview img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition: transform .5s ease;\n}\n\n\n.fz-fr14-preview:hover img {\n  transform: scale(1.04);\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\n.fz-fr14-footer {\n  margin-top: auto;\n\n  padding-top: 27px;\n\n  display: flex;\n\n  justify-content: space-between;\n  align-items: flex-end;\n\n  gap: 18px;\n}\n\n\n.fz-fr14-photo-count strong {\n  display: block;\n\n  margin-bottom: 1px;\n\n  color: var(--navy);\n\n  font-size: 29px;\n\n  line-height: 1;\n}\n\n\n.fz-fr14-photo-count span {\n  color: var(--muted);\n\n  font-size: 9px;\n\n  letter-spacing: .8px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-fr14-open {\n  padding: 0 0 7px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  border: 0;\n  border-bottom: 2px solid var(--orange);\n\n  background: transparent;\n\n  color: var(--navy);\n\n  font-family: inherit;\n\n  font-size: 12px;\n  font-weight: 700;\n\n  cursor: pointer;\n\n  transition:\n    color .2s ease,\n    gap .2s ease;\n}\n\n\n.fz-fr14-open span {\n  color: var(--orange);\n\n  font-size: 15px;\n}\n\n\n.fz-fr14-open:hover {\n  gap: 13px;\n\n  color: var(--orange);\n}\n\n\n\/* =========================================================\n   LARGE WATERMARK\n========================================================= *\/\n\n.fz-fr14-watermark {\n  position: absolute;\n\n  z-index: 0;\n\n  right: 285px;\n  bottom: -38px;\n\n  color: rgba(38,54,72,.035);\n\n  font-size: 150px;\n  font-weight: 800;\n\n  letter-spacing: -10px;\n\n  pointer-events: none;\n\n  user-select: none;\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n.fz-fr14-lightbox {\n  position: fixed;\n\n  z-index: 999999;\n\n  inset: 0;\n\n  display: none;\n\n  font-family: Inter, Arial, sans-serif;\n}\n\n\n.fz-fr14-lightbox.is-open {\n  display: block;\n}\n\n\n.fz-fr14-lightbox-bg {\n  position: absolute;\n\n  inset: 0;\n\n  background: rgba(10,16,23,.95);\n\n  backdrop-filter: blur(14px);\n}\n\n\n.fz-fr14-lightbox-panel {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  height: 100%;\n\n  padding: 24px 32px 22px;\n\n  display: grid;\n\n  grid-template-rows:\n    auto\n    minmax(0,1fr)\n    auto;\n\n  color: #ffffff;\n}\n\n\n\/* TOP *\/\n\n.fz-fr14-lightbox-top {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 0 auto 16px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n}\n\n\n.fz-fr14-lightbox-label {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-fr14-lightbox-top h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 21px;\n  font-weight: 650;\n}\n\n\n.fz-fr14-lightbox-actions {\n  display: flex;\n\n  align-items: center;\n\n  gap: 23px;\n}\n\n\n.fz-fr14-counter {\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: rgba(255,255,255,.45);\n\n  font-size: 10px;\n}\n\n\n#fz-fr14-current {\n  color: #ffffff;\n\n  font-weight: 700;\n}\n\n\n.fz-fr14-counter i {\n  width: 20px;\n  height: 1px;\n\n  background: rgba(255,255,255,.25);\n}\n\n\n.fz-fr14-close {\n  width: 43px;\n  height: 43px;\n\n  display: flex;\n\n  justify-content: center;\n  align-items: center;\n\n  padding: 0;\n\n  border: 1px solid rgba(255,255,255,.17);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 27px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-fr14-close:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   STAGE\n========================================================= *\/\n\n.fz-fr14-stage {\n  position: relative;\n\n  width: 100%;\n  max-width: 1500px;\n\n  min-height: 0;\n\n  margin: 0 auto;\n\n  display: flex;\n\n  justify-content: center;\n  align-items: center;\n}\n\n\n.fz-fr14-main-image-wrap {\n  width: calc(100% - 130px);\n  height: 100%;\n\n  min-height: 0;\n\n  display: flex;\n\n  justify-content: center;\n  align-items: center;\n}\n\n\n.fz-fr14-main-image {\n  display: block;\n\n  max-width: 100%;\n  max-height: 100%;\n\n  width: auto;\n  height: auto;\n\n  object-fit: contain;\n\n  animation: fzFr14In .27s ease;\n\n  user-select: none;\n}\n\n\n@keyframes fzFr14In {\n\n  from {\n    opacity: .4;\n    transform: scale(.986);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n}\n\n\n\/* arrows *\/\n\n.fz-fr14-nav {\n  position: absolute;\n\n  z-index: 3;\n\n  top: 50%;\n\n  width: 48px;\n  height: 48px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding: 0;\n\n  transform: translateY(-50%);\n\n  border: 1px solid rgba(255,255,255,.16);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 34px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-fr14-nav:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n\n.fz-fr14-prev {\n  left: 0;\n}\n\n\n.fz-fr14-next {\n  right: 0;\n}\n\n\n\/* =========================================================\n   LIGHTBOX BOTTOM\n========================================================= *\/\n\n.fz-fr14-lightbox-bottom {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 15px auto 0;\n\n  display: grid;\n\n  grid-template-columns: 230px minmax(0,1fr);\n\n  gap: 25px;\n\n  align-items: center;\n}\n\n\n.fz-fr14-bottom-copy strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 11px;\n}\n\n\n.fz-fr14-bottom-copy span {\n  color: rgba(255,255,255,.38);\n\n  font-size: 9px;\n}\n\n\n\/* thumbnails *\/\n\n.fz-fr14-thumbs {\n  display: flex;\n\n  justify-content: flex-end;\n\n  gap: 8px;\n\n  min-width: 0;\n\n  overflow-x: auto;\n\n  scrollbar-width: none;\n}\n\n\n.fz-fr14-thumbs::-webkit-scrollbar {\n  display: none;\n}\n\n\n.fz-fr14-thumb {\n  flex: 0 0 90px;\n\n  width: 90px;\n  height: 60px;\n\n  padding: 2px;\n\n  overflow: hidden;\n\n  border: 1px solid transparent;\n\n  border-radius: 6px;\n\n  background: transparent;\n\n  opacity: .53;\n\n  cursor: pointer;\n\n  transition:\n    opacity .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-fr14-thumb img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  border-radius: 4px;\n}\n\n\n.fz-fr14-thumb:hover {\n  opacity: .9;\n}\n\n\n.fz-fr14-thumb.is-active {\n  opacity: 1;\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-fr14-gallery {\n    padding: 85px 24px;\n  }\n\n\n  .fz-fr14-head {\n    gap: 45px;\n  }\n\n\n  .fz-fr14-showcase {\n    grid-template-columns:\n      minmax(0,1.25fr)\n      minmax(300px,.75fr);\n\n    min-height: 540px;\n  }\n\n\n  .fz-fr14-side {\n    padding: 30px 24px 25px;\n  }\n\n\n  .fz-fr14-watermark {\n    display: none;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-fr14-gallery {\n    padding: 67px 16px;\n\n    background: #f5f6f8;\n  }\n\n\n  .fz-fr14-head {\n    display: block;\n\n    margin-bottom: 29px;\n  }\n\n\n  .fz-fr14-title {\n    font-size: 48px;\n\n    letter-spacing: -1.5px;\n  }\n\n\n  .fz-fr14-copy {\n    max-width: none;\n\n    margin-top: 19px;\n  }\n\n\n  .fz-fr14-lead {\n    font-size: 15px;\n  }\n\n\n  .fz-fr14-description {\n    font-size: 13px;\n  }\n\n\n  \/* showcase *\/\n\n  .fz-fr14-showcase {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 5px;\n\n    min-height: 0;\n  }\n\n\n  .fz-fr14-main {\n    height: 385px;\n\n    border-radius: 12px 12px 3px 3px;\n  }\n\n\n  .fz-fr14-side {\n    padding: 28px 22px 25px;\n\n    border-radius: 3px 3px 12px 12px;\n  }\n\n\n  .fz-fr14-info h3 {\n    font-size: 23px;\n  }\n\n\n  .fz-fr14-preview-row {\n    height: 180px;\n  }\n\n\n  .fz-fr14-footer {\n    padding-top: 24px;\n  }\n\n\n  \/* modal *\/\n\n  .fz-fr14-lightbox-panel {\n    padding:\n      15px\n      14px\n      13px;\n  }\n\n\n  .fz-fr14-lightbox-top {\n    margin-bottom: 10px;\n  }\n\n\n  .fz-fr14-lightbox-top h3 {\n    font-size: 17px;\n  }\n\n\n  .fz-fr14-lightbox-actions {\n    gap: 12px;\n  }\n\n\n  .fz-fr14-close {\n    width: 40px;\n    height: 40px;\n\n    font-size: 25px;\n  }\n\n\n  .fz-fr14-main-image-wrap {\n    width: 100%;\n  }\n\n\n  .fz-fr14-nav {\n    display: none;\n  }\n\n\n  .fz-fr14-lightbox-bottom {\n    display: block;\n\n    margin-top: 10px;\n  }\n\n\n  .fz-fr14-bottom-copy {\n    display: none;\n  }\n\n\n  .fz-fr14-thumbs {\n    justify-content: flex-start;\n\n    gap: 6px;\n  }\n\n\n  .fz-fr14-thumb {\n    flex-basis: 72px;\n\n    width: 72px;\n    height: 50px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .fz-fr14-gallery {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n\n\n  .fz-fr14-main {\n    height: 345px;\n  }\n\n\n  .fz-fr14-side {\n    padding-left: 18px;\n    padding-right: 18px;\n  }\n\n}\n<\/style>\n\n\n\n<script>\n(function () {\n\n  const images = [\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/5-1-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/0-3.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/4-3.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20250417_084856026_iOS-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20250417_084934980_iOS-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20250417_084923373_iOS-scaled.jpg\"\n\n  ];\n\n\n  const lightbox =\n    document.getElementById(\n      \"fz-fr14-lightbox\"\n    );\n\n  const mainImage =\n    document.getElementById(\n      \"fz-fr14-main-image\"\n    );\n\n  const currentLabel =\n    document.getElementById(\n      \"fz-fr14-current\"\n    );\n\n  const closeButton =\n    document.getElementById(\n      \"fz-fr14-close\"\n    );\n\n  const previousButton =\n    document.getElementById(\n      \"fz-fr14-prev\"\n    );\n\n  const nextButton =\n    document.getElementById(\n      \"fz-fr14-next\"\n    );\n\n  const stage =\n    document.getElementById(\n      \"fz-fr14-stage\"\n    );\n\n  const openButtons =\n    document.querySelectorAll(\n      \"[data-fr14-open]\"\n    );\n\n  const thumbs =\n    Array.from(\n      document.querySelectorAll(\n        \".fz-fr14-thumb\"\n      )\n    );\n\n\n  if (\n    !lightbox ||\n    !mainImage ||\n    !currentLabel\n  ) {\n    return;\n  }\n\n\n  let current = 0;\n\n  let startX = 0;\n\n  let endX = 0;\n\n  let oldOverflow = \"\";\n\n\n  function show(index) {\n\n    if (index < 0) {\n      index = images.length - 1;\n    }\n\n\n    if (index >= images.length) {\n      index = 0;\n    }\n\n\n    current = index;\n\n\n    mainImage.style.animation = \"none\";\n\n    mainImage.offsetHeight;\n\n    mainImage.style.animation = \"\";\n\n\n    mainImage.src =\n      images[current];\n\n\n    mainImage.alt =\n      \"Farizon 13+1 FR gallery image \" +\n      (current + 1);\n\n\n    currentLabel.textContent =\n      String(current + 1).padStart(\n        2,\n        \"0\"\n      );\n\n\n    thumbs.forEach(\n      function (thumb, index) {\n\n        thumb.classList.toggle(\n          \"is-active\",\n          index === current\n        );\n\n      }\n    );\n\n\n    if (\n      thumbs[current] &&\n      window.innerWidth <= 767\n    ) {\n\n      thumbs[current].scrollIntoView({\n        behavior: \"smooth\",\n        block: \"nearest\",\n        inline: \"center\"\n      });\n\n    }\n\n  }\n\n\n  function open(index) {\n\n    oldOverflow =\n      document.body.style.overflow;\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n\n    show(index);\n\n\n    setTimeout(function () {\n\n      closeButton.focus();\n\n    }, 50);\n\n  }\n\n\n  function close() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      oldOverflow;\n\n  }\n\n\n  openButtons.forEach(\n    function (button) {\n\n      button.addEventListener(\n        \"click\",\n        function () {\n\n          const index =\n            parseInt(\n              button.getAttribute(\n                \"data-fr14-open\"\n              ),\n              10\n            ) || 0;\n\n\n          open(index);\n\n        }\n      );\n\n    }\n  );\n\n\n  thumbs.forEach(\n    function (thumb) {\n\n      thumb.addEventListener(\n        \"click\",\n        function () {\n\n          show(\n            parseInt(\n              thumb.getAttribute(\n                \"data-fr14-index\"\n              ),\n              10\n            )\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  previousButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current - 1);\n\n    }\n  );\n\n\n  nextButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current + 1);\n\n    }\n  );\n\n\n  closeButton.addEventListener(\n    \"click\",\n    close\n  );\n\n\n  lightbox\n    .querySelector(\n      \".fz-fr14-lightbox-bg\"\n    )\n    .addEventListener(\n      \"click\",\n      close\n    );\n\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) {\n        return;\n      }\n\n\n      if (event.key === \"Escape\") {\n        close();\n      }\n\n\n      if (event.key === \"ArrowLeft\") {\n        show(current - 1);\n      }\n\n\n      if (event.key === \"ArrowRight\") {\n        show(current + 1);\n      }\n\n    }\n  );\n\n\n  \/* MOBILE SWIPE *\/\n\n  stage.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      startX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  stage.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      endX =\n        event.changedTouches[0].screenX;\n\n\n      const diff =\n        startX - endX;\n\n\n      if (\n        Math.abs(diff) < 45\n      ) {\n        return;\n      }\n\n\n      if (diff > 0) {\n\n        show(current + 1);\n\n      } else {\n\n        show(current - 1);\n\n      }\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!-- =========================================================\n     FARIZON GALLERY\n     SCHOOL BUS \/ PASSENGER APPLICATION\n========================================================= -->\n\n<section class=\"fz-school-gallery\">\n\n  <div class=\"fz-school-inner\">\n\n    <!-- HEADER -->\n\n    <div class=\"fz-school-head\">\n\n      <div>\n        <div class=\"fz-school-eyebrow\">\n          Real-World Application\n        <\/div>\n\n        <h2 class=\"fz-school-title\">\n          Farizon School Bus\n        <\/h2>\n      <\/div>\n\n      <div class=\"fz-school-head-copy\">\n        <strong>\n          Electric mobility configured for everyday passenger transport.\n        <\/strong>\n\n        <p>\n          Explore the Farizon school bus conversion from exterior,\n          passenger-access and practical operating perspectives.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- MAIN VISUAL -->\n\n    <div class=\"fz-school-showcase\">\n\n      <button\n        class=\"fz-school-main\"\n        type=\"button\"\n        data-school-open=\"0\"\n        aria-label=\"Open Farizon School Bus gallery\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_025125213_iOS-scaled.jpg\"\n          alt=\"Farizon electric school bus\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <div class=\"fz-school-main-overlay\"><\/div>\n\n        <div class=\"fz-school-main-content\">\n\n          <span>\n            Passenger Transport\n          <\/span>\n\n          <h3>\n            Designed Around Everyday Mobility.\n          <\/h3>\n\n          <p>\n            A practical Farizon passenger configuration\n            developed for group and school transport applications.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"fz-school-view\">\n          View Gallery\n          <b>\u2197<\/b>\n        <\/div>\n\n      <\/button>\n\n\n      <!-- LOWER INFO -->\n\n      <div class=\"fz-school-bottom\">\n\n        <div class=\"fz-school-info\">\n\n          <div class=\"fz-school-index\">\n            03\n          <\/div>\n\n          <div>\n            <span class=\"fz-school-small-label\">\n              School Bus\n            <\/span>\n\n            <h3>\n              Passenger Mobility in Practice\n            <\/h3>\n\n            <p>\n              View the vehicle from multiple angles and explore\n              how Farizon can support specialised passenger applications.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- PREVIEW IMAGES -->\n\n        <div class=\"fz-school-previews\">\n\n          <button\n            class=\"fz-school-preview\"\n            type=\"button\"\n            data-school-open=\"1\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_024948575_iOS-scaled.jpg\"\n              alt=\"Farizon school bus exterior\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/button>\n\n\n          <button\n            class=\"fz-school-preview\"\n            type=\"button\"\n            data-school-open=\"2\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_025041225_iOS-scaled.jpg\"\n              alt=\"Farizon school bus passenger vehicle\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/button>\n\n\n          <button\n            class=\"fz-school-preview fz-school-preview-more\"\n            type=\"button\"\n            data-school-open=\"3\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_024239498_iOS-scaled.jpg\"\n              alt=\"Farizon school bus detail\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n            <span>\n              <strong>04<\/strong>\n              Photos\n            <\/span>\n\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- CTA LINE -->\n\n    <div class=\"fz-school-action-row\">\n\n      <span>\n        Farizon \u00b7 Passenger &amp; Specialised Applications\n      <\/span>\n\n      <button\n        type=\"button\"\n        class=\"fz-school-open\"\n        data-school-open=\"0\">\n\n        Explore School Bus Gallery\n        <b>\u2192<\/b>\n\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     SCHOOL BUS FULLSCREEN LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"fz-school-lightbox\"\n  id=\"fz-school-lightbox\"\n  aria-hidden=\"true\">\n\n  <div class=\"fz-school-lightbox-bg\"><\/div>\n\n  <div\n    class=\"fz-school-lightbox-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Farizon School Bus Gallery\">\n\n    <!-- TOP -->\n\n    <div class=\"fz-school-lightbox-top\">\n\n      <div>\n        <span>\n          Farizon Gallery\n        <\/span>\n\n        <h3>\n          School Bus\n        <\/h3>\n      <\/div>\n\n\n      <div class=\"fz-school-lightbox-actions\">\n\n        <div class=\"fz-school-counter\">\n          <strong id=\"fz-school-current\">\n            01\n          <\/strong>\n\n          <i><\/i>\n\n          <span>\n            04\n          <\/span>\n        <\/div>\n\n        <button\n          class=\"fz-school-close\"\n          id=\"fz-school-close\"\n          type=\"button\"\n          aria-label=\"Close gallery\">\n\n          \u00d7\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- STAGE -->\n\n    <div\n      class=\"fz-school-stage\"\n      id=\"fz-school-stage\">\n\n      <button\n        class=\"fz-school-nav fz-school-prev\"\n        id=\"fz-school-prev\"\n        type=\"button\"\n        aria-label=\"Previous image\">\n\n        \u2039\n\n      <\/button>\n\n\n      <div class=\"fz-school-main-image-wrap\">\n\n        <img decoding=\"async\"\n          id=\"fz-school-main-image\"\n          class=\"fz-school-main-image\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_025125213_iOS-scaled.jpg\"\n          alt=\"Farizon School Bus gallery image\">\n\n      <\/div>\n\n\n      <button\n        class=\"fz-school-nav fz-school-next\"\n        id=\"fz-school-next\"\n        type=\"button\"\n        aria-label=\"Next image\">\n\n        \u203a\n\n      <\/button>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n\n    <div class=\"fz-school-lightbox-bottom\">\n\n      <div class=\"fz-school-gallery-caption\">\n\n        <strong>\n          Farizon School Bus\n        <\/strong>\n\n        <span>\n          Swipe or use arrows to explore\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"fz-school-thumbs\">\n\n        <button\n          class=\"fz-school-thumb is-active\"\n          type=\"button\"\n          data-school-index=\"0\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_025125213_iOS-scaled.jpg\"\n            alt=\"School Bus thumbnail 1\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-school-thumb\"\n          type=\"button\"\n          data-school-index=\"1\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_024948575_iOS-scaled.jpg\"\n            alt=\"School Bus thumbnail 2\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-school-thumb\"\n          type=\"button\"\n          data-school-index=\"2\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_025041225_iOS-scaled.jpg\"\n            alt=\"School Bus thumbnail 3\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-school-thumb\"\n          type=\"button\"\n          data-school-index=\"3\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_024239498_iOS-scaled.jpg\"\n            alt=\"School Bus thumbnail 4\">\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   SCHOOL BUS APPLICATION SHOWCASE\n========================================================= *\/\n\n.fz-school-gallery {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --deep: #1b2836;\n  --text: #5d6672;\n  --muted: #9099a3;\n  --line: #e2e6ea;\n\n  width: 100%;\n  padding: 105px 24px;\n\n  background: #ffffff;\n\n  font-family: Inter, Arial, sans-serif;\n  box-sizing: border-box;\n}\n\n.fz-school-gallery *,\n.fz-school-gallery *::before,\n.fz-school-gallery *::after,\n.fz-school-lightbox *,\n.fz-school-lightbox *::before,\n.fz-school-lightbox *::after {\n  box-sizing: border-box;\n}\n\n.fz-school-inner {\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.fz-school-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(340px,.7fr);\n\n  gap: 80px;\n\n  align-items: end;\n\n  margin-bottom: 42px;\n}\n\n.fz-school-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: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n}\n\n.fz-school-eyebrow::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--orange);\n}\n\n.fz-school-title {\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size: clamp(43px,5vw,68px);\n  font-weight: 700;\n\n  line-height: 1;\n\n  letter-spacing: -1.8px;\n}\n\n.fz-school-head-copy {\n  max-width: 480px;\n}\n\n.fz-school-head-copy strong {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--navy);\n\n  font-size: 16px;\n  font-weight: 600;\n\n  line-height: 1.55;\n}\n\n.fz-school-head-copy p {\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 13px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   MAIN SHOWCASE\n========================================================= *\/\n\n.fz-school-showcase {\n  width: 100%;\n}\n\n\n\/* MAIN IMAGE *\/\n\n.fz-school-main {\n  position: relative;\n\n  width: 100%;\n  height: 580px;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n  border-radius: 16px;\n\n  background: #dfe3e7;\n\n  cursor: pointer;\n}\n\n.fz-school-main img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition: transform .75s ease;\n}\n\n.fz-school-main:hover img {\n  transform: scale(1.025);\n}\n\n\n\/* image overlay *\/\n\n.fz-school-main-overlay {\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(20,31,43,.76) 0%,\n      rgba(20,31,43,.48) 32%,\n      rgba(20,31,43,.08) 62%,\n      transparent 82%\n    );\n}\n\n\n\/* main copy *\/\n\n.fz-school-main-content {\n  position: absolute;\n\n  z-index: 2;\n\n  left: 44px;\n  bottom: 42px;\n\n  max-width: 480px;\n\n  text-align: left;\n}\n\n.fz-school-main-content > span {\n  display: block;\n\n  margin-bottom: 10px;\n\n  color: var(--orange);\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n.fz-school-main-content h3 {\n  margin: 0 0 11px;\n\n  color: #ffffff;\n\n  font-size: 34px;\n  font-weight: 700;\n\n  line-height: 1.15;\n\n  letter-spacing: -.7px;\n}\n\n.fz-school-main-content p {\n  max-width: 420px;\n\n  margin: 0;\n\n  color: rgba(255,255,255,.76);\n\n  font-size: 13px;\n\n  line-height: 1.7;\n}\n\n\n\/* view badge *\/\n\n.fz-school-view {\n  position: absolute;\n\n  z-index: 3;\n\n  right: 25px;\n  top: 24px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  padding: 9px 12px;\n\n  border-radius: 5px;\n\n  background: rgba(38,54,72,.88);\n\n  backdrop-filter: blur(7px);\n\n  color: #ffffff;\n\n  font-size: 10px;\n  font-weight: 700;\n}\n\n.fz-school-view b {\n  color: var(--orange);\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   LOWER CONTENT\n========================================================= *\/\n\n.fz-school-bottom {\n  display: grid;\n\n  grid-template-columns:\n    minmax(330px,.72fr)\n    minmax(0,1.28fr);\n\n  gap: 38px;\n\n  margin-top: 27px;\n}\n\n\n\/* INFO *\/\n\n.fz-school-info {\n  display: grid;\n\n  grid-template-columns: 42px 1fr;\n\n  gap: 15px;\n\n  padding-top: 5px;\n}\n\n.fz-school-index {\n  padding-top: 2px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.fz-school-small-label {\n  display: block;\n\n  margin-bottom: 6px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  text-transform: uppercase;\n}\n\n.fz-school-info h3 {\n  margin: 0 0 8px;\n\n  color: var(--navy);\n\n  font-size: 23px;\n  font-weight: 700;\n\n  line-height: 1.3;\n}\n\n.fz-school-info p {\n  max-width: 400px;\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   PREVIEWS\n========================================================= *\/\n\n.fz-school-previews {\n  display: grid;\n\n  grid-template-columns: repeat(3,1fr);\n\n  gap: 7px;\n\n  height: 195px;\n}\n\n.fz-school-preview {\n  position: relative;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n  border-radius: 8px;\n\n  background: #e5e8eb;\n\n  cursor: pointer;\n}\n\n.fz-school-preview img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform .5s ease,\n    filter .3s ease;\n}\n\n.fz-school-preview:hover img {\n  transform: scale(1.04);\n\n  filter: brightness(.92);\n}\n\n\n\/* LAST IMAGE COUNTER *\/\n\n.fz-school-preview-more > span {\n  position: absolute;\n\n  inset: 0;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n  align-items: center;\n\n  background: rgba(26,39,53,.55);\n\n  color: #ffffff;\n\n  font-size: 9px;\n\n  text-transform: uppercase;\n\n  letter-spacing: .8px;\n}\n\n.fz-school-preview-more > span strong {\n  margin-bottom: 2px;\n\n  color: #ffffff;\n\n  font-size: 24px;\n\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   ACTION ROW\n========================================================= *\/\n\n.fz-school-action-row {\n  margin-top: 29px;\n\n  padding-top: 21px;\n\n  border-top: 1px solid var(--line);\n\n  display: flex;\n\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 25px;\n}\n\n.fz-school-action-row > span {\n  color: var(--muted);\n\n  font-size: 10px;\n\n  letter-spacing: .7px;\n\n  text-transform: uppercase;\n}\n\n.fz-school-open {\n  padding: 0 0 7px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  border: 0;\n  border-bottom: 2px solid var(--orange);\n\n  background: transparent;\n\n  color: var(--navy);\n\n  font-family: inherit;\n\n  font-size: 12px;\n  font-weight: 700;\n\n  cursor: pointer;\n\n  transition:\n    color .2s ease,\n    gap .2s ease;\n}\n\n.fz-school-open b {\n  color: var(--orange);\n\n  font-size: 15px;\n}\n\n.fz-school-open:hover {\n  gap: 14px;\n\n  color: var(--orange);\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n.fz-school-lightbox {\n  position: fixed;\n\n  z-index: 999999;\n\n  inset: 0;\n\n  display: none;\n\n  font-family: Inter, Arial, sans-serif;\n}\n\n.fz-school-lightbox.is-open {\n  display: block;\n}\n\n.fz-school-lightbox-bg {\n  position: absolute;\n\n  inset: 0;\n\n  background: rgba(10,16,23,.95);\n\n  backdrop-filter: blur(14px);\n}\n\n.fz-school-lightbox-panel {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  height: 100%;\n\n  padding: 24px 32px 22px;\n\n  display: grid;\n\n  grid-template-rows:\n    auto\n    minmax(0,1fr)\n    auto;\n\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   LIGHTBOX TOP\n========================================================= *\/\n\n.fz-school-lightbox-top {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 0 auto 16px;\n\n  display: flex;\n\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 20px;\n}\n\n.fz-school-lightbox-top > div:first-child > span {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n.fz-school-lightbox-top h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 21px;\n  font-weight: 650;\n}\n\n.fz-school-lightbox-actions {\n  display: flex;\n\n  align-items: center;\n\n  gap: 23px;\n}\n\n.fz-school-counter {\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: rgba(255,255,255,.45);\n\n  font-size: 10px;\n}\n\n.fz-school-counter strong {\n  color: #ffffff;\n}\n\n.fz-school-counter i {\n  width: 20px;\n  height: 1px;\n\n  background: rgba(255,255,255,.25);\n}\n\n.fz-school-close {\n  width: 43px;\n  height: 43px;\n\n  padding: 0;\n\n  display: flex;\n\n  justify-content: center;\n  align-items: center;\n\n  border: 1px solid rgba(255,255,255,.17);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 27px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n.fz-school-close:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   STAGE\n========================================================= *\/\n\n.fz-school-stage {\n  position: relative;\n\n  width: 100%;\n  max-width: 1500px;\n\n  min-height: 0;\n\n  margin: 0 auto;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n}\n\n.fz-school-main-image-wrap {\n  width: calc(100% - 130px);\n  height: 100%;\n\n  min-height: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n}\n\n.fz-school-main-image {\n  display: block;\n\n  max-width: 100%;\n  max-height: 100%;\n\n  width: auto;\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  animation: fzSchoolIn .27s ease;\n}\n\n@keyframes fzSchoolIn {\n  from {\n    opacity: .4;\n    transform: scale(.986);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n\n\/* arrows *\/\n\n.fz-school-nav {\n  position: absolute;\n\n  z-index: 3;\n\n  top: 50%;\n\n  width: 48px;\n  height: 48px;\n\n  padding: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  transform: translateY(-50%);\n\n  border: 1px solid rgba(255,255,255,.16);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 34px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n.fz-school-nav:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n.fz-school-prev {\n  left: 0;\n}\n\n.fz-school-next {\n  right: 0;\n}\n\n\n\/* =========================================================\n   LIGHTBOX BOTTOM\n========================================================= *\/\n\n.fz-school-lightbox-bottom {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 15px auto 0;\n\n  display: grid;\n\n  grid-template-columns: 210px minmax(0,1fr);\n\n  gap: 25px;\n\n  align-items: center;\n}\n\n.fz-school-gallery-caption strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 11px;\n}\n\n.fz-school-gallery-caption span {\n  color: rgba(255,255,255,.38);\n\n  font-size: 9px;\n}\n\n.fz-school-thumbs {\n  min-width: 0;\n\n  display: flex;\n\n  justify-content: flex-end;\n\n  gap: 8px;\n\n  overflow-x: auto;\n\n  scrollbar-width: none;\n}\n\n.fz-school-thumbs::-webkit-scrollbar {\n  display: none;\n}\n\n.fz-school-thumb {\n  flex: 0 0 90px;\n\n  width: 90px;\n  height: 60px;\n\n  padding: 2px;\n\n  overflow: hidden;\n\n  border: 1px solid transparent;\n\n  border-radius: 6px;\n\n  background: transparent;\n\n  opacity: .54;\n\n  cursor: pointer;\n\n  transition:\n    opacity .2s ease,\n    border-color .2s ease;\n}\n\n.fz-school-thumb img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  border-radius: 4px;\n}\n\n.fz-school-thumb:hover {\n  opacity: .9;\n}\n\n.fz-school-thumb.is-active {\n  opacity: 1;\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-school-gallery {\n    padding: 85px 24px;\n  }\n\n  .fz-school-head {\n    gap: 45px;\n  }\n\n  .fz-school-main {\n    height: 500px;\n  }\n\n  .fz-school-bottom {\n    gap: 28px;\n\n    grid-template-columns:\n      minmax(280px,.8fr)\n      minmax(0,1.2fr);\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-school-gallery {\n    padding: 67px 16px;\n  }\n\n\n  \/* heading *\/\n\n  .fz-school-head {\n    display: block;\n\n    margin-bottom: 28px;\n  }\n\n  .fz-school-title {\n    font-size: 40px;\n\n    line-height: 1.05;\n\n    letter-spacing: -1px;\n  }\n\n  .fz-school-head-copy {\n    max-width: none;\n\n    margin-top: 18px;\n  }\n\n  .fz-school-head-copy strong {\n    font-size: 15px;\n  }\n\n  .fz-school-head-copy p {\n    font-size: 13px;\n  }\n\n\n  \/* main *\/\n\n  .fz-school-main {\n    height: 440px;\n\n    border-radius: 13px;\n  }\n\n  .fz-school-main-overlay {\n    background:\n      linear-gradient(\n        0deg,\n        rgba(20,31,43,.86) 0%,\n        rgba(20,31,43,.48) 35%,\n        rgba(20,31,43,.08) 68%,\n        transparent 85%\n      );\n  }\n\n  .fz-school-main-content {\n    left: 20px;\n    right: 20px;\n    bottom: 22px;\n\n    max-width: none;\n  }\n\n  .fz-school-main-content h3 {\n    font-size: 26px;\n  }\n\n  .fz-school-main-content p {\n    max-width: 100%;\n\n    font-size: 12px;\n  }\n\n  .fz-school-view {\n    top: 14px;\n    right: 14px;\n  }\n\n\n  \/* lower *\/\n\n  .fz-school-bottom {\n    display: block;\n\n    margin-top: 23px;\n  }\n\n  .fz-school-info {\n    margin-bottom: 24px;\n  }\n\n  .fz-school-previews {\n    height: 150px;\n\n    gap: 5px;\n  }\n\n  .fz-school-action-row {\n    display: block;\n\n    margin-top: 24px;\n  }\n\n  .fz-school-action-row > span {\n    display: block;\n\n    margin-bottom: 16px;\n  }\n\n\n  \/* LIGHTBOX *\/\n\n  .fz-school-lightbox-panel {\n    padding:\n      15px\n      14px\n      13px;\n  }\n\n  .fz-school-lightbox-top {\n    margin-bottom: 10px;\n  }\n\n  .fz-school-lightbox-top h3 {\n    font-size: 17px;\n  }\n\n  .fz-school-lightbox-actions {\n    gap: 12px;\n  }\n\n  .fz-school-close {\n    width: 40px;\n    height: 40px;\n\n    font-size: 25px;\n  }\n\n  .fz-school-main-image-wrap {\n    width: 100%;\n  }\n\n  .fz-school-nav {\n    display: none;\n  }\n\n  .fz-school-lightbox-bottom {\n    display: block;\n\n    margin-top: 10px;\n  }\n\n  .fz-school-gallery-caption {\n    display: none;\n  }\n\n  .fz-school-thumbs {\n    justify-content: flex-start;\n\n    gap: 6px;\n  }\n\n  .fz-school-thumb {\n    flex-basis: 72px;\n\n    width: 72px;\n    height: 50px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .fz-school-gallery {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n\n  .fz-school-title {\n    font-size: 36px;\n  }\n\n  .fz-school-main {\n    height: 395px;\n  }\n\n  .fz-school-previews {\n    height: 135px;\n  }\n\n}\n<\/style>\n\n\n\n<script>\n(function () {\n\n  const images = [\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_025125213_iOS-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_024948575_iOS-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_025041225_iOS-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260918_024239498_iOS-scaled.jpg\"\n\n  ];\n\n\n  const lightbox =\n    document.getElementById(\n      \"fz-school-lightbox\"\n    );\n\n  const mainImage =\n    document.getElementById(\n      \"fz-school-main-image\"\n    );\n\n  const currentLabel =\n    document.getElementById(\n      \"fz-school-current\"\n    );\n\n  const closeButton =\n    document.getElementById(\n      \"fz-school-close\"\n    );\n\n  const previousButton =\n    document.getElementById(\n      \"fz-school-prev\"\n    );\n\n  const nextButton =\n    document.getElementById(\n      \"fz-school-next\"\n    );\n\n  const stage =\n    document.getElementById(\n      \"fz-school-stage\"\n    );\n\n  const openButtons =\n    document.querySelectorAll(\n      \"[data-school-open]\"\n    );\n\n  const thumbs =\n    Array.from(\n      document.querySelectorAll(\n        \".fz-school-thumb\"\n      )\n    );\n\n\n  if (\n    !lightbox ||\n    !mainImage ||\n    !currentLabel\n  ) {\n    return;\n  }\n\n\n  let current = 0;\n  let startX = 0;\n  let endX = 0;\n  let oldOverflow = \"\";\n\n\n  function show(index) {\n\n    if (index < 0) {\n      index = images.length - 1;\n    }\n\n    if (index >= images.length) {\n      index = 0;\n    }\n\n    current = index;\n\n\n    mainImage.style.animation = \"none\";\n\n    mainImage.offsetHeight;\n\n    mainImage.style.animation = \"\";\n\n\n    mainImage.src =\n      images[current];\n\n\n    mainImage.alt =\n      \"Farizon School Bus gallery image \" +\n      (current + 1);\n\n\n    currentLabel.textContent =\n      String(current + 1).padStart(\n        2,\n        \"0\"\n      );\n\n\n    thumbs.forEach(\n      function (thumb, index) {\n\n        thumb.classList.toggle(\n          \"is-active\",\n          index === current\n        );\n\n      }\n    );\n\n\n    if (\n      thumbs[current] &&\n      window.innerWidth <= 767\n    ) {\n\n      thumbs[current].scrollIntoView({\n        behavior: \"smooth\",\n        block: \"nearest\",\n        inline: \"center\"\n      });\n\n    }\n\n  }\n\n\n  function open(index) {\n\n    oldOverflow =\n      document.body.style.overflow;\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n\n    show(index);\n\n\n    setTimeout(function () {\n      closeButton.focus();\n    }, 50);\n\n  }\n\n\n  function close() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      oldOverflow;\n\n  }\n\n\n  openButtons.forEach(\n    function (button) {\n\n      button.addEventListener(\n        \"click\",\n        function () {\n\n          const index =\n            parseInt(\n              button.getAttribute(\n                \"data-school-open\"\n              ),\n              10\n            ) || 0;\n\n\n          open(index);\n\n        }\n      );\n\n    }\n  );\n\n\n  thumbs.forEach(\n    function (thumb) {\n\n      thumb.addEventListener(\n        \"click\",\n        function () {\n\n          show(\n            parseInt(\n              thumb.getAttribute(\n                \"data-school-index\"\n              ),\n              10\n            )\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  previousButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current - 1);\n\n    }\n  );\n\n\n  nextButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current + 1);\n\n    }\n  );\n\n\n  closeButton.addEventListener(\n    \"click\",\n    close\n  );\n\n\n  lightbox\n    .querySelector(\n      \".fz-school-lightbox-bg\"\n    )\n    .addEventListener(\n      \"click\",\n      close\n    );\n\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) {\n        return;\n      }\n\n\n      if (event.key === \"Escape\") {\n        close();\n      }\n\n\n      if (event.key === \"ArrowLeft\") {\n        show(current - 1);\n      }\n\n\n      if (event.key === \"ArrowRight\") {\n        show(current + 1);\n      }\n\n    }\n  );\n\n\n  \/* MOBILE SWIPE *\/\n\n  stage.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      startX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  stage.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      endX =\n        event.changedTouches[0].screenX;\n\n\n      const difference =\n        startX - endX;\n\n\n      if (\n        Math.abs(difference) < 45\n      ) {\n        return;\n      }\n\n\n      if (difference > 0) {\n\n        show(current + 1);\n\n      } else {\n\n        show(current - 1);\n\n      }\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!-- =========================================================\n     FARIZON GALLERY\n     WHEELCHAIR \/ ACCESSIBLE MOBILITY\n========================================================= -->\n\n<section class=\"fz-wheel-gallery\">\n\n  <div class=\"fz-wheel-inner\">\n\n\n    <!-- =====================================================\n         TOP\n    ====================================================== -->\n\n    <div class=\"fz-wheel-head\">\n\n      <div>\n\n        <div class=\"fz-wheel-eyebrow\">\n          Accessible Mobility\n        <\/div>\n\n        <h2 class=\"fz-wheel-title\">\n          Wheelchair Accessible\n          <span>Transport Solution<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"fz-wheel-intro\">\n\n        <strong>\n          Commercial mobility designed with accessibility in mind.\n        <\/strong>\n\n        <p>\n          Explore Farizon wheelchair-accessible vehicle configurations\n          developed to support passenger mobility and specialised\n          transport applications.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN APPLICATION SHOWCASE\n    ====================================================== -->\n\n    <div class=\"fz-wheel-showcase\">\n\n\n      <!-- LEFT LARGE IMAGE -->\n\n      <button\n        class=\"fz-wheel-main\"\n        type=\"button\"\n        data-wheel-open=\"0\"\n        aria-label=\"Open Farizon wheelchair accessible gallery\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-13-at-3.46.58-PM.jpg\"\n          alt=\"Farizon wheelchair accessible vehicle\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span class=\"fz-wheel-image-label\">\n          Accessible Mobility\n        <\/span>\n\n        <span class=\"fz-wheel-view\">\n          View Gallery\n          <b>\u2197<\/b>\n        <\/span>\n\n      <\/button>\n\n\n\n      <!-- RIGHT PANEL -->\n\n      <div class=\"fz-wheel-panel\">\n\n\n        <div class=\"fz-wheel-panel-top\">\n\n          <span class=\"fz-wheel-number\">\n            04\n          <\/span>\n\n          <span class=\"fz-wheel-panel-label\">\n            Specialised Application\n          <\/span>\n\n\n          <h3>\n            Mobility Designed\n            Around Real Needs.\n          <\/h3>\n\n\n          <p>\n            Farizon can support specialised passenger transport\n            configurations for wheelchair access and assisted mobility,\n            helping businesses and operators serve a wider range of\n            passenger requirements.\n          <\/p>\n\n        <\/div>\n\n\n\n        <!-- KEY POINTS -->\n\n        <div class=\"fz-wheel-points\">\n\n\n          <div class=\"fz-wheel-point\">\n\n            <span>\n              01\n            <\/span>\n\n            <div>\n              <strong>\n                Accessible Configuration\n              <\/strong>\n\n              <small>\n                Vehicle layouts adapted for assisted passenger mobility.\n              <\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"fz-wheel-point\">\n\n            <span>\n              02\n            <\/span>\n\n            <div>\n              <strong>\n                Passenger-Focused Design\n              <\/strong>\n\n              <small>\n                Practical configurations developed around mobility needs.\n              <\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"fz-wheel-point\">\n\n            <span>\n              03\n            <\/span>\n\n            <div>\n              <strong>\n                Commercial Application\n              <\/strong>\n\n              <small>\n                Suitable for specialised transport and mobility operations.\n              <\/small>\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- PREVIEW -->\n\n        <div class=\"fz-wheel-previews\">\n\n\n          <button\n            class=\"fz-wheel-preview\"\n            type=\"button\"\n            data-wheel-open=\"1\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-13-at-3.47.00-PM-1.jpg\"\n              alt=\"Farizon wheelchair mobility configuration\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/button>\n\n\n          <button\n            class=\"fz-wheel-preview\"\n            type=\"button\"\n            data-wheel-open=\"3\">\n\n            <img\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260107_044637325_iOS-1-1-scaled.jpg\"\n              alt=\"Farizon accessible passenger vehicle\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/button>\n\n\n        <\/div>\n\n\n\n        <!-- CTA -->\n\n        <div class=\"fz-wheel-footer\">\n\n          <div class=\"fz-wheel-photo-count\">\n\n            <strong>\n              06\n            <\/strong>\n\n            <span>\n              Gallery Images\n            <\/span>\n\n          <\/div>\n\n\n          <button\n            class=\"fz-wheel-open\"\n            type=\"button\"\n            data-wheel-open=\"0\">\n\n            Explore Accessible Mobility\n\n            <span>\n              \u2192\n            <\/span>\n\n          <\/button>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     WHEELCHAIR FULLSCREEN LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"fz-wheel-lightbox\"\n  id=\"fz-wheel-lightbox\"\n  aria-hidden=\"true\">\n\n\n  <div class=\"fz-wheel-lightbox-bg\"><\/div>\n\n\n  <div\n    class=\"fz-wheel-lightbox-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Farizon Wheelchair Accessible Vehicle Gallery\">\n\n\n    <!-- TOP -->\n\n    <div class=\"fz-wheel-lightbox-top\">\n\n      <div>\n\n        <span>\n          Farizon Accessible Mobility\n        <\/span>\n\n        <h3>\n          Wheelchair Transport\n        <\/h3>\n\n      <\/div>\n\n\n      <div class=\"fz-wheel-lightbox-actions\">\n\n        <div class=\"fz-wheel-counter\">\n\n          <strong id=\"fz-wheel-current\">\n            01\n          <\/strong>\n\n          <i><\/i>\n\n          <span>\n            06\n          <\/span>\n\n        <\/div>\n\n\n        <button\n          class=\"fz-wheel-close\"\n          id=\"fz-wheel-close\"\n          type=\"button\"\n          aria-label=\"Close gallery\">\n\n          \u00d7\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- STAGE -->\n\n    <div\n      class=\"fz-wheel-stage\"\n      id=\"fz-wheel-stage\">\n\n\n      <button\n        class=\"fz-wheel-nav fz-wheel-prev\"\n        id=\"fz-wheel-prev\"\n        type=\"button\"\n        aria-label=\"Previous image\">\n\n        \u2039\n\n      <\/button>\n\n\n      <div class=\"fz-wheel-main-image-wrap\">\n\n        <img decoding=\"async\"\n          id=\"fz-wheel-main-image\"\n          class=\"fz-wheel-main-image\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-13-at-3.46.58-PM.jpg\"\n          alt=\"Farizon wheelchair accessible gallery image\">\n\n      <\/div>\n\n\n      <button\n        class=\"fz-wheel-nav fz-wheel-next\"\n        id=\"fz-wheel-next\"\n        type=\"button\"\n        aria-label=\"Next image\">\n\n        \u203a\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <!-- BOTTOM -->\n\n    <div class=\"fz-wheel-lightbox-bottom\">\n\n      <div class=\"fz-wheel-lightbox-copy\">\n\n        <strong>\n          Accessible Mobility\n        <\/strong>\n\n        <span>\n          Swipe or use arrows to explore\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"fz-wheel-thumbs\">\n\n\n        <button\n          class=\"fz-wheel-thumb is-active\"\n          type=\"button\"\n          data-wheel-index=\"0\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-13-at-3.46.58-PM.jpg\"\n            alt=\"Wheelchair gallery thumbnail 1\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-wheel-thumb\"\n          type=\"button\"\n          data-wheel-index=\"1\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-13-at-3.47.00-PM-1.jpg\"\n            alt=\"Wheelchair gallery thumbnail 2\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-wheel-thumb\"\n          type=\"button\"\n          data-wheel-index=\"2\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-13-at-3.46.59-PM-1.jpg\"\n            alt=\"Wheelchair gallery thumbnail 3\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-wheel-thumb\"\n          type=\"button\"\n          data-wheel-index=\"3\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260107_044637325_iOS-1-1-scaled.jpg\"\n            alt=\"Wheelchair gallery thumbnail 4\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-wheel-thumb\"\n          type=\"button\"\n          data-wheel-index=\"4\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260107_045139757_iOS-1-scaled.jpg\"\n            alt=\"Wheelchair gallery thumbnail 5\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-wheel-thumb\"\n          type=\"button\"\n          data-wheel-index=\"5\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260107_044428799_iOS-1-1-scaled.jpg\"\n            alt=\"Wheelchair gallery thumbnail 6\">\n\n        <\/button>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   FARIZON WHEELCHAIR \/ ACCESSIBLE MOBILITY\n========================================================= *\/\n\n.fz-wheel-gallery {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --deep: #1b2836;\n  --text: #5d6672;\n  --muted: #929aa3;\n  --line: #e3e7eb;\n  --light: #f5f6f8;\n\n  width: 100%;\n\n  padding: 105px 24px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f5f6f8 0%,\n      #ffffff 100%\n    );\n\n  font-family: Inter, Arial, sans-serif;\n\n  box-sizing: border-box;\n}\n\n\n.fz-wheel-gallery *,\n.fz-wheel-gallery *::before,\n.fz-wheel-gallery *::after,\n.fz-wheel-lightbox *,\n.fz-wheel-lightbox *::before,\n.fz-wheel-lightbox *::after {\n  box-sizing: border-box;\n}\n\n\n.fz-wheel-inner {\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.fz-wheel-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(350px,.72fr);\n\n  gap: 80px;\n\n  align-items: end;\n\n  margin-bottom: 42px;\n}\n\n\n.fz-wheel-eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 12px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-wheel-eyebrow::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--orange);\n}\n\n\n.fz-wheel-title {\n  max-width: 720px;\n\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size: clamp(42px,4.8vw,65px);\n  font-weight: 700;\n\n  line-height: 1.03;\n\n  letter-spacing: -1.7px;\n}\n\n\n.fz-wheel-title span {\n  display: block;\n\n  color: var(--orange);\n}\n\n\n.fz-wheel-intro {\n  max-width: 490px;\n}\n\n\n.fz-wheel-intro strong {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--navy);\n\n  font-size: 16px;\n  font-weight: 600;\n\n  line-height: 1.6;\n}\n\n\n.fz-wheel-intro p {\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 13px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   SHOWCASE\n========================================================= *\/\n\n.fz-wheel-showcase {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.25fr)\n    minmax(340px,.75fr);\n\n  gap: 8px;\n\n  min-height: 620px;\n}\n\n\n\/* =========================================================\n   MAIN IMAGE\n========================================================= *\/\n\n.fz-wheel-main {\n  position: relative;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n\n  border-radius: 16px 3px 3px 16px;\n\n  background: #dfe3e7;\n\n  cursor: pointer;\n}\n\n\n.fz-wheel-main img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform .7s ease,\n    filter .35s ease;\n}\n\n\n.fz-wheel-main:hover img {\n  transform: scale(1.025);\n\n  filter: brightness(.96);\n}\n\n\n.fz-wheel-image-label {\n  position: absolute;\n\n  left: 22px;\n  bottom: 20px;\n\n  padding: 9px 12px;\n\n  border-radius: 5px;\n\n  background: rgba(38,54,72,.90);\n\n  color: #ffffff;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .7px;\n\n  text-transform: uppercase;\n\n  backdrop-filter: blur(7px);\n}\n\n\n.fz-wheel-view {\n  position: absolute;\n\n  right: 20px;\n  top: 20px;\n\n  padding: 9px 12px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  border-radius: 5px;\n\n  background: rgba(38,54,72,.87);\n\n  color: #ffffff;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  backdrop-filter: blur(7px);\n}\n\n\n.fz-wheel-view b {\n  color: var(--orange);\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   INFORMATION PANEL\n========================================================= *\/\n\n.fz-wheel-panel {\n  padding: 38px 32px 29px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  background: var(--navy);\n\n  border-radius: 3px 16px 16px 3px;\n}\n\n\n.fz-wheel-panel-top {\n  padding-bottom: 27px;\n}\n\n\n.fz-wheel-number {\n  display: block;\n\n  margin-bottom: 14px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n\n.fz-wheel-panel-label {\n  display: block;\n\n  margin-bottom: 9px;\n\n  color: rgba(255,255,255,.48);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-wheel-panel h3 {\n  margin: 0 0 12px;\n\n  color: #ffffff;\n\n  font-size: 29px;\n  font-weight: 700;\n\n  line-height: 1.22;\n\n  letter-spacing: -.5px;\n}\n\n\n.fz-wheel-panel-top p {\n  margin: 0;\n\n  color: rgba(255,255,255,.66);\n\n  font-size: 12px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   POINTS\n========================================================= *\/\n\n.fz-wheel-points {\n  border-top: 1px solid rgba(255,255,255,.12);\n}\n\n\n.fz-wheel-point {\n  display: grid;\n\n  grid-template-columns: 37px 1fr;\n\n  gap: 11px;\n\n  padding: 14px 0;\n\n  border-bottom: 1px solid rgba(255,255,255,.10);\n}\n\n\n.fz-wheel-point > span {\n  padding-top: 1px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n\n.fz-wheel-point strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 650;\n}\n\n\n.fz-wheel-point small {\n  display: block;\n\n  color: rgba(255,255,255,.47);\n\n  font-size: 10px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   PREVIEWS\n========================================================= *\/\n\n.fz-wheel-previews {\n  height: 126px;\n\n  margin-top: 23px;\n\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 6px;\n}\n\n\n.fz-wheel-preview {\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n\n  border-radius: 7px;\n\n  background: #dfe3e7;\n\n  cursor: pointer;\n}\n\n\n.fz-wheel-preview img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform .45s ease,\n    filter .3s ease;\n}\n\n\n.fz-wheel-preview:hover img {\n  transform: scale(1.04);\n\n  filter: brightness(.9);\n}\n\n\n\/* =========================================================\n   PANEL FOOTER\n========================================================= *\/\n\n.fz-wheel-footer {\n  margin-top: auto;\n\n  padding-top: 23px;\n\n  display: flex;\n\n  justify-content: space-between;\n  align-items: flex-end;\n\n  gap: 17px;\n}\n\n\n.fz-wheel-photo-count strong {\n  display: block;\n\n  color: #ffffff;\n\n  font-size: 27px;\n\n  line-height: 1;\n}\n\n\n.fz-wheel-photo-count span {\n  display: block;\n\n  margin-top: 3px;\n\n  color: rgba(255,255,255,.38);\n\n  font-size: 8px;\n\n  letter-spacing: .7px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-wheel-open {\n  padding: 0 0 7px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  border: 0;\n  border-bottom: 2px solid var(--orange);\n\n  background: transparent;\n\n  color: #ffffff;\n\n  font-family: inherit;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  cursor: pointer;\n\n  transition:\n    color .2s ease,\n    gap .2s ease;\n}\n\n\n.fz-wheel-open span {\n  color: var(--orange);\n\n  font-size: 15px;\n}\n\n\n.fz-wheel-open:hover {\n  gap: 13px;\n\n  color: var(--orange);\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n.fz-wheel-lightbox {\n  position: fixed;\n\n  z-index: 999999;\n\n  inset: 0;\n\n  display: none;\n\n  font-family: Inter, Arial, sans-serif;\n}\n\n\n.fz-wheel-lightbox.is-open {\n  display: block;\n}\n\n\n.fz-wheel-lightbox-bg {\n  position: absolute;\n\n  inset: 0;\n\n  background: rgba(10,16,23,.95);\n\n  backdrop-filter: blur(14px);\n}\n\n\n.fz-wheel-lightbox-panel {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  height: 100%;\n\n  padding: 24px 32px 22px;\n\n  display: grid;\n\n  grid-template-rows:\n    auto\n    minmax(0,1fr)\n    auto;\n\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   LIGHTBOX TOP\n========================================================= *\/\n\n.fz-wheel-lightbox-top {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 0 auto 16px;\n\n  display: flex;\n\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 20px;\n}\n\n\n.fz-wheel-lightbox-top > div:first-child > span {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-wheel-lightbox-top h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 21px;\n  font-weight: 650;\n}\n\n\n.fz-wheel-lightbox-actions {\n  display: flex;\n\n  align-items: center;\n\n  gap: 23px;\n}\n\n\n.fz-wheel-counter {\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: rgba(255,255,255,.45);\n\n  font-size: 10px;\n}\n\n\n.fz-wheel-counter strong {\n  color: #ffffff;\n}\n\n\n.fz-wheel-counter i {\n  width: 20px;\n  height: 1px;\n\n  background: rgba(255,255,255,.25);\n}\n\n\n.fz-wheel-close {\n  width: 43px;\n  height: 43px;\n\n  display: flex;\n\n  justify-content: center;\n  align-items: center;\n\n  padding: 0;\n\n  border: 1px solid rgba(255,255,255,.17);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 27px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-wheel-close:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   STAGE\n========================================================= *\/\n\n.fz-wheel-stage {\n  position: relative;\n\n  width: 100%;\n  max-width: 1500px;\n\n  min-height: 0;\n\n  margin: 0 auto;\n\n  display: flex;\n\n  justify-content: center;\n  align-items: center;\n}\n\n\n.fz-wheel-main-image-wrap {\n  width: calc(100% - 130px);\n  height: 100%;\n\n  min-height: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n}\n\n\n.fz-wheel-main-image {\n  display: block;\n\n  max-width: 100%;\n  max-height: 100%;\n\n  width: auto;\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  animation: fzWheelIn .27s ease;\n}\n\n\n@keyframes fzWheelIn {\n\n  from {\n    opacity: .4;\n    transform: scale(.986);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n}\n\n\n\/* arrows *\/\n\n.fz-wheel-nav {\n  position: absolute;\n\n  z-index: 3;\n\n  top: 50%;\n\n  width: 48px;\n  height: 48px;\n\n  padding: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  transform: translateY(-50%);\n\n  border: 1px solid rgba(255,255,255,.16);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 34px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-wheel-nav:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n\n.fz-wheel-prev {\n  left: 0;\n}\n\n\n.fz-wheel-next {\n  right: 0;\n}\n\n\n\/* =========================================================\n   LIGHTBOX BOTTOM\n========================================================= *\/\n\n.fz-wheel-lightbox-bottom {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 15px auto 0;\n\n  display: grid;\n\n  grid-template-columns: 220px minmax(0,1fr);\n\n  gap: 25px;\n\n  align-items: center;\n}\n\n\n.fz-wheel-lightbox-copy strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 11px;\n}\n\n\n.fz-wheel-lightbox-copy span {\n  color: rgba(255,255,255,.38);\n\n  font-size: 9px;\n}\n\n\n.fz-wheel-thumbs {\n  min-width: 0;\n\n  display: flex;\n\n  justify-content: flex-end;\n\n  gap: 8px;\n\n  overflow-x: auto;\n\n  scrollbar-width: none;\n}\n\n\n.fz-wheel-thumbs::-webkit-scrollbar {\n  display: none;\n}\n\n\n.fz-wheel-thumb {\n  flex: 0 0 90px;\n\n  width: 90px;\n  height: 60px;\n\n  padding: 2px;\n\n  overflow: hidden;\n\n  border: 1px solid transparent;\n\n  border-radius: 6px;\n\n  background: transparent;\n\n  opacity: .54;\n\n  cursor: pointer;\n\n  transition:\n    opacity .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-wheel-thumb img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  border-radius: 4px;\n}\n\n\n.fz-wheel-thumb:hover {\n  opacity: .9;\n}\n\n\n.fz-wheel-thumb.is-active {\n  opacity: 1;\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-wheel-gallery {\n    padding: 85px 24px;\n  }\n\n\n  .fz-wheel-head {\n    gap: 45px;\n  }\n\n\n  .fz-wheel-showcase {\n    grid-template-columns:\n      minmax(0,1.15fr)\n      minmax(320px,.85fr);\n\n    min-height: 560px;\n  }\n\n\n  .fz-wheel-panel {\n    padding:\n      31px\n      25px\n      25px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-wheel-gallery {\n    padding: 67px 16px;\n  }\n\n\n  .fz-wheel-head {\n    display: block;\n\n    margin-bottom: 29px;\n  }\n\n\n  .fz-wheel-title {\n    font-size: 37px;\n\n    line-height: 1.07;\n\n    letter-spacing: -1px;\n  }\n\n\n  .fz-wheel-intro {\n    max-width: none;\n\n    margin-top: 18px;\n  }\n\n\n  .fz-wheel-intro strong {\n    font-size: 15px;\n  }\n\n\n  \/* showcase *\/\n\n  .fz-wheel-showcase {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 5px;\n\n    min-height: 0;\n  }\n\n\n  .fz-wheel-main {\n    height: 420px;\n\n    border-radius:\n      13px\n      13px\n      3px\n      3px;\n  }\n\n\n  .fz-wheel-panel {\n    padding:\n      29px\n      22px\n      25px;\n\n    border-radius:\n      3px\n      3px\n      13px\n      13px;\n  }\n\n\n  .fz-wheel-panel h3 {\n    font-size: 25px;\n  }\n\n\n  .fz-wheel-previews {\n    height: 165px;\n  }\n\n\n  .fz-wheel-footer {\n    padding-top: 23px;\n  }\n\n\n  \/* LIGHTBOX *\/\n\n  .fz-wheel-lightbox-panel {\n    padding:\n      15px\n      14px\n      13px;\n  }\n\n\n  .fz-wheel-lightbox-top {\n    margin-bottom: 10px;\n  }\n\n\n  .fz-wheel-lightbox-top h3 {\n    font-size: 17px;\n  }\n\n\n  .fz-wheel-lightbox-actions {\n    gap: 12px;\n  }\n\n\n  .fz-wheel-close {\n    width: 40px;\n    height: 40px;\n\n    font-size: 25px;\n  }\n\n\n  .fz-wheel-main-image-wrap {\n    width: 100%;\n  }\n\n\n  .fz-wheel-nav {\n    display: none;\n  }\n\n\n  .fz-wheel-lightbox-bottom {\n    display: block;\n\n    margin-top: 10px;\n  }\n\n\n  .fz-wheel-lightbox-copy {\n    display: none;\n  }\n\n\n  .fz-wheel-thumbs {\n    justify-content: flex-start;\n\n    gap: 6px;\n  }\n\n\n  .fz-wheel-thumb {\n    flex-basis: 72px;\n\n    width: 72px;\n    height: 50px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .fz-wheel-gallery {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n\n\n  .fz-wheel-title {\n    font-size: 34px;\n  }\n\n\n  .fz-wheel-main {\n    height: 380px;\n  }\n\n\n  .fz-wheel-panel {\n    padding-left: 18px;\n    padding-right: 18px;\n  }\n\n}\n<\/style>\n\n\n\n<script>\n(function () {\n\n  const images = [\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-13-at-3.46.58-PM.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-13-at-3.47.00-PM-1.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-13-at-3.46.59-PM-1.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260107_044637325_iOS-1-1-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260107_045139757_iOS-1-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/20260107_044428799_iOS-1-1-scaled.jpg\"\n\n  ];\n\n\n  const lightbox =\n    document.getElementById(\n      \"fz-wheel-lightbox\"\n    );\n\n  const mainImage =\n    document.getElementById(\n      \"fz-wheel-main-image\"\n    );\n\n  const currentLabel =\n    document.getElementById(\n      \"fz-wheel-current\"\n    );\n\n  const closeButton =\n    document.getElementById(\n      \"fz-wheel-close\"\n    );\n\n  const previousButton =\n    document.getElementById(\n      \"fz-wheel-prev\"\n    );\n\n  const nextButton =\n    document.getElementById(\n      \"fz-wheel-next\"\n    );\n\n  const stage =\n    document.getElementById(\n      \"fz-wheel-stage\"\n    );\n\n  const openButtons =\n    document.querySelectorAll(\n      \"[data-wheel-open]\"\n    );\n\n  const thumbs =\n    Array.from(\n      document.querySelectorAll(\n        \".fz-wheel-thumb\"\n      )\n    );\n\n\n  if (\n    !lightbox ||\n    !mainImage ||\n    !currentLabel\n  ) {\n    return;\n  }\n\n\n  let current = 0;\n\n  let startX = 0;\n\n  let endX = 0;\n\n  let oldOverflow = \"\";\n\n\n  function show(index) {\n\n    if (index < 0) {\n      index = images.length - 1;\n    }\n\n\n    if (index >= images.length) {\n      index = 0;\n    }\n\n\n    current = index;\n\n\n    mainImage.style.animation = \"none\";\n\n    mainImage.offsetHeight;\n\n    mainImage.style.animation = \"\";\n\n\n    mainImage.src =\n      images[current];\n\n\n    mainImage.alt =\n      \"Farizon wheelchair accessible gallery image \" +\n      (current + 1);\n\n\n    currentLabel.textContent =\n      String(current + 1).padStart(\n        2,\n        \"0\"\n      );\n\n\n    thumbs.forEach(\n      function (thumb, index) {\n\n        thumb.classList.toggle(\n          \"is-active\",\n          index === current\n        );\n\n      }\n    );\n\n\n    if (\n      thumbs[current] &&\n      window.innerWidth <= 767\n    ) {\n\n      thumbs[current].scrollIntoView({\n        behavior: \"smooth\",\n        block: \"nearest\",\n        inline: \"center\"\n      });\n\n    }\n\n  }\n\n\n  function open(index) {\n\n    oldOverflow =\n      document.body.style.overflow;\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n\n    show(index);\n\n\n    setTimeout(function () {\n\n      closeButton.focus();\n\n    }, 50);\n\n  }\n\n\n  function close() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      oldOverflow;\n\n  }\n\n\n  openButtons.forEach(\n    function (button) {\n\n      button.addEventListener(\n        \"click\",\n        function () {\n\n          const index =\n            parseInt(\n              button.getAttribute(\n                \"data-wheel-open\"\n              ),\n              10\n            ) || 0;\n\n\n          open(index);\n\n        }\n      );\n\n    }\n  );\n\n\n  thumbs.forEach(\n    function (thumb) {\n\n      thumb.addEventListener(\n        \"click\",\n        function () {\n\n          show(\n            parseInt(\n              thumb.getAttribute(\n                \"data-wheel-index\"\n              ),\n              10\n            )\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  previousButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current - 1);\n\n    }\n  );\n\n\n  nextButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current + 1);\n\n    }\n  );\n\n\n  closeButton.addEventListener(\n    \"click\",\n    close\n  );\n\n\n  lightbox\n    .querySelector(\n      \".fz-wheel-lightbox-bg\"\n    )\n    .addEventListener(\n      \"click\",\n      close\n    );\n\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) {\n        return;\n      }\n\n\n      if (event.key === \"Escape\") {\n\n        close();\n\n      }\n\n\n      if (event.key === \"ArrowLeft\") {\n\n        show(current - 1);\n\n      }\n\n\n      if (event.key === \"ArrowRight\") {\n\n        show(current + 1);\n\n      }\n\n    }\n  );\n\n\n  \/* MOBILE SWIPE *\/\n\n  stage.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      startX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  stage.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      endX =\n        event.changedTouches[0].screenX;\n\n\n      const difference =\n        startX - endX;\n\n\n      if (\n        Math.abs(difference) < 45\n      ) {\n        return;\n      }\n\n\n      if (difference > 0) {\n\n        show(current + 1);\n\n      } else {\n\n        show(current - 1);\n\n      }\n\n    },\n    {\n      passive: true\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<!-- =========================================================\n     FARIZON GALLERY\n     AMBULANCE \/ EMERGENCY RESPONSE\n========================================================= -->\n\n<section class=\"fz-ambulance-gallery\">\n\n  <div class=\"fz-ambulance-inner\">\n\n\n    <!-- =====================================================\n         HEADING\n    ====================================================== -->\n\n    <div class=\"fz-ambulance-head\">\n\n      <div>\n\n        <div class=\"fz-ambulance-eyebrow\">\n          Specialised Conversion\n        <\/div>\n\n        <h2 class=\"fz-ambulance-title\">\n          Farizon\n          <span>Ambulance<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"fz-ambulance-intro\">\n\n        <strong>\n          Electric commercial mobility adapted for specialised\n          emergency and medical transport applications.\n        <\/strong>\n\n        <p>\n          Explore the Farizon ambulance conversion through exterior,\n          equipment and operational vehicle perspectives.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN SHOWCASE\n    ====================================================== -->\n\n    <div class=\"fz-ambulance-showcase\">\n\n\n      <!-- LEFT INFORMATION -->\n\n      <div class=\"fz-ambulance-copy\">\n\n        <div class=\"fz-ambulance-copy-top\">\n\n          <span class=\"fz-ambulance-number\">\n            05\n          <\/span>\n\n          <span class=\"fz-ambulance-category\">\n            Emergency Response\n          <\/span>\n\n\n          <h3>\n            Purpose-Built for\n            Specialised Operations.\n          <\/h3>\n\n\n          <p>\n            Farizon commercial vehicle platforms can support\n            specialised conversions for ambulance and emergency\n            transport applications where functionality, access\n            and operational requirements are essential.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- FEATURES -->\n\n        <div class=\"fz-ambulance-points\">\n\n\n          <div class=\"fz-ambulance-point\">\n\n            <span>01<\/span>\n\n            <div>\n              <strong>Specialised Conversion<\/strong>\n\n              <small>\n                Vehicle configurations adapted around operational requirements.\n              <\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"fz-ambulance-point\">\n\n            <span>02<\/span>\n\n            <div>\n              <strong>Emergency Transport<\/strong>\n\n              <small>\n                Designed to support dedicated medical and response applications.\n              <\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"fz-ambulance-point\">\n\n            <span>03<\/span>\n\n            <div>\n              <strong>Commercial Vehicle Platform<\/strong>\n\n              <small>\n                Built on Farizon commercial mobility architecture.\n              <\/small>\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n        <div class=\"fz-ambulance-footer\">\n\n          <div class=\"fz-ambulance-count\">\n\n            <strong>04<\/strong>\n\n            <span>Gallery Images<\/span>\n\n          <\/div>\n\n\n          <button\n            class=\"fz-ambulance-open\"\n            type=\"button\"\n            data-ambulance-open=\"0\">\n\n            View Ambulance Gallery\n\n            <span>\u2192<\/span>\n\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- RIGHT IMAGE COMPOSITION -->\n\n      <div class=\"fz-ambulance-images\">\n\n\n        <!-- BIG IMAGE -->\n\n        <button\n          class=\"fz-ambulance-main\"\n          type=\"button\"\n          data-ambulance-open=\"0\"\n          aria-label=\"Open Farizon Ambulance gallery\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.40-PM-1.jpg\"\n            alt=\"Farizon ambulance conversion\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n          <div class=\"fz-ambulance-overlay\"><\/div>\n\n\n          <div class=\"fz-ambulance-main-label\">\n\n            <span>\n              Specialised Application\n            <\/span>\n\n            <strong>\n              Farizon Ambulance\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"fz-ambulance-view\">\n            View Gallery\n            <b>\u2197<\/b>\n          <\/div>\n\n        <\/button>\n\n\n\n        <!-- SMALL IMAGE 1 -->\n\n        <button\n          class=\"fz-ambulance-small\"\n          type=\"button\"\n          data-ambulance-open=\"1\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.39-PM-1.jpg\"\n            alt=\"Farizon ambulance gallery image\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/button>\n\n\n\n        <!-- SMALL IMAGE 2 -->\n\n        <button\n          class=\"fz-ambulance-small\"\n          type=\"button\"\n          data-ambulance-open=\"2\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.40-PM-3.jpg\"\n            alt=\"Farizon ambulance specialised conversion\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/button>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     AMBULANCE FULLSCREEN GALLERY\n========================================================= -->\n\n<div\n  class=\"fz-ambulance-lightbox\"\n  id=\"fz-ambulance-lightbox\"\n  aria-hidden=\"true\">\n\n\n  <div class=\"fz-ambulance-lightbox-bg\"><\/div>\n\n\n  <div\n    class=\"fz-ambulance-lightbox-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Farizon Ambulance Gallery\">\n\n\n    <!-- TOP -->\n\n    <div class=\"fz-ambulance-lightbox-top\">\n\n      <div>\n\n        <span>\n          Farizon Specialised Conversion\n        <\/span>\n\n        <h3>\n          Ambulance\n        <\/h3>\n\n      <\/div>\n\n\n      <div class=\"fz-ambulance-lightbox-actions\">\n\n        <div class=\"fz-ambulance-counter\">\n\n          <strong id=\"fz-ambulance-current\">\n            01\n          <\/strong>\n\n          <i><\/i>\n\n          <span>\n            04\n          <\/span>\n\n        <\/div>\n\n\n        <button\n          class=\"fz-ambulance-close\"\n          id=\"fz-ambulance-close\"\n          type=\"button\"\n          aria-label=\"Close gallery\">\n\n          \u00d7\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- IMAGE STAGE -->\n\n    <div\n      class=\"fz-ambulance-stage\"\n      id=\"fz-ambulance-stage\">\n\n\n      <button\n        class=\"fz-ambulance-nav fz-ambulance-prev\"\n        id=\"fz-ambulance-prev\"\n        type=\"button\"\n        aria-label=\"Previous image\">\n\n        \u2039\n\n      <\/button>\n\n\n      <div class=\"fz-ambulance-main-image-wrap\">\n\n        <img decoding=\"async\"\n          id=\"fz-ambulance-main-image\"\n          class=\"fz-ambulance-main-image\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.40-PM-1.jpg\"\n          alt=\"Farizon Ambulance gallery image\">\n\n      <\/div>\n\n\n      <button\n        class=\"fz-ambulance-nav fz-ambulance-next\"\n        id=\"fz-ambulance-next\"\n        type=\"button\"\n        aria-label=\"Next image\">\n\n        \u203a\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <!-- BOTTOM -->\n\n    <div class=\"fz-ambulance-lightbox-bottom\">\n\n      <div class=\"fz-ambulance-lightbox-copy\">\n\n        <strong>\n          Farizon Ambulance\n        <\/strong>\n\n        <span>\n          Swipe or use arrows to explore\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"fz-ambulance-thumbs\">\n\n\n        <button\n          class=\"fz-ambulance-thumb is-active\"\n          type=\"button\"\n          data-ambulance-index=\"0\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.40-PM-1.jpg\"\n            alt=\"Ambulance thumbnail 1\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-ambulance-thumb\"\n          type=\"button\"\n          data-ambulance-index=\"1\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.39-PM-1.jpg\"\n            alt=\"Ambulance thumbnail 2\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-ambulance-thumb\"\n          type=\"button\"\n          data-ambulance-index=\"2\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.40-PM-3.jpg\"\n            alt=\"Ambulance thumbnail 3\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-ambulance-thumb\"\n          type=\"button\"\n          data-ambulance-index=\"3\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.39-PM-2-1.jpg\"\n            alt=\"Ambulance thumbnail 4\">\n\n        <\/button>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   FARIZON AMBULANCE\n========================================================= *\/\n\n.fz-ambulance-gallery {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --deep: #192633;\n  --text: #5d6672;\n  --muted: #929aa3;\n  --line: #e2e6ea;\n\n  width: 100%;\n\n  padding: 105px 24px;\n\n  \/* IMPORTANT:\n     TRANSPARENT BACKGROUND\n  *\/\n  background: transparent;\n\n  font-family: Inter, Arial, sans-serif;\n\n  box-sizing: border-box;\n}\n\n\n.fz-ambulance-gallery *,\n.fz-ambulance-gallery *::before,\n.fz-ambulance-gallery *::after,\n.fz-ambulance-lightbox *,\n.fz-ambulance-lightbox *::before,\n.fz-ambulance-lightbox *::after {\n  box-sizing: border-box;\n}\n\n\n.fz-ambulance-inner {\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.fz-ambulance-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(350px,.7fr);\n\n  gap: 80px;\n\n  align-items: end;\n\n  margin-bottom: 42px;\n}\n\n\n.fz-ambulance-eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 11px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-ambulance-eyebrow::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--orange);\n}\n\n\n.fz-ambulance-title {\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size: clamp(46px,5.4vw,72px);\n\n  font-weight: 700;\n\n  line-height: .98;\n\n  letter-spacing: -2px;\n}\n\n\n.fz-ambulance-title span {\n  display: block;\n\n  color: var(--orange);\n}\n\n\n.fz-ambulance-intro {\n  max-width: 490px;\n}\n\n\n.fz-ambulance-intro strong {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--navy);\n\n  font-size: 16px;\n  font-weight: 600;\n\n  line-height: 1.6;\n}\n\n\n.fz-ambulance-intro p {\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 13px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   MAIN SHOWCASE\n========================================================= *\/\n\n.fz-ambulance-showcase {\n  display: grid;\n\n  grid-template-columns:\n    minmax(320px,.72fr)\n    minmax(0,1.28fr);\n\n  min-height: 620px;\n\n  overflow: hidden;\n\n  border-radius: 17px;\n\n  background: var(--deep);\n}\n\n\n\/* =========================================================\n   LEFT COPY\n========================================================= *\/\n\n.fz-ambulance-copy {\n  padding: 48px 42px 35px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  background:\n    linear-gradient(\n      145deg,\n      #263648 0%,\n      #192633 100%\n    );\n}\n\n\n.fz-ambulance-number {\n  display: block;\n\n  margin-bottom: 13px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n\n.fz-ambulance-category {\n  display: block;\n\n  margin-bottom: 11px;\n\n  color: rgba(255,255,255,.45);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-ambulance-copy h3 {\n  margin: 0 0 13px;\n\n  color: #ffffff;\n\n  font-size: 30px;\n  font-weight: 700;\n\n  line-height: 1.2;\n\n  letter-spacing: -.5px;\n}\n\n\n.fz-ambulance-copy-top p {\n  margin: 0;\n\n  color: rgba(255,255,255,.64);\n\n  font-size: 12px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   POINTS\n========================================================= *\/\n\n.fz-ambulance-points {\n  margin-top: 31px;\n\n  border-top: 1px solid rgba(255,255,255,.12);\n}\n\n\n.fz-ambulance-point {\n  display: grid;\n\n  grid-template-columns: 37px 1fr;\n\n  gap: 10px;\n\n  padding: 14px 0;\n\n  border-bottom: 1px solid rgba(255,255,255,.10);\n}\n\n\n.fz-ambulance-point > span {\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n\n.fz-ambulance-point strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 12px;\n}\n\n\n.fz-ambulance-point small {\n  display: block;\n\n  color: rgba(255,255,255,.46);\n\n  font-size: 10px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   LEFT FOOTER\n========================================================= *\/\n\n.fz-ambulance-footer {\n  margin-top: auto;\n\n  padding-top: 28px;\n\n  display: flex;\n\n  justify-content: space-between;\n\n  align-items: flex-end;\n\n  gap: 15px;\n}\n\n\n.fz-ambulance-count strong {\n  display: block;\n\n  color: #ffffff;\n\n  font-size: 28px;\n\n  line-height: 1;\n}\n\n\n.fz-ambulance-count span {\n  display: block;\n\n  margin-top: 3px;\n\n  color: rgba(255,255,255,.36);\n\n  font-size: 8px;\n\n  letter-spacing: .7px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-ambulance-open {\n  padding: 0 0 7px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  border: 0;\n\n  border-bottom: 2px solid var(--orange);\n\n  background: transparent;\n\n  color: #ffffff;\n\n  font-family: inherit;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  cursor: pointer;\n\n  transition:\n    color .2s ease,\n    gap .2s ease;\n}\n\n\n.fz-ambulance-open span {\n  color: var(--orange);\n\n  font-size: 15px;\n}\n\n\n.fz-ambulance-open:hover {\n  gap: 13px;\n\n  color: var(--orange);\n}\n\n\n\/* =========================================================\n   IMAGE COMPOSITION\n========================================================= *\/\n\n.fz-ambulance-images {\n  display: grid;\n\n  grid-template-columns:\n    1.35fr\n    .65fr;\n\n  grid-template-rows:\n    1fr\n    1fr;\n\n  gap: 6px;\n\n  padding: 6px;\n\n  min-width: 0;\n}\n\n\n.fz-ambulance-images button {\n  position: relative;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n\n  background: #e3e6e9;\n\n  cursor: pointer;\n}\n\n\n.fz-ambulance-main {\n  grid-row: 1 \/ 3;\n\n  border-radius:\n    5px\n    2px\n    2px\n    5px;\n}\n\n\n.fz-ambulance-small {\n  border-radius: 2px;\n}\n\n\n.fz-ambulance-small:last-child {\n  border-radius:\n    2px\n    5px\n    5px\n    2px;\n}\n\n\n.fz-ambulance-images img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform .65s ease,\n    filter .3s ease;\n}\n\n\n.fz-ambulance-images button:hover img {\n  transform: scale(1.035);\n\n  filter: brightness(.93);\n}\n\n\n\/* =========================================================\n   MAIN IMAGE OVERLAY\n========================================================= *\/\n\n.fz-ambulance-overlay {\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      0deg,\n      rgba(20,31,43,.67) 0%,\n      rgba(20,31,43,.05) 44%,\n      transparent 65%\n    );\n}\n\n\n.fz-ambulance-main-label {\n  position: absolute;\n\n  z-index: 3;\n\n  left: 22px;\n  bottom: 20px;\n}\n\n\n.fz-ambulance-main-label span {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-ambulance-main-label strong {\n  display: block;\n\n  color: #ffffff;\n\n  font-size: 18px;\n  font-weight: 650;\n}\n\n\n.fz-ambulance-view {\n  position: absolute;\n\n  z-index: 3;\n\n  right: 15px;\n  top: 15px;\n\n  padding: 9px 11px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  border-radius: 5px;\n\n  background: rgba(38,54,72,.88);\n\n  color: #ffffff;\n\n  font-size: 9px;\n  font-weight: 700;\n\n  backdrop-filter: blur(6px);\n}\n\n\n.fz-ambulance-view b {\n  color: var(--orange);\n\n  font-size: 12px;\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n.fz-ambulance-lightbox {\n  position: fixed;\n\n  z-index: 999999;\n\n  inset: 0;\n\n  display: none;\n\n  font-family: Inter, Arial, sans-serif;\n}\n\n\n.fz-ambulance-lightbox.is-open {\n  display: block;\n}\n\n\n.fz-ambulance-lightbox-bg {\n  position: absolute;\n\n  inset: 0;\n\n  background: rgba(9,15,22,.96);\n\n  backdrop-filter: blur(14px);\n}\n\n\n.fz-ambulance-lightbox-panel {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  height: 100%;\n\n  padding:\n    24px\n    32px\n    22px;\n\n  display: grid;\n\n  grid-template-rows:\n    auto\n    minmax(0,1fr)\n    auto;\n\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   LIGHTBOX TOP\n========================================================= *\/\n\n.fz-ambulance-lightbox-top {\n  width: 100%;\n  max-width: 1500px;\n\n  margin:\n    0\n    auto\n    16px;\n\n  display: flex;\n\n  justify-content: space-between;\n\n  align-items: center;\n\n  gap: 20px;\n}\n\n\n.fz-ambulance-lightbox-top > div:first-child > span {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-ambulance-lightbox-top h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 21px;\n  font-weight: 650;\n}\n\n\n.fz-ambulance-lightbox-actions {\n  display: flex;\n\n  align-items: center;\n\n  gap: 23px;\n}\n\n\n.fz-ambulance-counter {\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: rgba(255,255,255,.45);\n\n  font-size: 10px;\n}\n\n\n.fz-ambulance-counter strong {\n  color: #ffffff;\n}\n\n\n.fz-ambulance-counter i {\n  width: 20px;\n  height: 1px;\n\n  background: rgba(255,255,255,.25);\n}\n\n\n.fz-ambulance-close {\n  width: 43px;\n  height: 43px;\n\n  padding: 0;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border: 1px solid rgba(255,255,255,.17);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 27px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-ambulance-close:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   IMAGE STAGE\n========================================================= *\/\n\n.fz-ambulance-stage {\n  position: relative;\n\n  width: 100%;\n  max-width: 1500px;\n\n  min-height: 0;\n\n  margin: 0 auto;\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: center;\n}\n\n\n.fz-ambulance-main-image-wrap {\n  width: calc(100% - 130px);\n\n  height: 100%;\n\n  min-height: 0;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n}\n\n\n.fz-ambulance-main-image {\n  display: block;\n\n  max-width: 100%;\n  max-height: 100%;\n\n  width: auto;\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  animation: fzAmbulanceIn .27s ease;\n}\n\n\n@keyframes fzAmbulanceIn {\n\n  from {\n    opacity: .4;\n    transform: scale(.986);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n}\n\n\n\/* =========================================================\n   ARROWS\n========================================================= *\/\n\n.fz-ambulance-nav {\n  position: absolute;\n\n  z-index: 3;\n\n  top: 50%;\n\n  width: 48px;\n  height: 48px;\n\n  padding: 0;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  transform: translateY(-50%);\n\n  border: 1px solid rgba(255,255,255,.16);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 34px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-ambulance-nav:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n\n.fz-ambulance-prev {\n  left: 0;\n}\n\n\n.fz-ambulance-next {\n  right: 0;\n}\n\n\n\/* =========================================================\n   LIGHTBOX BOTTOM\n========================================================= *\/\n\n.fz-ambulance-lightbox-bottom {\n  width: 100%;\n  max-width: 1500px;\n\n  margin:\n    15px\n    auto\n    0;\n\n  display: grid;\n\n  grid-template-columns:\n    220px\n    minmax(0,1fr);\n\n  gap: 25px;\n\n  align-items: center;\n}\n\n\n.fz-ambulance-lightbox-copy strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 11px;\n}\n\n\n.fz-ambulance-lightbox-copy span {\n  color: rgba(255,255,255,.38);\n\n  font-size: 9px;\n}\n\n\n\/* =========================================================\n   THUMBNAILS\n========================================================= *\/\n\n.fz-ambulance-thumbs {\n  min-width: 0;\n\n  display: flex;\n\n  justify-content: flex-end;\n\n  gap: 8px;\n\n  overflow-x: auto;\n\n  scrollbar-width: none;\n}\n\n\n.fz-ambulance-thumbs::-webkit-scrollbar {\n  display: none;\n}\n\n\n.fz-ambulance-thumb {\n  flex: 0 0 90px;\n\n  width: 90px;\n  height: 60px;\n\n  padding: 2px;\n\n  overflow: hidden;\n\n  border: 1px solid transparent;\n\n  border-radius: 6px;\n\n  background: transparent;\n\n  opacity: .54;\n\n  cursor: pointer;\n\n  transition:\n    opacity .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-ambulance-thumb img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  border-radius: 4px;\n}\n\n\n.fz-ambulance-thumb:hover {\n  opacity: .9;\n}\n\n\n.fz-ambulance-thumb.is-active {\n  opacity: 1;\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-ambulance-gallery {\n    padding:\n      85px\n      24px;\n  }\n\n\n  .fz-ambulance-head {\n    gap: 45px;\n  }\n\n\n  .fz-ambulance-showcase {\n    grid-template-columns:\n      minmax(290px,.78fr)\n      minmax(0,1.22fr);\n\n    min-height: 560px;\n  }\n\n\n  .fz-ambulance-copy {\n    padding:\n      38px\n      30px\n      30px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-ambulance-gallery {\n    padding:\n      67px\n      16px;\n\n    background: transparent;\n  }\n\n\n  .fz-ambulance-head {\n    display: block;\n\n    margin-bottom: 29px;\n  }\n\n\n  .fz-ambulance-title {\n    font-size: 42px;\n\n    line-height: 1;\n\n    letter-spacing: -1.2px;\n  }\n\n\n  .fz-ambulance-intro {\n    max-width: none;\n\n    margin-top: 18px;\n  }\n\n\n  .fz-ambulance-intro strong {\n    font-size: 15px;\n  }\n\n\n  \/* SHOWCASE *\/\n\n  .fz-ambulance-showcase {\n    display: flex;\n\n    flex-direction: column;\n\n    min-height: 0;\n\n    border-radius: 13px;\n  }\n\n\n  .fz-ambulance-copy {\n    padding:\n      32px\n      22px\n      29px;\n  }\n\n\n  .fz-ambulance-copy h3 {\n    font-size: 26px;\n  }\n\n\n  \/* IMAGES *\/\n\n  .fz-ambulance-images {\n    height: 440px;\n\n    grid-template-columns:\n      1fr\n      1fr;\n\n    grid-template-rows:\n      1.5fr\n      .72fr;\n\n    gap: 5px;\n\n    padding: 5px;\n  }\n\n\n  .fz-ambulance-main {\n    grid-column: 1 \/ 3;\n\n    grid-row: 1;\n\n    border-radius:\n      7px\n      7px\n      2px\n      2px;\n  }\n\n\n  .fz-ambulance-small {\n    grid-row: 2;\n\n    border-radius:\n      2px\n      2px\n      2px\n      7px;\n  }\n\n\n  .fz-ambulance-small:last-child {\n    border-radius:\n      2px\n      2px\n      7px\n      2px;\n  }\n\n\n  \/* LIGHTBOX *\/\n\n  .fz-ambulance-lightbox-panel {\n    padding:\n      15px\n      14px\n      13px;\n  }\n\n\n  .fz-ambulance-lightbox-top {\n    margin-bottom: 10px;\n  }\n\n\n  .fz-ambulance-lightbox-top h3 {\n    font-size: 17px;\n  }\n\n\n  .fz-ambulance-lightbox-actions {\n    gap: 12px;\n  }\n\n\n  .fz-ambulance-close {\n    width: 40px;\n    height: 40px;\n\n    font-size: 25px;\n  }\n\n\n  .fz-ambulance-main-image-wrap {\n    width: 100%;\n  }\n\n\n  .fz-ambulance-nav {\n    display: none;\n  }\n\n\n  .fz-ambulance-lightbox-bottom {\n    display: block;\n\n    margin-top: 10px;\n  }\n\n\n  .fz-ambulance-lightbox-copy {\n    display: none;\n  }\n\n\n  .fz-ambulance-thumbs {\n    justify-content: flex-start;\n\n    gap: 6px;\n  }\n\n\n  .fz-ambulance-thumb {\n    flex-basis: 72px;\n\n    width: 72px;\n    height: 50px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .fz-ambulance-gallery {\n    padding-left: 14px;\n\n    padding-right: 14px;\n  }\n\n\n  .fz-ambulance-title {\n    font-size: 38px;\n  }\n\n\n  .fz-ambulance-copy {\n    padding-left: 19px;\n\n    padding-right: 19px;\n  }\n\n\n  .fz-ambulance-images {\n    height: 400px;\n  }\n\n}\n<\/style>\n\n\n\n<script>\n(function () {\n\n  const images = [\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.40-PM-1.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.39-PM-1.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.40-PM-3.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-05-20-at-12.35.39-PM-2-1.jpg\"\n\n  ];\n\n\n  const lightbox =\n    document.getElementById(\n      \"fz-ambulance-lightbox\"\n    );\n\n\n  const mainImage =\n    document.getElementById(\n      \"fz-ambulance-main-image\"\n    );\n\n\n  const currentLabel =\n    document.getElementById(\n      \"fz-ambulance-current\"\n    );\n\n\n  const closeButton =\n    document.getElementById(\n      \"fz-ambulance-close\"\n    );\n\n\n  const previousButton =\n    document.getElementById(\n      \"fz-ambulance-prev\"\n    );\n\n\n  const nextButton =\n    document.getElementById(\n      \"fz-ambulance-next\"\n    );\n\n\n  const stage =\n    document.getElementById(\n      \"fz-ambulance-stage\"\n    );\n\n\n  const openButtons =\n    document.querySelectorAll(\n      \"[data-ambulance-open]\"\n    );\n\n\n  const thumbs =\n    Array.from(\n      document.querySelectorAll(\n        \".fz-ambulance-thumb\"\n      )\n    );\n\n\n  if (\n    !lightbox ||\n    !mainImage ||\n    !currentLabel\n  ) {\n    return;\n  }\n\n\n  let current = 0;\n\n  let startX = 0;\n\n  let endX = 0;\n\n  let oldOverflow = \"\";\n\n\n  \/* =====================================================\n     SHOW IMAGE\n  ===================================================== *\/\n\n  function show(index) {\n\n    if (index < 0) {\n      index = images.length - 1;\n    }\n\n\n    if (index >= images.length) {\n      index = 0;\n    }\n\n\n    current = index;\n\n\n    mainImage.style.animation = \"none\";\n\n    mainImage.offsetHeight;\n\n    mainImage.style.animation = \"\";\n\n\n    mainImage.src =\n      images[current];\n\n\n    mainImage.alt =\n      \"Farizon Ambulance gallery image \" +\n      (current + 1);\n\n\n    currentLabel.textContent =\n      String(current + 1)\n      .padStart(2, \"0\");\n\n\n    thumbs.forEach(\n      function (thumb, index) {\n\n        thumb.classList.toggle(\n          \"is-active\",\n          index === current\n        );\n\n      }\n    );\n\n\n    if (\n      thumbs[current] &&\n      window.innerWidth <= 767\n    ) {\n\n      thumbs[current]\n      .scrollIntoView({\n\n        behavior: \"smooth\",\n\n        block: \"nearest\",\n\n        inline: \"center\"\n\n      });\n\n    }\n\n  }\n\n\n  \/* =====================================================\n     OPEN\n  ===================================================== *\/\n\n  function open(index) {\n\n    oldOverflow =\n      document.body.style.overflow;\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n\n    show(index);\n\n\n    setTimeout(\n      function () {\n\n        closeButton.focus();\n\n      },\n      50\n    );\n\n  }\n\n\n  \/* =====================================================\n     CLOSE\n  ===================================================== *\/\n\n  function close() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      oldOverflow;\n\n  }\n\n\n  \/* =====================================================\n     OPEN BUTTONS\n  ===================================================== *\/\n\n  openButtons.forEach(\n    function (button) {\n\n      button.addEventListener(\n        \"click\",\n        function () {\n\n          const index =\n            parseInt(\n              button.getAttribute(\n                \"data-ambulance-open\"\n              ),\n              10\n            ) || 0;\n\n\n          open(index);\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =====================================================\n     THUMBNAILS\n  ===================================================== *\/\n\n  thumbs.forEach(\n    function (thumb) {\n\n      thumb.addEventListener(\n        \"click\",\n        function () {\n\n          show(\n            parseInt(\n              thumb.getAttribute(\n                \"data-ambulance-index\"\n              ),\n              10\n            )\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =====================================================\n     PREVIOUS \/ NEXT\n  ===================================================== *\/\n\n  previousButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current - 1);\n\n    }\n  );\n\n\n  nextButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current + 1);\n\n    }\n  );\n\n\n  \/* =====================================================\n     CLOSE BUTTON\n  ===================================================== *\/\n\n  closeButton.addEventListener(\n    \"click\",\n    close\n  );\n\n\n  \/* =====================================================\n     BACKDROP CLOSE\n  ===================================================== *\/\n\n  lightbox\n    .querySelector(\n      \".fz-ambulance-lightbox-bg\"\n    )\n    .addEventListener(\n      \"click\",\n      close\n    );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ===================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) {\n        return;\n      }\n\n\n      if (event.key === \"Escape\") {\n\n        close();\n\n      }\n\n\n      if (event.key === \"ArrowLeft\") {\n\n        show(current - 1);\n\n      }\n\n\n      if (event.key === \"ArrowRight\") {\n\n        show(current + 1);\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     MOBILE SWIPE\n  ===================================================== *\/\n\n  stage.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      startX =\n        event\n        .changedTouches[0]\n        .screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  stage.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      endX =\n        event\n        .changedTouches[0]\n        .screenX;\n\n\n      const difference =\n        startX - endX;\n\n\n      if (\n        Math.abs(difference) < 45\n      ) {\n        return;\n      }\n\n\n      if (difference > 0) {\n\n        show(current + 1);\n\n      } else {\n\n        show(current - 1);\n\n      }\n\n    },\n    {\n      passive: true\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<!-- =========================================================\n     FARIZON GALLERY\n     V7E \/ ELECTRIC COMMERCIAL VAN\n========================================================= -->\n\n<section class=\"fz-v7e-gallery\">\n\n  <div class=\"fz-v7e-inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"fz-v7e-head\">\n\n      <div class=\"fz-v7e-head-left\">\n\n        <div class=\"fz-v7e-eyebrow\">\n          Electric Commercial Van\n        <\/div>\n\n        <h2 class=\"fz-v7e-title\">\n          Farizon V7E\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"fz-v7e-head-right\">\n\n        <strong>\n          Commercial electric mobility with a modern,\n          purpose-built presence.\n        <\/strong>\n\n        <p>\n          Explore the Farizon V7E from exterior, cabin and\n          real-world commercial perspectives.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         PRODUCT SHOWCASE\n    ====================================================== -->\n\n    <div class=\"fz-v7e-showcase\">\n\n\n      <!-- MAIN IMAGE -->\n\n      <button\n        class=\"fz-v7e-main\"\n        type=\"button\"\n        data-v7e-open=\"0\"\n        aria-label=\"Open Farizon V7E gallery\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100116-scaled.jpg\"\n          alt=\"Farizon V7E electric commercial van\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <div class=\"fz-v7e-main-shade\"><\/div>\n\n\n        <div class=\"fz-v7e-main-copy\">\n\n          <span>\n            Farizon V7E\n          <\/span>\n\n          <h3>\n            Built for Modern\n            Commercial Mobility.\n          <\/h3>\n\n        <\/div>\n\n\n        <div class=\"fz-v7e-view\">\n          View Gallery\n          <b>\u2197<\/b>\n        <\/div>\n\n      <\/button>\n\n\n\n      <!-- ===================================================\n           PRODUCT INFO RAIL\n      ==================================================== -->\n\n      <div class=\"fz-v7e-rail\">\n\n\n        <div class=\"fz-v7e-rail-top\">\n\n          <span class=\"fz-v7e-index\">\n            06\n          <\/span>\n\n\n          <div class=\"fz-v7e-rail-category\">\n            Core Commercial Vehicle\n          <\/div>\n\n\n          <h3>\n            V7E\n          <\/h3>\n\n\n          <p>\n            A contemporary electric commercial van designed\n            around practical business use, urban operations\n            and modern fleet requirements.\n          <\/p>\n\n        <\/div>\n\n\n\n        <!-- CLEAN FEATURES -->\n\n        <div class=\"fz-v7e-features\">\n\n\n          <div class=\"fz-v7e-feature\">\n\n            <span>01<\/span>\n\n            <strong>\n              Exterior Design\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"fz-v7e-feature\">\n\n            <span>02<\/span>\n\n            <strong>\n              Commercial Cabin\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"fz-v7e-feature\">\n\n            <span>03<\/span>\n\n            <strong>\n              Business Application\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- CTA -->\n\n        <div class=\"fz-v7e-actions\">\n\n          <button\n            class=\"fz-v7e-gallery-open\"\n            type=\"button\"\n            data-v7e-open=\"0\">\n\n            Explore Gallery\n            <span>\u2192<\/span>\n\n          <\/button>\n\n\n          <a\n            href=\"\/new\/v7e\/\"\n            class=\"fz-v7e-product-link\">\n\n            Explore V7E\n\n          <\/a>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         FILM STRIP\n    ====================================================== -->\n\n    <div class=\"fz-v7e-strip\">\n\n\n      <button\n        class=\"fz-v7e-strip-item\"\n        type=\"button\"\n        data-v7e-open=\"1\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206095742-scaled.jpg\"\n          alt=\"Farizon V7E exterior\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span>Exterior<\/span>\n\n      <\/button>\n\n\n      <button\n        class=\"fz-v7e-strip-item\"\n        type=\"button\"\n        data-v7e-open=\"2\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100212-scaled.jpg\"\n          alt=\"Farizon V7E detail\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span>Details<\/span>\n\n      <\/button>\n\n\n      <button\n        class=\"fz-v7e-strip-item\"\n        type=\"button\"\n        data-v7e-open=\"3\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100328-scaled.jpg\"\n          alt=\"Farizon V7E commercial van\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span>Commercial<\/span>\n\n      <\/button>\n\n\n      <button\n        class=\"fz-v7e-strip-item\"\n        type=\"button\"\n        data-v7e-open=\"4\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100350-scaled.jpg\"\n          alt=\"Farizon V7E gallery image\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span>\n          <strong>05<\/strong>\n          Photos\n        <\/span>\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <!-- BOTTOM LINE -->\n\n    <div class=\"fz-v7e-bottom-line\">\n\n      <span>\n        Farizon Electric Commercial Mobility\n      <\/span>\n\n      <button\n        type=\"button\"\n        data-v7e-open=\"0\">\n\n        View All V7E Images\n        <b>\u2192<\/b>\n\n      <\/button>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     V7E FULLSCREEN LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"fz-v7e-lightbox\"\n  id=\"fz-v7e-lightbox\"\n  aria-hidden=\"true\">\n\n\n  <div class=\"fz-v7e-lightbox-bg\"><\/div>\n\n\n  <div\n    class=\"fz-v7e-lightbox-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Farizon V7E Gallery\">\n\n\n    <!-- TOP -->\n\n    <div class=\"fz-v7e-lightbox-top\">\n\n      <div>\n\n        <span>\n          Farizon Electric Commercial Van\n        <\/span>\n\n        <h3>\n          V7E\n        <\/h3>\n\n      <\/div>\n\n\n      <div class=\"fz-v7e-lightbox-actions\">\n\n        <div class=\"fz-v7e-counter\">\n\n          <strong id=\"fz-v7e-current\">\n            01\n          <\/strong>\n\n          <i><\/i>\n\n          <span>\n            05\n          <\/span>\n\n        <\/div>\n\n\n        <button\n          class=\"fz-v7e-close\"\n          id=\"fz-v7e-close\"\n          type=\"button\"\n          aria-label=\"Close gallery\">\n\n          \u00d7\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- IMAGE STAGE -->\n\n    <div\n      class=\"fz-v7e-stage\"\n      id=\"fz-v7e-stage\">\n\n\n      <button\n        class=\"fz-v7e-nav fz-v7e-prev\"\n        id=\"fz-v7e-prev\"\n        type=\"button\"\n        aria-label=\"Previous image\">\n\n        \u2039\n\n      <\/button>\n\n\n      <div class=\"fz-v7e-main-image-wrap\">\n\n        <img decoding=\"async\"\n          id=\"fz-v7e-main-image\"\n          class=\"fz-v7e-main-image\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100116-scaled.jpg\"\n          alt=\"Farizon V7E gallery image\">\n\n      <\/div>\n\n\n      <button\n        class=\"fz-v7e-nav fz-v7e-next\"\n        id=\"fz-v7e-next\"\n        type=\"button\"\n        aria-label=\"Next image\">\n\n        \u203a\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <!-- BOTTOM -->\n\n    <div class=\"fz-v7e-lightbox-bottom\">\n\n      <div class=\"fz-v7e-lightbox-caption\">\n\n        <strong>\n          Farizon V7E\n        <\/strong>\n\n        <span>\n          Swipe or use arrows to explore\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"fz-v7e-thumbs\">\n\n\n        <button\n          class=\"fz-v7e-thumb is-active\"\n          type=\"button\"\n          data-v7e-index=\"0\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100116-scaled.jpg\"\n            alt=\"V7E thumbnail 1\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-v7e-thumb\"\n          type=\"button\"\n          data-v7e-index=\"1\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206095742-scaled.jpg\"\n            alt=\"V7E thumbnail 2\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-v7e-thumb\"\n          type=\"button\"\n          data-v7e-index=\"2\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100212-scaled.jpg\"\n            alt=\"V7E thumbnail 3\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-v7e-thumb\"\n          type=\"button\"\n          data-v7e-index=\"3\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100328-scaled.jpg\"\n            alt=\"V7E thumbnail 4\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-v7e-thumb\"\n          type=\"button\"\n          data-v7e-index=\"4\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100350-scaled.jpg\"\n            alt=\"V7E thumbnail 5\">\n\n        <\/button>\n\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   FARIZON V7E\n========================================================= *\/\n\n.fz-v7e-gallery {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --deep: #192633;\n  --text: #5d6672;\n  --muted: #929aa3;\n  --line: #e3e7eb;\n  --light: #f5f6f8;\n\n  width: 100%;\n\n  padding: 105px 24px;\n\n  background: transparent;\n\n  font-family: Inter, Arial, sans-serif;\n\n  box-sizing: border-box;\n}\n\n\n.fz-v7e-gallery *,\n.fz-v7e-gallery *::before,\n.fz-v7e-gallery *::after,\n.fz-v7e-lightbox *,\n.fz-v7e-lightbox *::before,\n.fz-v7e-lightbox *::after {\n  box-sizing: border-box;\n}\n\n\n.fz-v7e-inner {\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.fz-v7e-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(350px,.7fr);\n\n  gap: 80px;\n\n  align-items: end;\n\n  margin-bottom: 42px;\n}\n\n\n.fz-v7e-eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 11px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-v7e-eyebrow::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--orange);\n}\n\n\n.fz-v7e-title {\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size: clamp(50px,5.5vw,76px);\n\n  font-weight: 700;\n\n  line-height: .96;\n\n  letter-spacing: -2.4px;\n}\n\n\n.fz-v7e-head-right {\n  max-width: 490px;\n}\n\n\n.fz-v7e-head-right strong {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--navy);\n\n  font-size: 16px;\n  font-weight: 600;\n\n  line-height: 1.6;\n}\n\n\n.fz-v7e-head-right p {\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 13px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   SHOWCASE\n========================================================= *\/\n\n.fz-v7e-showcase {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.48fr)\n    minmax(300px,.52fr);\n\n  min-height: 610px;\n\n  overflow: hidden;\n\n  border-radius: 17px;\n\n  background: var(--navy);\n}\n\n\n\/* =========================================================\n   MAIN IMAGE\n========================================================= *\/\n\n.fz-v7e-main {\n  position: relative;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n\n  background: #dfe3e7;\n\n  cursor: pointer;\n}\n\n\n.fz-v7e-main img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform .8s ease,\n    filter .35s ease;\n}\n\n\n.fz-v7e-main:hover img {\n  transform: scale(1.025);\n\n  filter: brightness(.96);\n}\n\n\n.fz-v7e-main-shade {\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      0deg,\n      rgba(19,30,42,.72) 0%,\n      rgba(19,30,42,.18) 35%,\n      transparent 58%\n    );\n}\n\n\n\/* MAIN IMAGE TEXT *\/\n\n.fz-v7e-main-copy {\n  position: absolute;\n\n  z-index: 3;\n\n  left: 30px;\n  bottom: 27px;\n\n  max-width: 500px;\n\n  text-align: left;\n}\n\n\n.fz-v7e-main-copy span {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-v7e-main-copy h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 32px;\n  font-weight: 700;\n\n  line-height: 1.14;\n\n  letter-spacing: -.6px;\n}\n\n\n.fz-v7e-view {\n  position: absolute;\n\n  z-index: 3;\n\n  top: 19px;\n  right: 19px;\n\n  padding: 9px 12px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  border-radius: 5px;\n\n  background: rgba(38,54,72,.88);\n\n  color: #ffffff;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  backdrop-filter: blur(7px);\n}\n\n\n.fz-v7e-view b {\n  color: var(--orange);\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   PRODUCT RAIL\n========================================================= *\/\n\n.fz-v7e-rail {\n  padding: 43px 32px 32px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  background:\n    linear-gradient(\n      150deg,\n      #34465b 0%,\n      #263648 100%\n    );\n}\n\n\n.fz-v7e-index {\n  display: block;\n\n  margin-bottom: 13px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n\n.fz-v7e-rail-category {\n  margin-bottom: 9px;\n\n  color: rgba(255,255,255,.43);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-v7e-rail h3 {\n  margin: 0 0 13px;\n\n  color: #ffffff;\n\n  font-size: 42px;\n  font-weight: 700;\n\n  line-height: 1;\n\n  letter-spacing: -1.3px;\n}\n\n\n.fz-v7e-rail p {\n  margin: 0;\n\n  color: rgba(255,255,255,.63);\n\n  font-size: 12px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n.fz-v7e-features {\n  margin-top: 34px;\n\n  border-top: 1px solid rgba(255,255,255,.12);\n}\n\n\n.fz-v7e-feature {\n  display: grid;\n\n  grid-template-columns: 38px 1fr;\n\n  gap: 10px;\n\n  padding: 15px 0;\n\n  border-bottom: 1px solid rgba(255,255,255,.10);\n}\n\n\n.fz-v7e-feature span {\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n\n.fz-v7e-feature strong {\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   ACTIONS\n========================================================= *\/\n\n.fz-v7e-actions {\n  margin-top: auto;\n\n  padding-top: 30px;\n}\n\n\n.fz-v7e-gallery-open {\n  padding: 0 0 7px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  border: 0;\n  border-bottom: 2px solid var(--orange);\n\n  background: transparent;\n\n  color: #ffffff;\n\n  font-family: inherit;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  cursor: pointer;\n\n  transition:\n    gap .2s ease,\n    color .2s ease;\n}\n\n\n.fz-v7e-gallery-open span {\n  color: var(--orange);\n\n  font-size: 15px;\n}\n\n\n.fz-v7e-gallery-open:hover {\n  gap: 14px;\n\n  color: var(--orange);\n}\n\n\n.fz-v7e-product-link {\n  display: block;\n\n  width: fit-content;\n\n  margin-top: 18px;\n\n  color: rgba(255,255,255,.50);\n\n  font-size: 10px;\n  font-weight: 600;\n\n  text-decoration: none;\n\n  transition: color .2s ease;\n}\n\n\n.fz-v7e-product-link:hover {\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   FILM STRIP\n========================================================= *\/\n\n.fz-v7e-strip {\n  margin-top: 8px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 7px;\n\n  height: 190px;\n}\n\n\n.fz-v7e-strip-item {\n  position: relative;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n\n  border-radius: 8px;\n\n  background: #dfe3e7;\n\n  cursor: pointer;\n}\n\n\n.fz-v7e-strip-item img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform .5s ease,\n    filter .3s ease;\n}\n\n\n.fz-v7e-strip-item:hover img {\n  transform: scale(1.045);\n\n  filter: brightness(.88);\n}\n\n\n.fz-v7e-strip-item > span {\n  position: absolute;\n\n  left: 11px;\n  bottom: 10px;\n\n  padding: 6px 8px;\n\n  border-radius: 4px;\n\n  background: rgba(38,54,72,.85);\n\n  color: #ffffff;\n\n  font-size: 9px;\n  font-weight: 650;\n\n  backdrop-filter: blur(5px);\n}\n\n\n.fz-v7e-strip-item:last-child > span {\n  inset: 0;\n\n  left: 0;\n  bottom: 0;\n\n  padding: 0;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n  align-items: center;\n\n  border-radius: 0;\n\n  background: rgba(26,39,53,.56);\n\n  font-size: 9px;\n\n  letter-spacing: .7px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-v7e-strip-item:last-child > span strong {\n  margin-bottom: 2px;\n\n  font-size: 26px;\n\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   BOTTOM LINE\n========================================================= *\/\n\n.fz-v7e-bottom-line {\n  margin-top: 27px;\n\n  padding-top: 20px;\n\n  border-top: 1px solid var(--line);\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 25px;\n}\n\n\n.fz-v7e-bottom-line > span {\n  color: var(--muted);\n\n  font-size: 9px;\n\n  letter-spacing: .9px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-v7e-bottom-line button {\n  padding: 0;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  border: 0;\n\n  background: transparent;\n\n  color: var(--navy);\n\n  font-family: inherit;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  cursor: pointer;\n}\n\n\n.fz-v7e-bottom-line button b {\n  color: var(--orange);\n\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n.fz-v7e-lightbox {\n  position: fixed;\n\n  z-index: 999999;\n\n  inset: 0;\n\n  display: none;\n\n  font-family: Inter, Arial, sans-serif;\n}\n\n\n.fz-v7e-lightbox.is-open {\n  display: block;\n}\n\n\n.fz-v7e-lightbox-bg {\n  position: absolute;\n\n  inset: 0;\n\n  background: rgba(9,15,22,.96);\n\n  backdrop-filter: blur(14px);\n}\n\n\n.fz-v7e-lightbox-panel {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  height: 100%;\n\n  padding:\n    24px\n    32px\n    22px;\n\n  display: grid;\n\n  grid-template-rows:\n    auto\n    minmax(0,1fr)\n    auto;\n\n  color: #ffffff;\n}\n\n\n\/* LIGHTBOX TOP *\/\n\n.fz-v7e-lightbox-top {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 0 auto 16px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 20px;\n}\n\n\n.fz-v7e-lightbox-top > div:first-child > span {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-v7e-lightbox-top h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 21px;\n  font-weight: 650;\n}\n\n\n.fz-v7e-lightbox-actions {\n  display: flex;\n\n  align-items: center;\n\n  gap: 23px;\n}\n\n\n.fz-v7e-counter {\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: rgba(255,255,255,.45);\n\n  font-size: 10px;\n}\n\n\n.fz-v7e-counter strong {\n  color: #ffffff;\n}\n\n\n.fz-v7e-counter i {\n  width: 20px;\n  height: 1px;\n\n  background: rgba(255,255,255,.25);\n}\n\n\n.fz-v7e-close {\n  width: 43px;\n  height: 43px;\n\n  padding: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid rgba(255,255,255,.17);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 27px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-v7e-close:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   LIGHTBOX STAGE\n========================================================= *\/\n\n.fz-v7e-stage {\n  position: relative;\n\n  width: 100%;\n  max-width: 1500px;\n\n  min-height: 0;\n\n  margin: 0 auto;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n}\n\n\n.fz-v7e-main-image-wrap {\n  width: calc(100% - 130px);\n  height: 100%;\n\n  min-height: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n}\n\n\n.fz-v7e-main-image {\n  display: block;\n\n  max-width: 100%;\n  max-height: 100%;\n\n  width: auto;\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  animation: fzV7EIn .27s ease;\n}\n\n\n@keyframes fzV7EIn {\n\n  from {\n    opacity: .4;\n    transform: scale(.986);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n}\n\n\n\/* NAVIGATION *\/\n\n.fz-v7e-nav {\n  position: absolute;\n\n  z-index: 3;\n\n  top: 50%;\n\n  width: 48px;\n  height: 48px;\n\n  padding: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  transform: translateY(-50%);\n\n  border: 1px solid rgba(255,255,255,.16);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 34px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-v7e-nav:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n\n.fz-v7e-prev {\n  left: 0;\n}\n\n\n.fz-v7e-next {\n  right: 0;\n}\n\n\n\/* =========================================================\n   LIGHTBOX BOTTOM\n========================================================= *\/\n\n.fz-v7e-lightbox-bottom {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 15px auto 0;\n\n  display: grid;\n\n  grid-template-columns:\n    220px\n    minmax(0,1fr);\n\n  gap: 25px;\n\n  align-items: center;\n}\n\n\n.fz-v7e-lightbox-caption strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 11px;\n}\n\n\n.fz-v7e-lightbox-caption span {\n  color: rgba(255,255,255,.38);\n\n  font-size: 9px;\n}\n\n\n\/* THUMBNAILS *\/\n\n.fz-v7e-thumbs {\n  min-width: 0;\n\n  display: flex;\n\n  justify-content: flex-end;\n\n  gap: 8px;\n\n  overflow-x: auto;\n\n  scrollbar-width: none;\n}\n\n\n.fz-v7e-thumbs::-webkit-scrollbar {\n  display: none;\n}\n\n\n.fz-v7e-thumb {\n  flex: 0 0 90px;\n\n  width: 90px;\n  height: 60px;\n\n  padding: 2px;\n\n  overflow: hidden;\n\n  border: 1px solid transparent;\n\n  border-radius: 6px;\n\n  background: transparent;\n\n  opacity: .54;\n\n  cursor: pointer;\n\n  transition:\n    opacity .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-v7e-thumb img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  border-radius: 4px;\n}\n\n\n.fz-v7e-thumb:hover {\n  opacity: .9;\n}\n\n\n.fz-v7e-thumb.is-active {\n  opacity: 1;\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-v7e-gallery {\n    padding:\n      85px\n      24px;\n  }\n\n\n  .fz-v7e-head {\n    gap: 45px;\n  }\n\n\n  .fz-v7e-showcase {\n    grid-template-columns:\n      minmax(0,1.3fr)\n      minmax(285px,.7fr);\n\n    min-height: 550px;\n  }\n\n\n  .fz-v7e-rail {\n    padding:\n      35px\n      25px\n      27px;\n  }\n\n\n  .fz-v7e-strip {\n    height: 165px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-v7e-gallery {\n    padding:\n      67px\n      16px;\n\n    background: transparent;\n  }\n\n\n  \/* HEADER *\/\n\n  .fz-v7e-head {\n    display: block;\n\n    margin-bottom: 29px;\n  }\n\n\n  .fz-v7e-title {\n    font-size: 48px;\n\n    letter-spacing: -1.5px;\n  }\n\n\n  .fz-v7e-head-right {\n    max-width: none;\n\n    margin-top: 18px;\n  }\n\n\n  .fz-v7e-head-right strong {\n    font-size: 15px;\n  }\n\n\n  \/* SHOWCASE *\/\n\n  .fz-v7e-showcase {\n    display: flex;\n\n    flex-direction: column;\n\n    min-height: 0;\n\n    border-radius: 13px;\n  }\n\n\n  .fz-v7e-main {\n    height: 440px;\n  }\n\n\n  .fz-v7e-main-copy {\n    left: 20px;\n    right: 20px;\n    bottom: 21px;\n\n    max-width: none;\n  }\n\n\n  .fz-v7e-main-copy h3 {\n    max-width: 310px;\n\n    font-size: 27px;\n  }\n\n\n  .fz-v7e-view {\n    top: 13px;\n    right: 13px;\n  }\n\n\n  \/* RAIL *\/\n\n  .fz-v7e-rail {\n    padding:\n      29px\n      22px\n      27px;\n  }\n\n\n  .fz-v7e-rail h3 {\n    font-size: 38px;\n  }\n\n\n  .fz-v7e-features {\n    margin-top: 27px;\n  }\n\n\n  .fz-v7e-actions {\n    margin-top: 28px;\n  }\n\n\n  \/* IMAGE STRIP *\/\n\n  .fz-v7e-strip {\n    height: auto;\n\n    margin-top: 6px;\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 5px;\n  }\n\n\n  .fz-v7e-strip-item {\n    height: 150px;\n\n    border-radius: 7px;\n  }\n\n\n  \/* BOTTOM *\/\n\n  .fz-v7e-bottom-line {\n    display: block;\n\n    margin-top: 23px;\n  }\n\n\n  .fz-v7e-bottom-line > span {\n    display: block;\n\n    margin-bottom: 15px;\n  }\n\n\n  \/* LIGHTBOX *\/\n\n  .fz-v7e-lightbox-panel {\n    padding:\n      15px\n      14px\n      13px;\n  }\n\n\n  .fz-v7e-lightbox-top {\n    margin-bottom: 10px;\n  }\n\n\n  .fz-v7e-lightbox-top h3 {\n    font-size: 17px;\n  }\n\n\n  .fz-v7e-lightbox-actions {\n    gap: 12px;\n  }\n\n\n  .fz-v7e-close {\n    width: 40px;\n    height: 40px;\n\n    font-size: 25px;\n  }\n\n\n  .fz-v7e-main-image-wrap {\n    width: 100%;\n  }\n\n\n  .fz-v7e-nav {\n    display: none;\n  }\n\n\n  .fz-v7e-lightbox-bottom {\n    display: block;\n\n    margin-top: 10px;\n  }\n\n\n  .fz-v7e-lightbox-caption {\n    display: none;\n  }\n\n\n  .fz-v7e-thumbs {\n    justify-content: flex-start;\n\n    gap: 6px;\n  }\n\n\n  .fz-v7e-thumb {\n    flex-basis: 72px;\n\n    width: 72px;\n    height: 50px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .fz-v7e-gallery {\n    padding-left: 14px;\n\n    padding-right: 14px;\n  }\n\n\n  .fz-v7e-title {\n    font-size: 43px;\n  }\n\n\n  .fz-v7e-main {\n    height: 395px;\n  }\n\n\n  .fz-v7e-rail {\n    padding-left: 19px;\n\n    padding-right: 19px;\n  }\n\n\n  .fz-v7e-strip-item {\n    height: 135px;\n  }\n\n}\n<\/style>\n\n\n\n<script>\n(function () {\n\n  const images = [\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100116-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206095742-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100212-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100328-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG20260206100350-scaled.jpg\"\n\n  ];\n\n\n  const lightbox =\n    document.getElementById(\n      \"fz-v7e-lightbox\"\n    );\n\n\n  const mainImage =\n    document.getElementById(\n      \"fz-v7e-main-image\"\n    );\n\n\n  const currentLabel =\n    document.getElementById(\n      \"fz-v7e-current\"\n    );\n\n\n  const closeButton =\n    document.getElementById(\n      \"fz-v7e-close\"\n    );\n\n\n  const previousButton =\n    document.getElementById(\n      \"fz-v7e-prev\"\n    );\n\n\n  const nextButton =\n    document.getElementById(\n      \"fz-v7e-next\"\n    );\n\n\n  const stage =\n    document.getElementById(\n      \"fz-v7e-stage\"\n    );\n\n\n  const openButtons =\n    document.querySelectorAll(\n      \"[data-v7e-open]\"\n    );\n\n\n  const thumbs =\n    Array.from(\n      document.querySelectorAll(\n        \".fz-v7e-thumb\"\n      )\n    );\n\n\n  if (\n    !lightbox ||\n    !mainImage ||\n    !currentLabel\n  ) {\n    return;\n  }\n\n\n  let current = 0;\n\n  let startX = 0;\n\n  let endX = 0;\n\n  let oldOverflow = \"\";\n\n\n  \/* =====================================================\n     SHOW IMAGE\n  ===================================================== *\/\n\n  function show(index) {\n\n    if (index < 0) {\n\n      index = images.length - 1;\n\n    }\n\n\n    if (index >= images.length) {\n\n      index = 0;\n\n    }\n\n\n    current = index;\n\n\n    mainImage.style.animation =\n      \"none\";\n\n\n    mainImage.offsetHeight;\n\n\n    mainImage.style.animation =\n      \"\";\n\n\n    mainImage.src =\n      images[current];\n\n\n    mainImage.alt =\n      \"Farizon V7E gallery image \" +\n      (current + 1);\n\n\n    currentLabel.textContent =\n      String(current + 1)\n      .padStart(2, \"0\");\n\n\n    thumbs.forEach(\n      function (thumb, index) {\n\n        thumb.classList.toggle(\n          \"is-active\",\n          index === current\n        );\n\n      }\n    );\n\n\n    if (\n      thumbs[current] &&\n      window.innerWidth <= 767\n    ) {\n\n      thumbs[current]\n      .scrollIntoView({\n\n        behavior: \"smooth\",\n\n        block: \"nearest\",\n\n        inline: \"center\"\n\n      });\n\n    }\n\n  }\n\n\n  \/* =====================================================\n     OPEN\n  ===================================================== *\/\n\n  function open(index) {\n\n    oldOverflow =\n      document.body.style.overflow;\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n\n    show(index);\n\n\n    setTimeout(\n      function () {\n\n        closeButton.focus();\n\n      },\n      50\n    );\n\n  }\n\n\n  \/* =====================================================\n     CLOSE\n  ===================================================== *\/\n\n  function close() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      oldOverflow;\n\n  }\n\n\n  \/* =====================================================\n     OPEN BUTTONS\n  ===================================================== *\/\n\n  openButtons.forEach(\n    function (button) {\n\n      button.addEventListener(\n        \"click\",\n        function () {\n\n          const index =\n            parseInt(\n              button.getAttribute(\n                \"data-v7e-open\"\n              ),\n              10\n            ) || 0;\n\n\n          open(index);\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =====================================================\n     THUMBNAILS\n  ===================================================== *\/\n\n  thumbs.forEach(\n    function (thumb) {\n\n      thumb.addEventListener(\n        \"click\",\n        function () {\n\n          show(\n            parseInt(\n              thumb.getAttribute(\n                \"data-v7e-index\"\n              ),\n              10\n            )\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =====================================================\n     ARROWS\n  ===================================================== *\/\n\n  previousButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current - 1);\n\n    }\n  );\n\n\n  nextButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current + 1);\n\n    }\n  );\n\n\n  \/* =====================================================\n     CLOSE\n  ===================================================== *\/\n\n  closeButton.addEventListener(\n    \"click\",\n    close\n  );\n\n\n  lightbox\n    .querySelector(\n      \".fz-v7e-lightbox-bg\"\n    )\n    .addEventListener(\n      \"click\",\n      close\n    );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ===================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) {\n        return;\n      }\n\n\n      if (event.key === \"Escape\") {\n\n        close();\n\n      }\n\n\n      if (event.key === \"ArrowLeft\") {\n\n        show(current - 1);\n\n      }\n\n\n      if (event.key === \"ArrowRight\") {\n\n        show(current + 1);\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     MOBILE SWIPE\n  ===================================================== *\/\n\n  stage.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      startX =\n        event\n        .changedTouches[0]\n        .screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  stage.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      endX =\n        event\n        .changedTouches[0]\n        .screenX;\n\n\n      const difference =\n        startX - endX;\n\n\n      if (\n        Math.abs(difference) < 45\n      ) {\n        return;\n      }\n\n\n      if (difference > 0) {\n\n        show(current + 1);\n\n      } else {\n\n        show(current - 1);\n\n      }\n\n    },\n    {\n      passive: true\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<!-- =========================================================\n     FARIZON GALLERY\n     F3E \/ ELECTRIC COMMERCIAL TRUCK\n========================================================= -->\n\n<section class=\"fz-f3e-gallery\">\n\n  <div class=\"fz-f3e-inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"fz-f3e-head\">\n\n      <div class=\"fz-f3e-head-left\">\n\n        <div class=\"fz-f3e-eyebrow\">\n          Electric Commercial Truck\n        <\/div>\n\n        <h2 class=\"fz-f3e-title\">\n          Farizon F3E\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"fz-f3e-head-right\">\n\n        <strong>\n          Electric truck capability shaped around\n          everyday commercial operations.\n        <\/strong>\n\n        <p>\n          Explore the Farizon F3E through exterior,\n          cargo-body and real-world working vehicle perspectives.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN INDUSTRIAL SHOWCASE\n    ====================================================== -->\n\n    <div class=\"fz-f3e-showcase\">\n\n\n      <!-- MAIN IMAGE -->\n\n      <button\n        class=\"fz-f3e-main\"\n        type=\"button\"\n        data-f3e-open=\"0\"\n        aria-label=\"Open Farizon F3E gallery\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_153428-scaled.jpg\"\n          alt=\"Farizon F3E electric commercial truck\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <div class=\"fz-f3e-main-shade\"><\/div>\n\n\n        <div class=\"fz-f3e-main-copy\">\n\n          <span>\n            Commercial Electric Truck\n          <\/span>\n\n          <h3>\n            Built to Work.\n            <br>\n            Ready for Business.\n          <\/h3>\n\n        <\/div>\n\n\n        <div class=\"fz-f3e-view\">\n          View Gallery\n          <b>\u2197<\/b>\n        <\/div>\n\n      <\/button>\n\n\n\n      <!-- INFORMATION PANEL -->\n\n      <div class=\"fz-f3e-panel\">\n\n        <div class=\"fz-f3e-panel-top\">\n\n          <span class=\"fz-f3e-index\">\n            07\n          <\/span>\n\n          <span class=\"fz-f3e-category\">\n            Commercial Truck\n          <\/span>\n\n          <h3>\n            F3E\n          <\/h3>\n\n          <p>\n            A practical electric truck platform developed\n            for commercial transport, cargo movement and\n            business operations.\n          <\/p>\n\n        <\/div>\n\n\n\n        <!-- APPLICATION LINES -->\n\n        <div class=\"fz-f3e-applications\">\n\n\n          <div class=\"fz-f3e-application\">\n\n            <span>01<\/span>\n\n            <div>\n              <strong>\n                Commercial Transport\n              <\/strong>\n\n              <small>\n                Built around everyday business movement.\n              <\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"fz-f3e-application\">\n\n            <span>02<\/span>\n\n            <div>\n              <strong>\n                Cargo Applications\n              <\/strong>\n\n              <small>\n                Flexible for practical working configurations.\n              <\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"fz-f3e-application\">\n\n            <span>03<\/span>\n\n            <div>\n              <strong>\n                Electric Operations\n              <\/strong>\n\n              <small>\n                Commercial mobility with an electric drivetrain.\n              <\/small>\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- FOOTER -->\n\n        <div class=\"fz-f3e-panel-footer\">\n\n          <div class=\"fz-f3e-count\">\n\n            <strong>\n              08\n            <\/strong>\n\n            <span>\n              Gallery Images\n            <\/span>\n\n          <\/div>\n\n\n          <button\n            class=\"fz-f3e-open\"\n            type=\"button\"\n            data-f3e-open=\"0\">\n\n            Explore F3E Gallery\n\n            <span>\n              \u2192\n            <\/span>\n\n          <\/button>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         WORKING VEHICLE IMAGE GRID\n    ====================================================== -->\n\n    <div class=\"fz-f3e-grid\">\n\n\n      <!-- LARGE -->\n\n      <button\n        class=\"fz-f3e-grid-item fz-f3e-grid-large\"\n        type=\"button\"\n        data-f3e-open=\"1\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_154008-1-scaled.jpg\"\n          alt=\"Farizon F3E electric truck exterior\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span class=\"fz-f3e-grid-label\">\n          Exterior\n        <\/span>\n\n      <\/button>\n\n\n\n      <!-- TOP SMALL -->\n\n      <button\n        class=\"fz-f3e-grid-item\"\n        type=\"button\"\n        data-f3e-open=\"2\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_153813-scaled.jpg\"\n          alt=\"Farizon F3E commercial truck\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span class=\"fz-f3e-grid-label\">\n          Commercial\n        <\/span>\n\n      <\/button>\n\n\n\n      <!-- TOP SMALL -->\n\n      <button\n        class=\"fz-f3e-grid-item\"\n        type=\"button\"\n        data-f3e-open=\"3\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_154149-1-scaled.jpg\"\n          alt=\"Farizon F3E working truck\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span class=\"fz-f3e-grid-label\">\n          Working Vehicle\n        <\/span>\n\n      <\/button>\n\n\n\n      <!-- LOWER WIDE -->\n\n      <button\n        class=\"fz-f3e-grid-item fz-f3e-grid-wide\"\n        type=\"button\"\n        data-f3e-open=\"5\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-19-at-11.26.12-AM.jpg\"\n          alt=\"Farizon F3E commercial application\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span class=\"fz-f3e-grid-label\">\n          Real-World Application\n        <\/span>\n\n      <\/button>\n\n\n\n      <!-- LAST \/ VIEW ALL -->\n\n      <button\n        class=\"fz-f3e-grid-item fz-f3e-grid-more\"\n        type=\"button\"\n        data-f3e-open=\"6\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-19-at-11.26.28-AM.jpg\"\n          alt=\"Farizon F3E gallery\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <div class=\"fz-f3e-more-overlay\">\n\n          <strong>\n            08\n          <\/strong>\n\n          <span>\n            View All Photos\n          <\/span>\n\n          <b>\n            \u2197\n          <\/b>\n\n        <\/div>\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         BOTTOM PRODUCT CTA\n    ====================================================== -->\n\n    <div class=\"fz-f3e-bottom\">\n\n      <div>\n\n        <span>\n          Farizon Commercial Mobility\n        <\/span>\n\n        <strong>\n          Discover the F3E beyond the gallery.\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"fz-f3e-bottom-actions\">\n\n        <button\n          type=\"button\"\n          data-f3e-open=\"0\">\n\n          View All Images\n\n          <span>\n            \u2192\n          <\/span>\n\n        <\/button>\n\n\n        <a href=\"\/new\/f3e\/\">\n\n          Explore F3E\n\n          <span>\n            \u2197\n          <\/span>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     F3E FULLSCREEN LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"fz-f3e-lightbox\"\n  id=\"fz-f3e-lightbox\"\n  aria-hidden=\"true\">\n\n\n  <div class=\"fz-f3e-lightbox-bg\"><\/div>\n\n\n  <div\n    class=\"fz-f3e-lightbox-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Farizon F3E Gallery\">\n\n\n    <!-- TOP -->\n\n    <div class=\"fz-f3e-lightbox-top\">\n\n      <div>\n\n        <span>\n          Farizon Electric Commercial Truck\n        <\/span>\n\n        <h3>\n          F3E\n        <\/h3>\n\n      <\/div>\n\n\n      <div class=\"fz-f3e-lightbox-actions\">\n\n        <div class=\"fz-f3e-counter\">\n\n          <strong id=\"fz-f3e-current\">\n            01\n          <\/strong>\n\n          <i><\/i>\n\n          <span>\n            08\n          <\/span>\n\n        <\/div>\n\n\n        <button\n          class=\"fz-f3e-close\"\n          id=\"fz-f3e-close\"\n          type=\"button\"\n          aria-label=\"Close gallery\">\n\n          \u00d7\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- IMAGE STAGE -->\n\n    <div\n      class=\"fz-f3e-stage\"\n      id=\"fz-f3e-stage\">\n\n\n      <button\n        class=\"fz-f3e-nav fz-f3e-prev\"\n        id=\"fz-f3e-prev\"\n        type=\"button\"\n        aria-label=\"Previous image\">\n\n        \u2039\n\n      <\/button>\n\n\n      <div class=\"fz-f3e-main-image-wrap\">\n\n        <img decoding=\"async\"\n          id=\"fz-f3e-main-image\"\n          class=\"fz-f3e-main-image\"\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_153428-scaled.jpg\"\n          alt=\"Farizon F3E gallery image\">\n\n      <\/div>\n\n\n      <button\n        class=\"fz-f3e-nav fz-f3e-next\"\n        id=\"fz-f3e-next\"\n        type=\"button\"\n        aria-label=\"Next image\">\n\n        \u203a\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <!-- BOTTOM -->\n\n    <div class=\"fz-f3e-lightbox-bottom\">\n\n      <div class=\"fz-f3e-lightbox-copy\">\n\n        <strong>\n          Farizon F3E\n        <\/strong>\n\n        <span>\n          Swipe or use arrows to explore\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"fz-f3e-thumbs\">\n\n\n        <button\n          class=\"fz-f3e-thumb is-active\"\n          type=\"button\"\n          data-f3e-index=\"0\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_153428-scaled.jpg\"\n            alt=\"F3E thumbnail 1\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-f3e-thumb\"\n          type=\"button\"\n          data-f3e-index=\"1\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_154008-1-scaled.jpg\"\n            alt=\"F3E thumbnail 2\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-f3e-thumb\"\n          type=\"button\"\n          data-f3e-index=\"2\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_153813-scaled.jpg\"\n            alt=\"F3E thumbnail 3\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-f3e-thumb\"\n          type=\"button\"\n          data-f3e-index=\"3\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_154149-1-scaled.jpg\"\n            alt=\"F3E thumbnail 4\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-f3e-thumb\"\n          type=\"button\"\n          data-f3e-index=\"4\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_154128-1-scaled.jpg\"\n            alt=\"F3E thumbnail 5\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-f3e-thumb\"\n          type=\"button\"\n          data-f3e-index=\"5\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-19-at-11.26.12-AM.jpg\"\n            alt=\"F3E thumbnail 6\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-f3e-thumb\"\n          type=\"button\"\n          data-f3e-index=\"6\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-19-at-11.26.28-AM.jpg\"\n            alt=\"F3E thumbnail 7\">\n\n        <\/button>\n\n\n        <button\n          class=\"fz-f3e-thumb\"\n          type=\"button\"\n          data-f3e-index=\"7\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-19-at-11.26.29-AM.jpg\"\n            alt=\"F3E thumbnail 8\">\n\n        <\/button>\n\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   FARIZON F3E\n========================================================= *\/\n\n.fz-f3e-gallery {\n  --orange: #ff6433;\n  --orange-dark: #e95428;\n  --navy: #263648;\n  --navy-light: #34465b;\n  --deep: #192633;\n  --text: #5d6672;\n  --muted: #929aa3;\n  --line: #e3e7eb;\n\n  width: 100%;\n\n  padding: 105px 24px;\n\n  background: transparent;\n\n  font-family: Inter, Arial, sans-serif;\n\n  box-sizing: border-box;\n}\n\n\n.fz-f3e-gallery *,\n.fz-f3e-gallery *::before,\n.fz-f3e-gallery *::after,\n.fz-f3e-lightbox *,\n.fz-f3e-lightbox *::before,\n.fz-f3e-lightbox *::after {\n  box-sizing: border-box;\n}\n\n\n.fz-f3e-inner {\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.fz-f3e-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(350px,.7fr);\n\n  gap: 80px;\n\n  align-items: end;\n\n  margin-bottom: 42px;\n}\n\n\n.fz-f3e-eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 11px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-f3e-eyebrow::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--orange);\n}\n\n\n.fz-f3e-title {\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size: clamp(50px,5.7vw,77px);\n  font-weight: 700;\n\n  line-height: .96;\n\n  letter-spacing: -2.5px;\n}\n\n\n.fz-f3e-head-right {\n  max-width: 490px;\n}\n\n\n.fz-f3e-head-right strong {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--navy);\n\n  font-size: 16px;\n  font-weight: 600;\n\n  line-height: 1.6;\n}\n\n\n.fz-f3e-head-right p {\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 13px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   MAIN SHOWCASE\n========================================================= *\/\n\n.fz-f3e-showcase {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.48fr)\n    minmax(310px,.52fr);\n\n  min-height: 610px;\n\n  overflow: hidden;\n\n  border-radius: 17px;\n\n  background: var(--navy);\n}\n\n\n\/* =========================================================\n   HERO IMAGE\n========================================================= *\/\n\n.fz-f3e-main {\n  position: relative;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n\n  background: #dfe3e7;\n\n  cursor: pointer;\n}\n\n\n.fz-f3e-main img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform .75s ease,\n    filter .35s ease;\n}\n\n\n.fz-f3e-main:hover img {\n  transform: scale(1.027);\n\n  filter: brightness(.95);\n}\n\n\n.fz-f3e-main-shade {\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      0deg,\n      rgba(18,29,40,.77) 0%,\n      rgba(18,29,40,.23) 34%,\n      transparent 59%\n    );\n}\n\n\n.fz-f3e-main-copy {\n  position: absolute;\n\n  z-index: 3;\n\n  left: 31px;\n  bottom: 28px;\n\n  max-width: 550px;\n\n  text-align: left;\n}\n\n\n.fz-f3e-main-copy span {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-f3e-main-copy h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 34px;\n  font-weight: 700;\n\n  line-height: 1.12;\n\n  letter-spacing: -.8px;\n}\n\n\n.fz-f3e-view {\n  position: absolute;\n\n  z-index: 3;\n\n  top: 19px;\n  right: 19px;\n\n  padding: 9px 12px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  border-radius: 5px;\n\n  background: rgba(38,54,72,.88);\n\n  backdrop-filter: blur(7px);\n\n  color: #ffffff;\n\n  font-size: 10px;\n  font-weight: 700;\n}\n\n\n.fz-f3e-view b {\n  color: var(--orange);\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   PRODUCT PANEL\n========================================================= *\/\n\n.fz-f3e-panel {\n  padding: 43px 32px 32px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  background:\n    linear-gradient(\n      150deg,\n      #34465b 0%,\n      #263648 57%,\n      #202f40 100%\n    );\n}\n\n\n.fz-f3e-index {\n  display: block;\n\n  margin-bottom: 13px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n\n.fz-f3e-category {\n  display: block;\n\n  margin-bottom: 9px;\n\n  color: rgba(255,255,255,.42);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-f3e-panel h3 {\n  margin: 0 0 13px;\n\n  color: #ffffff;\n\n  font-size: 43px;\n  font-weight: 700;\n\n  line-height: 1;\n\n  letter-spacing: -1.4px;\n}\n\n\n.fz-f3e-panel-top p {\n  margin: 0;\n\n  color: rgba(255,255,255,.63);\n\n  font-size: 12px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   APPLICATIONS\n========================================================= *\/\n\n.fz-f3e-applications {\n  margin-top: 34px;\n\n  border-top: 1px solid rgba(255,255,255,.12);\n}\n\n\n.fz-f3e-application {\n  display: grid;\n\n  grid-template-columns: 38px 1fr;\n\n  gap: 10px;\n\n  padding: 14px 0;\n\n  border-bottom: 1px solid rgba(255,255,255,.10);\n}\n\n\n.fz-f3e-application > span {\n  padding-top: 1px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n\n.fz-f3e-application strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 600;\n}\n\n\n.fz-f3e-application small {\n  display: block;\n\n  color: rgba(255,255,255,.43);\n\n  font-size: 9px;\n\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   PANEL FOOTER\n========================================================= *\/\n\n.fz-f3e-panel-footer {\n  margin-top: auto;\n\n  padding-top: 30px;\n\n  display: flex;\n\n  align-items: flex-end;\n\n  justify-content: space-between;\n\n  gap: 14px;\n}\n\n\n.fz-f3e-count strong {\n  display: block;\n\n  color: #ffffff;\n\n  font-size: 29px;\n\n  line-height: 1;\n}\n\n\n.fz-f3e-count span {\n  display: block;\n\n  margin-top: 3px;\n\n  color: rgba(255,255,255,.35);\n\n  font-size: 8px;\n\n  letter-spacing: .7px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-f3e-open {\n  padding: 0 0 7px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  border: 0;\n\n  border-bottom: 2px solid var(--orange);\n\n  background: transparent;\n\n  color: #ffffff;\n\n  font-family: inherit;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  cursor: pointer;\n\n  transition:\n    gap .2s ease,\n    color .2s ease;\n}\n\n\n.fz-f3e-open span {\n  color: var(--orange);\n\n  font-size: 15px;\n}\n\n\n.fz-f3e-open:hover {\n  gap: 13px;\n\n  color: var(--orange);\n}\n\n\n\/* =========================================================\n   INDUSTRIAL IMAGE GRID\n========================================================= *\/\n\n.fz-f3e-grid {\n  margin-top: 8px;\n\n  display: grid;\n\n  grid-template-columns:\n    1.25fr\n    .75fr\n    .75fr;\n\n  grid-template-rows:\n    205px\n    205px;\n\n  gap: 7px;\n}\n\n\n.fz-f3e-grid-item {\n  position: relative;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n\n  border-radius: 8px;\n\n  background: #dfe3e7;\n\n  cursor: pointer;\n}\n\n\n.fz-f3e-grid-large {\n  grid-row: 1 \/ 3;\n}\n\n\n.fz-f3e-grid-wide {\n  grid-column: 2 \/ 4;\n}\n\n\n.fz-f3e-grid-more {\n  display: none;\n}\n\n\n.fz-f3e-grid-item img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform .55s ease,\n    filter .3s ease;\n}\n\n\n.fz-f3e-grid-item:hover img {\n  transform: scale(1.04);\n\n  filter: brightness(.9);\n}\n\n\n.fz-f3e-grid-label {\n  position: absolute;\n\n  z-index: 3;\n\n  left: 11px;\n  bottom: 10px;\n\n  padding: 6px 8px;\n\n  border-radius: 4px;\n\n  background: rgba(38,54,72,.86);\n\n  backdrop-filter: blur(5px);\n\n  color: #ffffff;\n\n  font-size: 9px;\n  font-weight: 650;\n}\n\n\n\/* =========================================================\n   ADD VIEW-ALL CARD ON LARGE SCREEN\n========================================================= *\/\n\n@media (min-width: 1180px) {\n\n  .fz-f3e-grid {\n    grid-template-columns:\n      1.25fr\n      .72fr\n      .72fr\n      .55fr;\n  }\n\n\n  .fz-f3e-grid-large {\n    grid-column: 1;\n  }\n\n\n  .fz-f3e-grid-wide {\n    grid-column: 2 \/ 4;\n  }\n\n\n  .fz-f3e-grid-more {\n    display: block;\n\n    grid-column: 4;\n\n    grid-row: 1 \/ 3;\n  }\n\n\n  .fz-f3e-more-overlay {\n    position: absolute;\n\n    inset: 0;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    background: rgba(25,38,51,.67);\n\n    color: #ffffff;\n  }\n\n\n  .fz-f3e-more-overlay strong {\n    font-size: 33px;\n\n    line-height: 1;\n  }\n\n\n  .fz-f3e-more-overlay span {\n    margin-top: 6px;\n\n    max-width: 90px;\n\n    font-size: 9px;\n\n    line-height: 1.35;\n\n    letter-spacing: .7px;\n\n    text-transform: uppercase;\n  }\n\n\n  .fz-f3e-more-overlay b {\n    margin-top: 17px;\n\n    color: var(--orange);\n\n    font-size: 17px;\n  }\n\n}\n\n\n\/* =========================================================\n   BOTTOM CTA\n========================================================= *\/\n\n.fz-f3e-bottom {\n  margin-top: 28px;\n\n  padding-top: 21px;\n\n  border-top: 1px solid var(--line);\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n\n.fz-f3e-bottom > div:first-child span {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-f3e-bottom > div:first-child strong {\n  color: var(--navy);\n\n  font-size: 14px;\n  font-weight: 600;\n}\n\n\n.fz-f3e-bottom-actions {\n  display: flex;\n\n  align-items: center;\n\n  gap: 28px;\n}\n\n\n.fz-f3e-bottom-actions button,\n.fz-f3e-bottom-actions a {\n  padding: 0;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  border: 0;\n\n  background: transparent;\n\n  color: var(--navy);\n\n  font-family: inherit;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  text-decoration: none;\n\n  cursor: pointer;\n\n  transition:\n    color .2s ease,\n    gap .2s ease;\n}\n\n\n.fz-f3e-bottom-actions button span,\n.fz-f3e-bottom-actions a span {\n  color: var(--orange);\n\n  font-size: 14px;\n}\n\n\n.fz-f3e-bottom-actions button:hover,\n.fz-f3e-bottom-actions a:hover {\n  gap: 12px;\n\n  color: var(--orange);\n}\n\n\n\/* =========================================================\n   FULLSCREEN LIGHTBOX\n========================================================= *\/\n\n.fz-f3e-lightbox {\n  position: fixed;\n\n  z-index: 999999;\n\n  inset: 0;\n\n  display: none;\n\n  font-family: Inter, Arial, sans-serif;\n}\n\n\n.fz-f3e-lightbox.is-open {\n  display: block;\n}\n\n\n.fz-f3e-lightbox-bg {\n  position: absolute;\n\n  inset: 0;\n\n  background: rgba(9,15,22,.96);\n\n  backdrop-filter: blur(14px);\n}\n\n\n.fz-f3e-lightbox-panel {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  height: 100%;\n\n  padding:\n    24px\n    32px\n    22px;\n\n  display: grid;\n\n  grid-template-rows:\n    auto\n    minmax(0,1fr)\n    auto;\n\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   LIGHTBOX TOP\n========================================================= *\/\n\n.fz-f3e-lightbox-top {\n  width: 100%;\n  max-width: 1500px;\n\n  margin:\n    0\n    auto\n    16px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 20px;\n}\n\n\n.fz-f3e-lightbox-top > div:first-child > span {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-f3e-lightbox-top h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 21px;\n  font-weight: 650;\n}\n\n\n.fz-f3e-lightbox-actions {\n  display: flex;\n\n  align-items: center;\n\n  gap: 23px;\n}\n\n\n.fz-f3e-counter {\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: rgba(255,255,255,.45);\n\n  font-size: 10px;\n}\n\n\n.fz-f3e-counter strong {\n  color: #ffffff;\n}\n\n\n.fz-f3e-counter i {\n  width: 20px;\n  height: 1px;\n\n  background: rgba(255,255,255,.25);\n}\n\n\n.fz-f3e-close {\n  width: 43px;\n  height: 43px;\n\n  padding: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid rgba(255,255,255,.17);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 27px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-f3e-close:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   LIGHTBOX IMAGE STAGE\n========================================================= *\/\n\n.fz-f3e-stage {\n  position: relative;\n\n  width: 100%;\n  max-width: 1500px;\n\n  min-height: 0;\n\n  margin: 0 auto;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n}\n\n\n.fz-f3e-main-image-wrap {\n  width: calc(100% - 130px);\n  height: 100%;\n\n  min-height: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n}\n\n\n.fz-f3e-main-image {\n  display: block;\n\n  max-width: 100%;\n  max-height: 100%;\n\n  width: auto;\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  animation: fzF3EIn .27s ease;\n}\n\n\n@keyframes fzF3EIn {\n\n  from {\n    opacity: .4;\n    transform: scale(.986);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n}\n\n\n\/* =========================================================\n   ARROWS\n========================================================= *\/\n\n.fz-f3e-nav {\n  position: absolute;\n\n  z-index: 3;\n\n  top: 50%;\n\n  width: 48px;\n  height: 48px;\n\n  padding: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  transform: translateY(-50%);\n\n  border: 1px solid rgba(255,255,255,.16);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.05);\n\n  color: #ffffff;\n\n  font-size: 34px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-f3e-nav:hover {\n  background: var(--orange);\n\n  border-color: var(--orange);\n}\n\n\n.fz-f3e-prev {\n  left: 0;\n}\n\n\n.fz-f3e-next {\n  right: 0;\n}\n\n\n\/* =========================================================\n   LIGHTBOX BOTTOM\n========================================================= *\/\n\n.fz-f3e-lightbox-bottom {\n  width: 100%;\n  max-width: 1500px;\n\n  margin:\n    15px\n    auto\n    0;\n\n  display: grid;\n\n  grid-template-columns:\n    220px\n    minmax(0,1fr);\n\n  gap: 25px;\n\n  align-items: center;\n}\n\n\n.fz-f3e-lightbox-copy strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 11px;\n}\n\n\n.fz-f3e-lightbox-copy span {\n  color: rgba(255,255,255,.38);\n\n  font-size: 9px;\n}\n\n\n\/* =========================================================\n   THUMBNAILS\n========================================================= *\/\n\n.fz-f3e-thumbs {\n  min-width: 0;\n\n  display: flex;\n\n  justify-content: flex-end;\n\n  gap: 8px;\n\n  overflow-x: auto;\n\n  scrollbar-width: none;\n}\n\n\n.fz-f3e-thumbs::-webkit-scrollbar {\n  display: none;\n}\n\n\n.fz-f3e-thumb {\n  flex: 0 0 86px;\n\n  width: 86px;\n  height: 58px;\n\n  padding: 2px;\n\n  overflow: hidden;\n\n  border: 1px solid transparent;\n\n  border-radius: 6px;\n\n  background: transparent;\n\n  opacity: .52;\n\n  cursor: pointer;\n\n  transition:\n    opacity .2s ease,\n    border-color .2s ease;\n}\n\n\n.fz-f3e-thumb img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  border-radius: 4px;\n}\n\n\n.fz-f3e-thumb:hover {\n  opacity: .9;\n}\n\n\n.fz-f3e-thumb.is-active {\n  opacity: 1;\n\n  border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-f3e-gallery {\n    padding:\n      85px\n      24px;\n  }\n\n\n  .fz-f3e-head {\n    gap: 45px;\n  }\n\n\n  .fz-f3e-showcase {\n    grid-template-columns:\n      minmax(0,1.3fr)\n      minmax(290px,.7fr);\n\n    min-height: 550px;\n  }\n\n\n  .fz-f3e-panel {\n    padding:\n      35px\n      25px\n      27px;\n  }\n\n\n  .fz-f3e-grid {\n    grid-template-rows:\n      175px\n      175px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .fz-f3e-gallery {\n    padding:\n      67px\n      16px;\n\n    background: transparent;\n  }\n\n\n  \/* HEADER *\/\n\n  .fz-f3e-head {\n    display: block;\n\n    margin-bottom: 29px;\n  }\n\n\n  .fz-f3e-title {\n    font-size: 48px;\n\n    letter-spacing: -1.5px;\n  }\n\n\n  .fz-f3e-head-right {\n    max-width: none;\n\n    margin-top: 18px;\n  }\n\n\n  .fz-f3e-head-right strong {\n    font-size: 15px;\n  }\n\n\n  \/* MAIN *\/\n\n  .fz-f3e-showcase {\n    display: flex;\n\n    flex-direction: column;\n\n    min-height: 0;\n\n    border-radius: 13px;\n  }\n\n\n  .fz-f3e-main {\n    height: 430px;\n  }\n\n\n  .fz-f3e-main-copy {\n    left: 20px;\n    right: 20px;\n    bottom: 21px;\n\n    max-width: none;\n  }\n\n\n  .fz-f3e-main-copy h3 {\n    font-size: 28px;\n  }\n\n\n  .fz-f3e-view {\n    top: 13px;\n    right: 13px;\n  }\n\n\n  \/* PANEL *\/\n\n  .fz-f3e-panel {\n    padding:\n      29px\n      22px\n      27px;\n  }\n\n\n  .fz-f3e-panel h3 {\n    font-size: 39px;\n  }\n\n\n  .fz-f3e-applications {\n    margin-top: 27px;\n  }\n\n\n  .fz-f3e-panel-footer {\n    margin-top: 27px;\n  }\n\n\n  \/* IMAGE GRID *\/\n\n  .fz-f3e-grid {\n    margin-top: 6px;\n\n    display: grid;\n\n    grid-template-columns:\n      1fr\n      1fr;\n\n    grid-template-rows: none;\n\n    gap: 5px;\n  }\n\n\n  .fz-f3e-grid-item,\n  .fz-f3e-grid-large,\n  .fz-f3e-grid-wide {\n    grid-column: auto;\n    grid-row: auto;\n\n    height: 155px;\n  }\n\n\n  .fz-f3e-grid-large {\n    grid-column: 1 \/ 3;\n\n    height: 255px;\n  }\n\n\n  .fz-f3e-grid-wide {\n    grid-column: 1 \/ 3;\n\n    height: 180px;\n  }\n\n\n  .fz-f3e-grid-more {\n    display: block;\n\n    grid-column: auto;\n    grid-row: auto;\n\n    height: 155px;\n  }\n\n\n  .fz-f3e-more-overlay {\n    position: absolute;\n\n    inset: 0;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    background: rgba(25,38,51,.66);\n\n    color: #ffffff;\n  }\n\n\n  .fz-f3e-more-overlay strong {\n    font-size: 28px;\n\n    line-height: 1;\n  }\n\n\n  .fz-f3e-more-overlay span {\n    margin-top: 5px;\n\n    font-size: 8px;\n\n    letter-spacing: .6px;\n\n    text-transform: uppercase;\n  }\n\n\n  .fz-f3e-more-overlay b {\n    margin-top: 10px;\n\n    color: var(--orange);\n\n    font-size: 15px;\n  }\n\n\n  \/* BOTTOM *\/\n\n  .fz-f3e-bottom {\n    display: block;\n\n    margin-top: 23px;\n  }\n\n\n  .fz-f3e-bottom-actions {\n    margin-top: 18px;\n\n    gap: 23px;\n\n    flex-wrap: wrap;\n  }\n\n\n  \/* LIGHTBOX *\/\n\n  .fz-f3e-lightbox-panel {\n    padding:\n      15px\n      14px\n      13px;\n  }\n\n\n  .fz-f3e-lightbox-top {\n    margin-bottom: 10px;\n  }\n\n\n  .fz-f3e-lightbox-top h3 {\n    font-size: 17px;\n  }\n\n\n  .fz-f3e-lightbox-actions {\n    gap: 12px;\n  }\n\n\n  .fz-f3e-close {\n    width: 40px;\n    height: 40px;\n\n    font-size: 25px;\n  }\n\n\n  .fz-f3e-main-image-wrap {\n    width: 100%;\n  }\n\n\n  .fz-f3e-nav {\n    display: none;\n  }\n\n\n  .fz-f3e-lightbox-bottom {\n    display: block;\n\n    margin-top: 10px;\n  }\n\n\n  .fz-f3e-lightbox-copy {\n    display: none;\n  }\n\n\n  .fz-f3e-thumbs {\n    justify-content: flex-start;\n\n    gap: 6px;\n  }\n\n\n  .fz-f3e-thumb {\n    flex-basis: 72px;\n\n    width: 72px;\n    height: 50px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .fz-f3e-gallery {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n\n\n  .fz-f3e-title {\n    font-size: 43px;\n  }\n\n\n  .fz-f3e-main {\n    height: 390px;\n  }\n\n\n  .fz-f3e-panel {\n    padding-left: 19px;\n    padding-right: 19px;\n  }\n\n\n  .fz-f3e-grid-large {\n    height: 225px;\n  }\n\n\n  .fz-f3e-grid-item,\n  .fz-f3e-grid-more {\n    height: 140px;\n  }\n\n\n  .fz-f3e-grid-wide {\n    height: 165px;\n  }\n\n}\n<\/style>\n\n\n\n<script>\n(function () {\n\n  const images = [\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_153428-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_154008-1-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_153813-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_154149-1-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/IMG_20260622_154128-1-scaled.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-19-at-11.26.12-AM.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-19-at-11.26.28-AM.jpg\",\n\n    \"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-08-19-at-11.26.29-AM.jpg\"\n\n  ];\n\n\n  const lightbox =\n    document.getElementById(\n      \"fz-f3e-lightbox\"\n    );\n\n\n  const mainImage =\n    document.getElementById(\n      \"fz-f3e-main-image\"\n    );\n\n\n  const currentLabel =\n    document.getElementById(\n      \"fz-f3e-current\"\n    );\n\n\n  const closeButton =\n    document.getElementById(\n      \"fz-f3e-close\"\n    );\n\n\n  const previousButton =\n    document.getElementById(\n      \"fz-f3e-prev\"\n    );\n\n\n  const nextButton =\n    document.getElementById(\n      \"fz-f3e-next\"\n    );\n\n\n  const stage =\n    document.getElementById(\n      \"fz-f3e-stage\"\n    );\n\n\n  const openButtons =\n    document.querySelectorAll(\n      \"[data-f3e-open]\"\n    );\n\n\n  const thumbs =\n    Array.from(\n      document.querySelectorAll(\n        \".fz-f3e-thumb\"\n      )\n    );\n\n\n  if (\n    !lightbox ||\n    !mainImage ||\n    !currentLabel\n  ) {\n    return;\n  }\n\n\n  let current = 0;\n\n  let startX = 0;\n\n  let endX = 0;\n\n  let oldOverflow = \"\";\n\n\n  \/* =====================================================\n     DISPLAY IMAGE\n  ===================================================== *\/\n\n  function show(index) {\n\n    if (index < 0) {\n\n      index = images.length - 1;\n\n    }\n\n\n    if (index >= images.length) {\n\n      index = 0;\n\n    }\n\n\n    current = index;\n\n\n    mainImage.style.animation =\n      \"none\";\n\n\n    mainImage.offsetHeight;\n\n\n    mainImage.style.animation =\n      \"\";\n\n\n    mainImage.src =\n      images[current];\n\n\n    mainImage.alt =\n      \"Farizon F3E gallery image \" +\n      (current + 1);\n\n\n    currentLabel.textContent =\n      String(current + 1)\n      .padStart(2, \"0\");\n\n\n    thumbs.forEach(\n      function (thumb, index) {\n\n        thumb.classList.toggle(\n          \"is-active\",\n          index === current\n        );\n\n      }\n    );\n\n\n    if (\n      thumbs[current] &&\n      window.innerWidth <= 767\n    ) {\n\n      thumbs[current]\n      .scrollIntoView({\n\n        behavior: \"smooth\",\n\n        block: \"nearest\",\n\n        inline: \"center\"\n\n      });\n\n    }\n\n  }\n\n\n  \/* =====================================================\n     OPEN\n  ===================================================== *\/\n\n  function open(index) {\n\n    oldOverflow =\n      document.body.style.overflow;\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n\n    show(index);\n\n\n    setTimeout(\n      function () {\n\n        closeButton.focus();\n\n      },\n      50\n    );\n\n  }\n\n\n  \/* =====================================================\n     CLOSE\n  ===================================================== *\/\n\n  function close() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      oldOverflow;\n\n  }\n\n\n  \/* =====================================================\n     OPEN BUTTONS\n  ===================================================== *\/\n\n  openButtons.forEach(\n    function (button) {\n\n      button.addEventListener(\n        \"click\",\n        function () {\n\n          const index =\n            parseInt(\n              button.getAttribute(\n                \"data-f3e-open\"\n              ),\n              10\n            ) || 0;\n\n\n          open(index);\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =====================================================\n     THUMBNAILS\n  ===================================================== *\/\n\n  thumbs.forEach(\n    function (thumb) {\n\n      thumb.addEventListener(\n        \"click\",\n        function () {\n\n          show(\n            parseInt(\n              thumb.getAttribute(\n                \"data-f3e-index\"\n              ),\n              10\n            )\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =====================================================\n     PREVIOUS \/ NEXT\n  ===================================================== *\/\n\n  previousButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current - 1);\n\n    }\n  );\n\n\n  nextButton.addEventListener(\n    \"click\",\n    function () {\n\n      show(current + 1);\n\n    }\n  );\n\n\n  \/* =====================================================\n     CLOSE BUTTON\n  ===================================================== *\/\n\n  closeButton.addEventListener(\n    \"click\",\n    close\n  );\n\n\n  \/* =====================================================\n     BACKDROP CLOSE\n  ===================================================== *\/\n\n  lightbox\n    .querySelector(\n      \".fz-f3e-lightbox-bg\"\n    )\n    .addEventListener(\n      \"click\",\n      close\n    );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ===================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) {\n        return;\n      }\n\n\n      if (event.key === \"Escape\") {\n\n        close();\n\n      }\n\n\n      if (event.key === \"ArrowLeft\") {\n\n        show(current - 1);\n\n      }\n\n\n      if (event.key === \"ArrowRight\") {\n\n        show(current + 1);\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     MOBILE SWIPE\n  ===================================================== *\/\n\n  stage.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      startX =\n        event\n        .changedTouches[0]\n        .screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  stage.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      endX =\n        event\n        .changedTouches[0]\n        .screenX;\n\n\n      const difference =\n        startX - endX;\n\n\n      if (\n        Math.abs(difference) < 45\n      ) {\n        return;\n      }\n\n\n      if (difference > 0) {\n\n        show(current + 1);\n\n      } else {\n\n        show(current - 1);\n\n      }\n\n    },\n    {\n      passive: true\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<!-- =========================================================\n     FARIZON GALLERY\n     FINAL POLISH + CLOSING CTA\n========================================================= -->\n\n<section class=\"fz-gallery-closing\">\n\n  <div class=\"fz-gallery-closing-bg\"><\/div>\n\n  <div class=\"fz-gallery-closing-inner\">\n\n\n    <!-- LEFT -->\n\n    <div class=\"fz-gallery-closing-copy\">\n\n      <div class=\"fz-gallery-closing-eyebrow\">\n        Experience Farizon\n      <\/div>\n\n      <h2>\n        Seen the Gallery?\n        <span>Now Experience Farizon.<\/span>\n      <\/h2>\n\n      <p>\n        Discover which Farizon electric commercial vehicle,\n        passenger configuration or specialised solution fits\n        your business requirements in Singapore.\n      <\/p>\n\n\n      <!-- ACTIONS -->\n\n      <div class=\"fz-gallery-closing-actions\">\n\n        <a class=\"fz-gallery-primary\" href=\"https:\/\/app.peppercloud.com\/form\/4f15ac08-228d-46d1-8691-0d21e8ecd7df\" target=\"_blank\" rel=\"noopener\">\n\n          Book a Test Drive\n\n          <span>\u2197<\/span>\n\n        <\/a>\n\n\n        <a\n          class=\"fz-gallery-secondary\"\n          href=\"tel:+6580308030\">\n\n          Speak to Farizon\n\n          <span>\u2192<\/span>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- RIGHT -->\n\n    <div class=\"fz-gallery-closing-info\">\n\n\n      <div class=\"fz-gallery-closing-item\">\n\n        <span class=\"fz-gallery-closing-number\">\n          01\n        <\/span>\n\n        <div>\n\n          <strong>\n            Vehicle Consultation\n          <\/strong>\n\n          <p>\n            Find the right electric van or truck\n            for your commercial operation.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <div class=\"fz-gallery-closing-item\">\n\n        <span class=\"fz-gallery-closing-number\">\n          02\n        <\/span>\n\n        <div>\n\n          <strong>\n            Passenger &amp; Specialised Applications\n          <\/strong>\n\n          <p>\n            Discuss passenger, wheelchair,\n            ambulance and conversion requirements.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <div class=\"fz-gallery-closing-item\">\n\n        <span class=\"fz-gallery-closing-number\">\n          03\n        <\/span>\n\n        <div>\n\n          <strong>\n            Local Farizon Support\n          <\/strong>\n\n          <p>\n            Connect with Farizon Singapore\n            for vehicle enquiries and local support.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CONTACT -->\n\n      <div class=\"fz-gallery-contact\">\n\n        <span>\n          Farizon Singapore\n        <\/span>\n\n        <a href=\"tel:+6580308030\">\n          +65 8030 8030\n        <\/a>\n\n        <a href=\"mailto:marketing@hongseh.sg\">\n          marketing@hongseh.sg\n        <\/a>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\/* =========================================================\n   FINAL GLOBAL GALLERY POLISH\n   SAFE OVERRIDES\n========================================================= *\/\n\n.fz-sv6-gallery,\n.fz-fr14-gallery,\n.fz-school-gallery,\n.fz-wheel-gallery,\n.fz-ambulance-gallery,\n.fz-v7e-gallery,\n.fz-f3e-gallery {\n  position: relative;\n\n  scroll-margin-top: 90px;\n}\n\n\n\/* =========================================================\n   CLEANER IMAGE RENDERING\n========================================================= *\/\n\n.fz-sv6-gallery img,\n.fz-fr14-gallery img,\n.fz-school-gallery img,\n.fz-wheel-gallery img,\n.fz-ambulance-gallery img,\n.fz-v7e-gallery img,\n.fz-f3e-gallery img {\n  image-rendering: auto;\n\n  -webkit-backface-visibility: hidden;\n\n  backface-visibility: hidden;\n}\n\n\n\/* =========================================================\n   CONSISTENT KEYBOARD FOCUS\n========================================================= *\/\n\n.fz-sv6-gallery button:focus-visible,\n.fz-fr14-gallery button:focus-visible,\n.fz-school-gallery button:focus-visible,\n.fz-wheel-gallery button:focus-visible,\n.fz-ambulance-gallery button:focus-visible,\n.fz-v7e-gallery button:focus-visible,\n.fz-f3e-gallery button:focus-visible,\n.fz-gallery-closing a:focus-visible {\n  outline: 2px solid #ff6433;\n\n  outline-offset: 4px;\n}\n\n\n\/* =========================================================\n   CLOSING SECTION\n========================================================= *\/\n\n.fz-gallery-closing {\n  --orange: #ff6433;\n  --orange-hover: #e95428;\n  --navy: #263648;\n  --deep: #182532;\n\n  position: relative;\n\n  width: 100vw;\n  max-width: 100vw;\n\n  left: 50%;\n\n  margin-left: -50vw;\n  margin-right: -50vw;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #263648 0%,\n      #1c2a39 55%,\n      #17232f 100%\n    );\n\n  font-family: Inter, Arial, sans-serif;\n\n  box-sizing: border-box;\n}\n\n\n.fz-gallery-closing *,\n.fz-gallery-closing *::before,\n.fz-gallery-closing *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SUBTLE BACKGROUND DETAIL\n========================================================= *\/\n\n.fz-gallery-closing-bg {\n  position: absolute;\n\n  inset: 0;\n\n  pointer-events: none;\n}\n\n\n.fz-gallery-closing-bg::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 520px;\n  height: 520px;\n\n  right: -190px;\n  top: -230px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(255,255,255,.06);\n}\n\n\n.fz-gallery-closing-bg::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 340px;\n  height: 340px;\n\n  left: -160px;\n  bottom: -190px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.09) 0%,\n      rgba(255,100,51,0) 70%\n    );\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.fz-gallery-closing-inner {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n\n  padding:\n    100px\n    40px;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.08fr)\n    minmax(360px,.72fr);\n\n  gap: 100px;\n\n  align-items: center;\n}\n\n\n\/* =========================================================\n   LEFT\n========================================================= *\/\n\n.fz-gallery-closing-eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 16px;\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.fz-gallery-closing-eyebrow::before {\n  content: \"\";\n\n  width: 29px;\n  height: 2px;\n\n  background: var(--orange);\n}\n\n\n.fz-gallery-closing-copy h2 {\n  max-width: 690px;\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(43px,4.7vw,64px);\n\n  font-weight: 700;\n\n  line-height: 1.04;\n\n  letter-spacing: -1.7px;\n}\n\n\n.fz-gallery-closing-copy h2 span {\n  display: block;\n\n  color: rgba(255,255,255,.62);\n}\n\n\n.fz-gallery-closing-copy > p {\n  max-width: 580px;\n\n  margin:\n    22px\n    0\n    0;\n\n  color: rgba(255,255,255,.63);\n\n  font-size: 14px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.fz-gallery-closing-actions {\n  margin-top: 34px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 15px;\n\n  flex-wrap: wrap;\n}\n\n\n.fz-gallery-primary {\n  min-height: 48px;\n\n  padding:\n    0\n    21px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 10px;\n\n  border-radius: 5px;\n\n  background: var(--orange);\n\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 700;\n\n  text-decoration: none;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n\n.fz-gallery-primary span {\n  font-size: 15px;\n}\n\n\n.fz-gallery-primary:hover {\n  background: var(--orange-hover);\n\n  transform: translateY(-1px);\n\n  color: #ffffff;\n}\n\n\n.fz-gallery-secondary {\n  min-height: 48px;\n\n  padding:\n    0\n    18px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 10px;\n\n  border: 1px solid rgba(255,255,255,.17);\n\n  border-radius: 5px;\n\n  background: rgba(255,255,255,.035);\n\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 700;\n\n  text-decoration: none;\n\n  transition:\n    border-color .2s ease,\n    background .2s ease,\n    gap .2s ease;\n}\n\n\n.fz-gallery-secondary span {\n  color: var(--orange);\n\n  font-size: 15px;\n}\n\n\n.fz-gallery-secondary:hover {\n  gap: 14px;\n\n  border-color: rgba(255,255,255,.30);\n\n  background: rgba(255,255,255,.07);\n\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   RIGHT INFORMATION\n========================================================= *\/\n\n.fz-gallery-closing-info {\n  border-top: 1px solid rgba(255,255,255,.13);\n}\n\n\n.fz-gallery-closing-item {\n  display: grid;\n\n  grid-template-columns:\n    38px\n    1fr;\n\n  gap: 12px;\n\n  padding:\n    18px\n    0;\n\n  border-bottom: 1px solid rgba(255,255,255,.11);\n}\n\n\n.fz-gallery-closing-number {\n  padding-top: 2px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n\n.fz-gallery-closing-item strong {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 650;\n}\n\n\n.fz-gallery-closing-item p {\n  max-width: 330px;\n\n  margin: 0;\n\n  color: rgba(255,255,255,.46);\n\n  font-size: 10px;\n\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   CONTACT\n========================================================= *\/\n\n.fz-gallery-contact {\n  margin-top: 27px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap:\n    9px\n    17px;\n\n  flex-wrap: wrap;\n}\n\n\n.fz-gallery-contact > span {\n  width: 100%;\n\n  color: rgba(255,255,255,.34);\n\n  font-size: 8px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n}\n\n\n.fz-gallery-contact a {\n  color: rgba(255,255,255,.78);\n\n  font-size: 10px;\n  font-weight: 600;\n\n  text-decoration: none;\n\n  transition: color .2s ease;\n}\n\n\n.fz-gallery-contact a:hover {\n  color: var(--orange);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fz-gallery-closing-inner {\n    padding:\n      85px\n      30px;\n\n    grid-template-columns:\n      minmax(0,1fr)\n      minmax(320px,.8fr);\n\n    gap: 60px;\n  }\n\n\n  .fz-gallery-closing-copy h2 {\n    font-size: 46px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  \/*\n     Keep spacing consistent throughout gallery\n  *\/\n\n  .fz-sv6-gallery,\n  .fz-fr14-gallery,\n  .fz-school-gallery,\n  .fz-wheel-gallery,\n  .fz-ambulance-gallery,\n  .fz-v7e-gallery,\n  .fz-f3e-gallery {\n    padding-top: 68px;\n\n    padding-bottom: 68px;\n  }\n\n\n  .fz-gallery-closing-inner {\n    padding:\n      70px\n      20px;\n\n    display: block;\n  }\n\n\n  .fz-gallery-closing-copy h2 {\n    max-width: 360px;\n\n    font-size: 38px;\n\n    line-height: 1.07;\n\n    letter-spacing: -1px;\n  }\n\n\n  .fz-gallery-closing-copy > p {\n    max-width: 360px;\n\n    margin-top: 18px;\n\n    font-size: 13px;\n  }\n\n\n  .fz-gallery-closing-actions {\n    margin-top: 27px;\n\n    display: grid;\n\n    grid-template-columns: 1fr;\n  }\n\n\n  .fz-gallery-primary,\n  .fz-gallery-secondary {\n    width: 100%;\n\n    min-height: 50px;\n  }\n\n\n  .fz-gallery-closing-info {\n    margin-top: 47px;\n  }\n\n\n  .fz-gallery-closing-item {\n    padding:\n      17px\n      0;\n  }\n\n\n  .fz-gallery-closing-item p {\n    max-width: none;\n  }\n\n\n  .fz-gallery-contact {\n    margin-top: 25px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .fz-gallery-closing-inner {\n    padding:\n      62px\n      17px;\n  }\n\n\n  .fz-gallery-closing-copy h2 {\n    font-size: 34px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION \/ ACCESSIBILITY\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .fz-sv6-gallery *,\n  .fz-fr14-gallery *,\n  .fz-school-gallery *,\n  .fz-wheel-gallery *,\n  .fz-ambulance-gallery *,\n  .fz-v7e-gallery *,\n  .fz-f3e-gallery *,\n  .fz-gallery-closing * {\n    scroll-behavior: auto !important;\n\n    transition-duration: .01ms !important;\n\n    animation-duration: .01ms !important;\n\n    animation-iteration-count: 1 !important;\n  }\n\n}\n<\/style>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Gallery Explore the Farizon Vehicle Gallery. Discover Farizon electric vans, trucks and specialised commercial applications through a curated visual showcase. Explore Gallery \u2193 Passenger Mobility Explore Farizon in Detail. Discover real Farizon vehicles, passenger configurations and commercial applications through our curated vehicle gallery. Farizon Passenger Vehicle 6 Photos SV6 MPV Explore the Farizon SV6 MPV [&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-264","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":"Gallery Explore the Farizon Vehicle Gallery. Discover Farizon electric vans, trucks and specialised commercial applications through a curated visual showcase. Explore Gallery \u2193 Passenger Mobility Explore Farizon in Detail. Discover real Farizon vehicles, passenger configurations and commercial applications through our curated vehicle gallery. Farizon Passenger Vehicle 6 Photos SV6 MPV Explore the Farizon SV6 MPV&hellip;","_links":{"self":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/264","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=264"}],"version-history":[{"count":25,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/264\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/264\/revisions\/348"}],"wp:attachment":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}